@media(min-width: 1921px){
    min-height: 60vh;
}

@media(max-width: 1350px){
    .header-menu.secondary .tr-search.tr-search-open{
	   width: 200px;
    }
}

@media (max-width: 1300px){
    .events .swiper-slide .col-12{
        padding-left: 120px;
    }
    blockquote p{
        font-size: 1.4rem;
    }
}

@media (max-width: 1190px){
    .header-menu.secondary ul li a{
        padding: 8px 1em;
    }
}
@media(max-width: 1130px){
    .tabs .tab-item{
        flex-grow: 1;
        flex-basis: auto;
        width: auto;
    }
    .tabs{
        padding-right: 10px;
    }
    .swiper-tabs:after{
        content: '';
        position: absolute;
        width: 20px;
        height: 100%;
        max-height: 86px;
        right: 0;
        bottom: 0;
        background: linear-gradient(to right, rgba(0,0,0,0), #f1f1f1);
        z-index: 10;
    }
}
@media (max-width: 1100px){
    header .menu{
        display: none;
    }
    .login.mobile{
        display: none;
    }
    .slicknav_nav .top-m-menu{
        display: flex!important;
    }
    header .header-left{
        margin-top: 30px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .header-left a{
        position: relative;
        z-index: 99;
    }
    #mobile-menu{
        display: block;
    }
    #mobile-menu ul li i.fal{
        display: none;
    }
    li.mobile-secondary{
        display: block;
    }
    .background-left{
        background-size: 90%!important;
    }
}

@media(min-width: 992px){  
    .services-front .small-box{
        padding: 0 40px;
    }
    .upperlevel-menu a i{
        display: none;
    }
}

@media(max-width: 991px){
    html,
    body{
        font-size: 14px;
    }
    #active_campaign .right-column{
        min-height: 300px!important;
    }
    .tab-wrapper:before{
        left: -550px;
    }
    .top-slider{
        margin-bottom: 0;
    }
    .top-slider .img-top{
        min-height: 300px;
    }
    .top-slider .img-top .overlay{
        position: relative;
    }
    .hero.about .overlay{
        position: relative;
    }
    .upperlevel-menu .icon-box{
        font-size: 3.6rem;
    }
    .content-wrapper-quotes .dep-label{
        margin-right: 38px;
    }
    .upperlevel-menu{
        overflow: hidden;
    }
    .upperlevel-menu nav{
        transform: translateX(-18px);
    }
    .upperlevel-menu.white-bg,
    .upperlevel-menu .skew.white-bg{
    }
    .upperlevel-menu .skew{
        margin-top: 0;
        padding: 20px 0;
    }
    .process-slider .img-top{
        min-height: 400px;
        position: relative;
    }
    .content-process{
        position: relative;
        transform: none;
        top: auto;
        left: auto;
    }
    .content-process > .row{
        padding: 0!important;
    }
    .content-container .content{
        padding-top: 50px;
    }
    .content-container > .text-right{
        position: absolute;
        right: 0;
        width: 100%;
    }
    .content-container .swiper-pagination-two{
        float: left;
        padding: 12px 35px;
    }
    .content-container .swiper-pagination-two .white{
        color: #5F5D5C;
    }
    .process-slider .nav-wrapper{
        bottom: auto;
        right: 0;
        top: 343px;
    }
    .swiper-process-next,
    .swiper-process-prev{
        min-width: 57px;
        height: 57px;
        line-height: 57px;
    }
    .newsletter .social {
        padding: 0;
        width: 55px;
        height: 55px;
        line-height: 55px;
        vertical-align: middle;
        font-size: 1.4rem;
    }
    .contact-sidebar{
        display: flex;
    }
    .swiper-top-prev, .swiper-top-next {
        position: absolute;
        bottom: 0;
        top: auto;
    }
    .swiper-top-prev{
        left: auto;
        right: 67px;
    }
    .swiper-top-next{
        right: 0;
    }
    .events .swiper-slide .col-12{
        padding-left: 15px;
    }
    .fluid-left,
    .fluid-right{
        min-height: 300px;
        position: relative;
    }
    .fluid-left:after,
    .fluid-right:after{
        display: none;
    }
    .news-item{
        margin-bottom: 30px;
    }
    .news-item img{
        width: 100%;
    }
    .swiper-alt-next,
    .swiper-alt-prev{
        width: 67px;
        display: inline-block;
        position: static;
    }
    .contact-img{
        min-width: 80px;
        flex-basis: 80px;
    }
    .contact-img img{
        width: 80px;
        height: 80px;
    }
    .content-wrapper-quotes{
        margin: 0;
    }
    .content-wrapper-quotes blockquote{
        max-width: 100%;
    }
    .content-wrapper-quotes blockquote p{
      font-size: 1.4rem;
    }
    .swiper-quotes-container{
        text-align: right;
    }
    footer .language{
      text-align: left;
    }
    footer .language,
    footer .credit{
      margin-top: 30px;
      width: 49%;
      display: inline-block;
    }
    .department-menu li a{
      font-size: 0.9rem;
    }
    .events h2{
        font-size: 2.4rem;;
    }
    .events .nav-wrapper{
        position: absolute;
        display: inline-block;
        bottom: 0;
        right: 0;
        width: auto;
    }
    .events .swiper-event-prev,
    .events .swiper-event-next{
        position: static;
    }
    .swiper-container-events{
        text-align: right;
    }
    .swiper-container-events .swiper-wrapper{
        text-align: left;
    }
    .map-wrapper{
        position: relative;
        top: auto;
        left: auto;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .map-item{
        flex-basis: auto;
        margin: 0 1em;
    }
    .map-icon{
        padding: 0 0.2em;
    }
    .map-info{
        width: 100%;
        padding-left: 0;
    }
    .services-inhouse .row .section-img{
        order: 1;
        min-height: 300px;
    }
    .services-inhouse .row .section-text{
        order: 2;
    }
    .services-inhouse .row:nth-child(odd) .section-text{
        text-align: left;
    }
    
    .services-inhouse .row:nth-child(odd) .section-img:after{
        display: none;
    }
    
    .services-inhouse .row:nth-child(even) .section-img:after{
        display: none;
    }
    .front-intro-content{
        padding-bottom: 0;
        padding-top: 40px;
    }
    .intro-background{
        position: relative;
        left: 0;
        min-height: 300px;
    }
    .front-intro-content p{
        padding-right: 0;
    }
    .te-introduction .front-intro-content:after{
        display: none;
    }
    .reference-top iframe{
        min-height: 500px;
    }
}
@media(max-width: 575px){
    .about-project .left-fluid,
    .about-project .right-fluid,
    .front-project .right-fluid{
        margin-top: 0;
    }
}
@media(max-width: 767px){
    .newsletter .d-flex .input-wrapper{
        width: 100%;
        flex-basis: 100%;
        -ms-flex: 100%;
    }
    #active_campaign{
        padding-top: 60px;
    }
    #active_campaign .right-column{
        min-height: 200px!important;
    }
    #active_campaign .active_campaign_close{
        right: -10px;
    }
    .upperlevel-menu.white-bg, .upperlevel-menu .skew.white-bg{
        padding-bottom: 0;
    }
    .timeline-item{
        margin-top: 0px;
    }
    .upperlevel-menu .custompad{
        padding-bottom: 0;
    }
    .active-tabcontent{
        z-index: 10;
    }
    .swiper-partners img{
        max-width: 80%;
    }
    .swiper-tabs .swiper-bottom{
        top: 8px;
    }
    .controls button{
        width: 100%;
        margin-bottom: 5px;
    }
    .prodimg img{
        width: 100%;
    }
    .services-inhouse .row .section-img{
        min-height: 200px;
    }
    .content-wrapper blockquote p {
        font-size: 1.2rem;
    }
    .content-wrapper-quotes .dep-label{
        margin-right: 18px;
    }
    .process-slider .nav-wrapper{
        bottom: auto;
        right: 0;
        top: 143px;
    }
    .department-menu{
        display: none;
    }
    .events .swiper-slide{
        text-align: center;
    }
    h1{
        font-size: 2.4rem
    }
    .header-left img{
        max-height: 45px;
        max-width: 220px;
        position: relative;
        z-index: 99;
    }
    .social-wrapper{
        margin-top: 60px;
    }
    #mobile-menu{
        top: 10px;
    }
    .map-icon{
      font-size: 2rem;
      padding: 0;
    }
    .map-info .number{
      font-size: 1.4rem;
    }
    .events .date .date-number{
        font-size: 3rem;
    }
    .opacity-bg{
        padding-left: 30px;
    }
    .process-slider .img-top{
        min-height: 200px;
        position: relative;
    }
    .introtext{
        font-size: 1.2rem;
    }
    .timeline-item{
        padding-bottom: 30px;
    }
    .timeline-item.first .timeline-head:before,
    .timeline-item.last .timeline-head:before{
        transform: rotate(45deg);
        top: 12px;
        height: 20px;
    }
    .timeline-item.last{
        padding-bottom: 0;
    }
    .timeline-item:before,
    .item-linestart:before,
    .item-linestop:before{
        left: 0;
    }
    .item-even .content{
        margin-left: 0;
    }
    .item-odd .content{
        text-align: left;
    }
    .item-odd .timeline-head:before{
        left: -10px;
    }
    #timeline-container,
    .item-linestart,
    .item-linestop{
        width: 80%;
        margin: 0 auto;
    }
    .timeline-item .content{
        width: 100%;
        padding: 0;
    }
    .te-introduction:after{
        width: 70%;
        right: -100px;
    }
}

@media(max-width: 576px){
  .map-icon,
  .map-info{
    width: 100%;
    flex-basis: 100%;
    padding-left: 0;
  }
  .map-item{
    text-align: center
  }
    .newsletter form .d-flex{
        flex-flow: wrap;
    }
    .newsletter form .d-flex > div{
        flex-basis: 100%;
        padding-bottom: 1em;
    }
}