@media (min-width: 1441px) {
    #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-slide{
    height: auto;
}
}

@media (min-width: 768px)
{
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer .columns .column, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer .columns .column, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .itemContainer .columns .column, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .itemContainer .columns .column{
    flex: 0 0 50%;
  }
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer .columns .column.images, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer .columns .column.images, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .itemContainer .columns .column.images, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .itemContainer .columns .column.images{
    overflow: hidden;
  }
}


@media (min-width: 1024px) and (max-width: 1440px) {
    #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-slide{
    height: auto;
}
  #whoWeAre .about{
    width: 50%;
    padding: 0 1em;
}
#whoWeAre .quote{
    width: 45%;
    margin-left: 5%;
}

#whoWeAre .columns{
  display: flex;
}
#ourVision{}

#ourVision img{
    height: 80vh;
}
#hoverBlocks .columns .column{
  height: 500px !important;
  min-width: 200px;
  /* width:200px; */
}

#hoverBlocks .columns{
  flex-wrap: nowrap !important;
}

 #hoverBlocks {
    height: auto;
  }
  #hoverBlocks .columns .column:last-child {
    margin-left: 0.5em;
    /* margin-top: 0.5em; */
  }
}


@media (min-width: 760px) and (max-width: 1023px){
  #whoWeAre .columns{
    display: flex;
    display: -ms-flexbox;
  }  
  #ourVision{
    min-height: 550px;
    background: url(../img/Large-Metso-Building-HR-19.png);
    background-repeat: no-repeat;
    background-color: #0a0a0a;
    background-size: cover;
  }

#ourVision img {
    visibility: hidden;
}
  #hoverBlocks .columns .column:last-child{
    margin-top: 0.5em;
    margin-left: 0;
  }
  #imageAndTextBlocks .columns, #imageAndTextBlocks1 .columns{

  }
  #imageAndTextBlocks .text, #imageAndTextBlocks1 .text{
    max-width: 500px;
  }
}




@media screen and (max-width: 1200px) {
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .images > div:first-child, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .images > div:first-child, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .images > div:first-child, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .images > div:first-child{
}
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide{
    /* max-height: 500px; */
    width: 100%;
}
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer .column, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer .column, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .itemContainer .column, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .itemContainer .column{
    padding: 5em 1em;
    height: auto;
    min-height: 100%;
}
  #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-slide, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-slide{
    height: auto;
}
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .images, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .images, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .images, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .images{
    width: auto;
  }
  #imageAndTextBlocks .columns, #imageAndTextBlocks1 .columns{
    align-items: center;
  }
  #hoverBlocks .columns .column .mainBodyText .slideText{
    margin: 0em -3em;
    display: block;
}

  #imageAndTextBlocks .text, #imageAndTextBlocks1 .text{
    max-width:500px;
  }

  .navigation {
    padding: 1em 1em;
  }

  .navigation #headerAndHero .heroSwiper .swiper-slide .text {
    width: 80%;
  }

  /*#hoverBlocks {
    height: auto;
  }*/

  #hoverBlocks .columns {
    display: flex;
    /* flex-wrap: wrap; */
  }

  #hoverBlocks .columns .column {
    height: 500px;
  }

  #hoverBlocks .columns .column .slideContainer {
    height: 100%;
  }

  #hoverBlocks .columns .column.asset {
    background-position: center 70%;
  }

  #hoverBlocks .columns .column.retail {
    background-position: center 70%;
  }

#hoverBlocks .columns .column:last-child {/* margin-left: 0.5em; *//* margin-top: 0.5em; */}

  #bigHoverBlock {
    height: auto;
  }

  #portfolioSlide .mainFlex .twoPics {
    width: 50%;
  }

  #ourStory,
  #coreOffering {
    padding: 5em 3em;
  }

  #usDifferent {
    padding: 3em 3em;
  }

  #findOutMore img {
    width: 100%;
    
  }

  #findOutMore .textContain {
    width: 90%;
    font-size: 0.8em;
  }

  #staff .swiper-slide .slideText h6 {
    margin-top: 1em;
    margin-bottom: 5%;
    text-align: justify;
  }

  #staff .swiper-slide .slideText h5 {
    margin-bottom: 1em;
  }

  #imageAndTextBlocks .text {
    font-size: 0.8em;
  }
  #staff .swiper-slide .slideText{
    align-content: center;
    align-self: auto;
  }
}
@media (min-width: 760px) and (max-width: 895px){
  #imageAndTextBlocks .columns, #imageAndTextBlocks1 .columns{
    display: block;
  }
  #imageAndTextBlocks .text, #imageAndTextBlocks1 .text{
    max-width: 100%;
  }
  #hoverBlocks .columns{
    display: block;
    height: auto;
  }
  #hoverBlocks .columns .column{
    width:100%;
    height: 350px;
  }

  #whoWeAre .about{
    padding: 0 2em;
  }

  #staff .swiper-slide .slideText{
    align-self: auto;
  }
   #hoverBlocks .columns .column .mainBodyText .slideText{
    margin: 0 auto;
    display: block;
    margin-left: -2.4em;
  }
}
@media screen and (max-width: 900px) {
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .images, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .images, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .images, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .images{
    width: 100%;
}
  #bigHoverBlock .columnContainer .bigSlide {
    flex: 0 0 100%;
  }

  #bigHoverBlock .columnContainer .justImage {
    display: none;
  }

  #portfolioSlide {
    height: 150vh;
  }

  #portfolioSlide .mainFlex {
    flex-wrap: wrap;
  }

  #portfolioSlide .mainFlex .twoPics {
    width: 100%;
    flex-direction: column;
  }

  #portfolioSlide .mainFlex .twoPics .colm {
    height: 100%;
  }

  #portfolioSlide .mainFlex .twoPics .smallImage {
    background-position: center;
  }

  #ourValues .container .circleContainer {
    flex-wrap: wrap;
  }

  #ourValues .container .circleContainer .circleAndText {
    margin: 1em;
  }

  #findOutMore .textContain {
    width: 100%;
    font-size: 0.6em;
  }

  #staff .swiper-slide {
    font-size: 0.8em;
  }

  #imageAndTextBlocks .columns:nth-child(even) {
    flex-wrap: wrap-reverse;
  }

  #imageAndTextBlocks .columns {
    flex-wrap: wrap;
  }

  #imageAndTextBlocks .columns .column {
    min-width: 450px;
  }

  #contactUsModal .close {
    top: 0;
    right: 0.2em;
  }
}

@media screen and (max-width: 768px) {
  #contactUsModal {
    overflow: hidden;
    overflow-y: scroll;
    padding-top: 20em;
    font-size: 1.2em;
  }

  body{
    /*overflow-x: hidden;*/
  }

  #privacyPolicy{
    padding: 0 1em;
  }

  #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-slide-active .category{
    font-size: 1em;
  }

  #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-slide-active .category{
    font-size: 1em;
  }

  #stayConnected .container h4 {
    line-height: 1em;
  }

  #contactUsModal .info {
    display: none;
  }

  #contactUsModal .details {
    display: block;
    margin-top: 2em;
  }
  .homeSwiper .swiper-slide h4 span {
    display: inline;
  }
  .homeSwiper .swiper-slide h4 br {
    display: none;
  }
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer h2, #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer h4{
    display: none;
  }
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer .column{
    padding: 1em;
  }
  #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer h2, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer h4{
    display: none;
  }
  #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer .column{
    padding: 1em;
  }
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer .column, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer .column{
    padding: 1em!important;
  }
  #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-button-prev, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-button-next, #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-button-prev, #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-button-next{
    top: 80%;
  }

}

@media screen and (max-width: 768px){
  *{}

.circleContainer {
    flex-wrap: wrap;
}

.circle {
    width: 100px;
}

body.howwedoit .newPortWrap .grid .grid-item.mallwest h2 {
    top: 28%;
    font-size: 1em;
}

#mallwestModal .swiper-wrapper.placeHolder h1 {
    line-height: 1;
    font-size: 1.5em;
    padding: 5em 1px;
}

.newPortWrap .btn-group {
    text-align: left;
}

body.howwedoit .newPortWrap button {
    width: 49.1%;
    text-align: left;
    padding: 0em 0em;
    line-height: 2;
    margin: 0;
}
  #whoWeAre .quote .blockquote::before{
    top: 0;
  }
  #whoWeAre .quote .blockquote::after{
    bottom:-30px;
  }

#staff .swiper-slide .slideText {
    align-items: center;
    align-self: auto;
}

#staff .swiper-pagination {
    /* bottom: 0em; */
}
#imageAndTextBlocks .columns, #imageAndTextBlocks1 .columns{
  display: block;
}
    #ourVision .container p, #whoWeAre .container p, #ourStory .container p, #usDifferent .container p, #coreOffering .container p, #ourPortfolioText .container p{
    margin-bottom: 1em;
    text-align: left;
    /* line-height: 1.2; */
    align-self: baseline;
    font-size: 1.2em;
    text-align: center;
    /* word-spacing: -2px; */
  }

  #imageAndTextBlocks .text h6, #imageAndTextBlocks1 .text h6{
    margin-bottom: 1em;
    font-size: inherit;
    align-self: auto;
  }

  #imageAndTextBlocks .text h4{
    font-size: 1.3em;
    align-self: auto;
  }

  .anchor{
    padding: 5em 2em;
  }
  #imageAndTextBlocks .text h4, #imageAndTextBlocks1 .text h4{
    align-self: auto;
  }

  #whoWeAre .about p{
    font-size: 1.2em;
    text-align: left; /* remove the large gaps in justified text*/
    word-spacing: -2px;
  }

  #whoWeAre .about h4, #whoWeAre .about h6{
    align-self: auto;
    /* text-align: center; */
  }
  #findOutMore .textContain h2, #findOutMore2 .textContain h2, #findOutMore3 .textContain h2{
    font-size: 2em;
  }
  #findOutMore .textContain, #findOutMore2 .textContain, #findOutMore3 .textContain{
    width:90%;
    font-size: 1.5em;
  }
  #findOutMore .textContain h1, #findOutMore .textContain h2, #findOutMore2 .textContain h1, #findOutMore2 .textContain h2, #findOutMore3 .textContain h1, #findOutMore3 .textContain h2{
    /* font-size: 1.4em; */
    display: inline;
  }

  #mainBannerVideo .heroSwiper .swiper-slide .text {
    width: 90%;
    line-height: 1.2;
  }

  #whoWeAre .about{
    width: 100%;
    padding: 0 2em;
  }

  #whoWeAre .quote{
    width: 100%;
    text-align: center;
  }

  #ourVision img {
    width: 100%;
    height: auto;
    visibility: hidden;
  }

  #ourVision{
    background: url("../img/Large-Metso-Building-HR-19.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
    min-height: 90vh;
  }

  #ourVision .container{
    font-size: 1.12em;
    width: 100%;
    padding: 0 2em;
  }

  #imageAndTextBlocks .text p, #imageAndTextBlocks1 .text p{
    font-size: 1.2em;
  }

  #hoverBlocks .columns .column:last-child, #hoverBlocks .columns .column:first-child{
    margin: 0;
  }
  #hoverBlocks{
    height: auto;
  }
  #hoverBlocks .columns .column:hover{
   height: 350px;
   transition: ease 0.35s;
 }

 #hoverBlocks .columns .column{
   height: 150px;
   transition: ease 0.35s;
 }
}





@media screen and (max-width: 600px) {
  html,
  body {
    font-size: 12px;
  }

  #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-slide-thumb-active .category, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-slide-thumb-active .category, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-slide-thumb-active .category, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-slide-thumb-active .category{
    visibility: hidden;
  }

  #headerAndHero .heroSwiper .swiper-slide .text {
    width: 90%;
  }

  #ourValues .container .circleContainer .circleAndText {
    max-width: 100px;
  }

  #ourValues .container .circleContainer .circleAndText .circle {
    width: 100px;
    height: 100px;
  }

  #staff .swiper-slide {
    flex-direction: column;
    height: auto;
    font-size: 1em;
  }

  #staff .swiper-slide .slideText {
    height: auto;
  }

  #staff .swiper-slide .imgContain img {
    -o-object-fit: contain;
    /* object-fit: contain; */
  }

  #imageAndTextBlocks .text {
    font-size: 1em;
  }

  #imageAndTextBlocks .columns .column {
    min-width: 350px;
  }

  #contactUsModal .container {
    margin-top: 3em !important;
  }

  .modal-content{
    width: 100%;
    max-height: 100%;
  }
  .modal-close{
    top: 0;
    right: 0;
    z-index: 333333333;
    background-color: #000;
    border-radius: 0;
  }
}

@media screen and (max-width: 411px) {
  #findOutBar {
    flex-wrap: wrap;
    text-align: center;
  }

  #findOutBar p {
    margin-bottom: 1em;
  }

  #hoverBlocks .columns .column {
    min-width: 350px;
  }

  #findOutMore {
    font-size: 0.8em;
  }

  #findOutMore .button {
    font-size: 1em;
  }
}

@media screen and (max-width: 414px){
  .heroSwiper h4{
    font-size: 1.2em;
  }
  #whoWeAre .about{
    width: 100%;
    padding: 0 2em;
  }
  #whoWeAre .quote{
    width: 100%;
  }

  #imageAndTextBlocks .text, #imageAndTextBlocks1 .text{
    padding: 4em 2em;
  }

  #ourPortfolioText p{
    padding:0 2em;
  }
  #ourVision img {
    width: 100%;
    height: auto;
    margin: 15em;
    visibility: hidden;
  }

  #ourVision{
    /*margin: 16em 0;*/
    background: url("../img/Large-Metso-Building-HR-19.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;

  }

  #ourVision .container{
    /* max-width: 100%; */
  }

  .metso .swiper-slide img {
    width: 100%;
}

#onpalm .swiper-slide img {
    width: 100%;
}

#kwamnyandu .swiper-slide img {
    width: 100%;
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  display: none !important;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
  display: none !important;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  display: none !important;
}

}

@media screen and (max-width: 425.9px){
  *{}
  #mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer .column p, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer .column p, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .itemContainer .column p, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .itemContainer .column p{
    font-size: 2em;
}
  #findOutMore .textContain .button, #findOutMore2 .textContain .button, #findOutMore3 .textContain .button{
    padding: 1em 1em;
  }

  #findOutMore .textContain, #findOutMore2 .textContain, #findOutMore3 .textContain{
    font-size: 1em;
  }
  #imageAndTextBlocks .text p, #imageAndTextBlocks1 .text p{
    /* text-align: justify; */
    /* word-spacing: -3px; */
}

  #findOutMore .textContain{
    font-size: 1em;
  }
  #imageAndTextBlocks .columns .column{
        min-width: 100%;
  }

#mainBannerVideo .heroSwiper .swiper-slide .text {
    width: 90%;
    line-height: 1.2;
}

    #whoWeAre .about{
    width: 100%;
    padding: 0 1em;
  }

    #whoWeAre .quote{
    width: 100%;
  }

    #ourVision img {
    width: 100%;
    height: auto;
    visibility: hidden;
  }

  #ourVision{
    background: url("../img/Large-Metso-Building-HR-19.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
    min-height: 80vh;
    background-position: center;
  }

    #ourVision .container{
    font-size: 1.12em;
    /* width: 22em; */
  }

  #findOutMore, #findOutMore2, #findOutMore3{

  }

  #ourVision .container p, #whoWeAre .container p, #ourStory .container p, #usDifferent .container p, #coreOffering .container p, #ourPortfolioText .container p{
    margin-bottom: 1em;
    text-align: left;
    /* line-height: 1.2; */
    align-self: baseline;
    /* font-size: 1em; */
  }

  #imageAndTextBlocks .text h6, #imageAndTextBlocks1 .text h6{
    margin-bottom: 1em;
    font-size: inherit;
    align-self: auto;
  }

  #imageAndTextBlocks .text h4{
    font-size: 1.3em;
    align-self: auto;
  }

  .anchor{
    padding: 5em 2em;
  }
  #imageAndTextBlocks .text h4, #imageAndTextBlocks1 .text h4{
    align-self: auto;
  }

  #whoWeAre .about p{
    font-size: 1.2em;
    /* text-align: justify; */ /* remove the large gaps in justified text*/
    word-spacing: -2px;
  }

  #whoWeAre .about h4, #whoWeAre .about h6{
    align-self: auto;
    /* text-align: center; */
  }
  #findOutMore .textContain h2, #findOutMore2 .textContain h2, #findOutMore3 .textContain h2{
    /* font-size: 2em; */
  }
  #findOutMore .textContain, #findOutMore2 .textContain, #findOutMore3 .textContain{
    width:90%;
  }
  #findOutMore .textContain h1, #findOutMore .textContain h2, #findOutMore2 .textContain h1, #findOutMore2 .textContain h2, #findOutMore3 .textContain h1, #findOutMore3 .textContain h2{
    /* font-size: 2.8em; */
    display: block;
  }

}
/*styles for IE*/

@media (max-width: 320.9px) {
  *{}

.circle {
    width: 5em;
}

.circleAndText {
    display: flex;
    flex-direction: column;
}

.circleContainer {
    display: block;
    flex-direction: column;
}

.modal-content {
    max-height: 98%;
    height: 100%;
}

#mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-slide .category, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-slide .category, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-slide .category, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-slide .category {
    font-size: 0.4em;
}

#whoWeAre .columns {
    padding: 50px 0px;
}

#staff .swiper-slide .slideText p {font-size: 1.2em;}

#ourValues .container .circleContainer .circleAndText {
    font-size: 0.7em;
}

.text {
    text-align: center;
}

#staff .swiper-slide .imgContain {
    flex: 0 0 50%;
}

#staff .swiper-slide .imgContain img {
    object-fit: scale-down;
    max-width: 320px;
}

section#staff {
}

#staff .swiper-pagination {/* top: 0; */}

.swiper-container {
    /* margin: 0em auto; */
}

.swiper-container.staff-swiper.swiper-container-fade.swiper-container-initialized.swiper-container-horizontal.swiper-container-ios {
}

.swiper-container.staff-swiper.swiper-container-fade.swiper-container-initialized.swiper-container-horizontal.swiper-container-ios {}

#whoWeAre .quote {
    width: auto;
}

.slideText h5 span {
    white-space: initial;
}

#staff .swiper-slide .slideText {
    max-width: 99%;
    align-self: unset;
}

#staff .swiper-slide .slideText h6 {
    /* margin-top: -3em; */
}

#staff .swiper-slide .slideText h4, #staff .swiper-slide .slideText h5 {
    text-align: center;
    white-space: nowrap;
    letter-spacing: 4px;
}

section#ourVision {
    height: 100vh;
}

.anchor {
    padding: 2em 0.5em;
}

.container {
}

#ourVision .container {
    font-size: 1em;
    width: 22em;
    text-align: justify;
    word-spacing: 4px;
}

#ourVision .container p, #whoWeAre .container p, #ourStory .container p, #usDifferent .container p, #coreOffering .container p, #ourPortfolioText .container p {
    word-spacing: -2px;
    text-align: justify;
}

#findOutMore .textContain h1, #findOutMore .textContain h2, #findOutMore2 .textContain h1, #findOutMore2 .textContain h2, #findOutMore3 .textContain h1, #findOutMore3 .textContain h2 {
    font-size: 2em;
    white-space: nowrap;
}

#staff .swiper-slide .slideText p:nth-child(last){
  
}
#mainPortFolioSwiper .toggleTabs .toggleTab.active::after{
    border-width: 12px 12px 0 12px;
    bottom: -12px;
}
#mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-slide-thumb-active::after, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-slide-thumb-active::after, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-slide-thumb-active::after, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-slide-thumb-active::after{
    border-width: 0 12px 12px 12px;
}
#mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-button-prev, #mainPortFolioSwiper .swiper-container.retail-thumbs .swiper-button-next, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-button-prev, #mainPortFolioSwiper .swiper-container.commerial-thumbs .swiper-button-next, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-button-prev, #mainPortFolioSwiper .swiper-container.logistics-thumbs .swiper-button-next, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-button-prev, #mainPortFolioSwiper .swiper-container.pipeline-thumbs .swiper-button-next{
    visibility: hidden;
}
#mainPortFolioSwiper .swiper-container.retail-top .swiper-slide .itemContainer .column p, #mainPortFolioSwiper .swiper-container.commerial-top .swiper-slide .itemContainer .column p, #mainPortFolioSwiper .swiper-container.logistics-top .swiper-slide .itemContainer .column p, #mainPortFolioSwiper .swiper-container.pipeline-top .swiper-slide .itemContainer .column p{}
}
}