@media (max-width: 1600px) {
.promo-pannel {
    left: 6%;
    width: auto;
}

/* .page-header.page-header--fixed {
    padding: 6px 0 6px 25px;
    left: 0;
} */
}
@media (max-width:1425px){

    .page-header .button--filled {
        height: 50px;
        line-height: 50px;
        min-width: 175px;
        margin-right: 1%;
}
}

@media (max-width:1400px){

    .page-header .button--filled {
        height: 45px;
        line-height: 45px;
        min-width: 140px;
        margin-right: 1%;
        text-transform: uppercase;
        font-size: 13px;
        padding: 0;
    }

    section.section.useful_section {
        padding: 70px 0 100px;
    }

    section.section.useful_section .document--style-2 {
        margin-bottom: 4%;
    }

    section.section.job_section {
        padding: 40px 0;
    }

    .branch_section {
        margin: 0 0 40px;
    }

    .tj-contact-list .contact-header {
        padding-left: 60px;
    }


    section.section_welcome.about_section {
        padding: 25px 0;
        height: 35vh;
    }

    .nav__content {
        top: 55%;
    }

    .veryHigh {
        height: 5680px;
    }

    #popup .heading__title {
        font-size: 25px;
    }

    #popup img {
        width: 100%;
        margin: 13% auto 1%;
    }

    #popup {
        font-size: 14px;
        width: 320px;
    }

    .footer-widget img {
        width: 45%;
    }
}

@media (max-width:1366px){

    td.image-incoterms {
        padding: 8px;
    }


    .image-incoterms .xx {

        font-size: 15px;
    }

    .image-incoterms img {
        width: 55%;
    }

    .p-teaser-img-wrap {
        top: 8vh;
    }

    .service_details-trigger .contact-trigger__title {
        font-size: 20px;
    }

    .document--style-2 {
        text-wrap: nowrap;
    }

}

@media (max-width:1280px){

    .red.details , .blue.details , .green.details {
        width: 60%;
    }

    .after-table .name {
        font-size: 18px;
        padding: 3px;
    }

    section.section.section_container-dims .data td {
        text-align: center;
        padding: 7px;
        font-weight: 500;
        vertical-align: middle;
        font-size: 13px;
        width: auto;
    }

    .welcome_mask {
        height: 80vh;
    }

    section.section_welcome {
        height: 65vh;
    }

    .title1 {
        font-size: 3em;
    }

    .footer-main-area {
        padding: 100px 30px 10px;
    }

    .nav__list-item a {
        font-size: 23px;
    }

    .footer-widget .socials__link {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 1;
    }
}

@media (max-width:1200px){
    .page-header__logo img {
        height: 65px;
        max-width: max-content;
    }

    .page-header .button--filled {
        margin-right: 15px;
    }

    .top-text {
        text-wrap: nowrap;
    }

    .mask-outline.bg-center h1 {
        font-size: 130px;
    }

    .container {
        max-width: 1130px;
    }

    .counter__count {
        font-size: 65px;
    }

    .footer-widget p {
        margin-right: 10%;
    }

    .career-form.custom-contact-form-style-1 .custom-input-box .form-control {
        padding-left: 65%;
    }
}


@media (max-width:1024px){

    .about_section .counter__subject {
        font-size: 40px;
    }

    section.section_welcome {
        height: 45vh;
    }

    .cta-block.cta-block--style-2 {
        padding: 30px 0;

    }

    .hero-block .align-container {
        height: 480px;
    }

    .hero-block {
        height: 400px;
    }

    section.section.news_section {
        padding: 65px 0;
    }

    /* .img--bg {
        height: 75%;
    }

    .hero-block__layout {
        height: 75%;
    } */
     
    h2 {
        font-size: 40px;
    }

    /* .scrolls p {
        margin-bottom: 0;
        line-height: 1.3;
    }         */

    .container_scroll .items {
        margin-left: -50px;
    }
}




@media (max-width:1109px){
    .p-teaser-img-wrap {
        top: 12vh;
    }

    .page-footer__menu.services {
        column-count: 1;
    }

    /* .button--blue {
        height: 40px;
        line-height: 35px;
        min-width: 150px;
        border-radius: 0 0 20px 0;
        padding: 0 10px;
    } */

}

@media (max-width:1100px){

    .title_convert {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .title_convert svg {
        width: 40px;
    }


    .form.calculator-form .button--red span {
        min-width: inherit;
    }


    section.section.service-details {
        padding: 40px 0;
    }


    .cta-block.cta-block--style-2 .text-red {
        font-size: 30px;
    }

    .about_section .heading__title {
        font-size: 25px;
        line-height: 35px;
    }

    .accordion.accordion--style-2 {
        width: 100%;
    }

    section.section.service-details .bottom_mobile {
        margin-bottom: 4%;
    }

    section.section.service-details .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service_details-trigger {
        width: 100%;
        max-width: 100%;
        clip-path: none;
    }

    .other-service {
        padding: 30px 30px 30px 30px;
    }

}

@media (max-width:991.5px){

    .top-70.side_mobile {
        margin-top: 0 !important;
    }

    .blog-sidebar {
        padding: 3% 0 0;
        margin-bottom: 20px;
    }
    section.section.services_section {
        padding: 20px 0 50px;
    }

    .services_section .count-item {
        margin-bottom: 5%;
        background-color: #dad2c82b;
        padding: 10% 0;
    }

    section.section.services_section .button--red {
        min-width: 100px;
        font-size: 13px;
    }

    section.section.services_section .button--red span {
        min-width: inherit;
    }

    section.section.services_section .count-item__img {
        margin-bottom: 20px;
    }

    section.section.services_section  .count-item__img img {
        height: 80px;
    }

  .contacts-item {
    width: 100%;
    float: none;
    max-width: 100%;
  }

  .quote-form__submit {
    margin-bottom: 30px;
  }

    .container {
        max-width: 900px;
    }

    .counter__count {
        font-size: 50px;
    }

    .counter__subject {
        font-size: 30px;
    }

    .counter--blue .counter__details {
        font-size: 13px;
    }

    section.section_welcome {
        height: 35vh;
    }

    .welcome_mask {
        height: 65vh;
    }

    .section.section.services_2.bg--lgray {
        padding: 60px 0 0;
    }

    .teaser-copy {
        max-width: 650px;
        padding-right: 5%;
    }

    .flipper-container {
        margin: 0 auto;
        width: 425px;
    }

    section.section.thinkgreen {
        padding: 40px 0;
    }

    .top-30 {
        margin-top: 15px !important;
    }

    .section.service_section {
        display: none;
    }

    .section.section.services_2.bg--lgray .col-12.col-xs-12.col-sm-12.col-md-6.col-xl-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .section.section.services_2.bg--lgray .img-box {
        margin-bottom: 50px;
    }

    .section.section.services_2.bg--lgray .img-box__title {
        font-size: 35px;
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .button {
        font-size: 15px;

    }

    /* .button--red span {
        min-width: 85%;
    } */
}

@media (max-width:991px){

    .about_section .container_scroll .image {
        margin: 45px 0;
    }


    section.section_welcome.about_section {
        padding: 25px 0;
        height: auto;
    }

    .about_section .button--red span {
        min-width: inherit;
    }

    section.section_welcome.about_section .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .list--reset .top-30 {
        margin-top: 25px !important;
    }


    .teaser-copy-wrap {
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: column;
        flex-direction: row;
        margin: 5% 0;
    }

    .count-item__img img {
        height: 60px;
    }

    .count-item__img {
        margin-bottom: 0px;
    }

    .title1 {
        font-size: 1.8em;
    }

    .top-30 {
        margin-top: 0 !important;
    }

    .teaser-copy {
        max-width: 100%;
        padding-right: 0;
        padding-left: 25px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .promo-pannel {
        left: -77%;
    }

    .container_scroll .items p {
        margin-bottom: 15px;
    }

    .veryHigh {
        height: auto;
    }
}

@media (max-width:990px){

    .table-incoterms {
     
        width: 100%;
        display: block;
        overflow-y: scroll;
    }

    .table-incoterms td {
        padding: 10px;
        font-size: 14px;
    }

    section.section.section_container-dims .data td {
        padding: 10px;
    }

    .job-post-item-header.d-flex.align-items-center h4 {
        font-size: 23px;
    }

    .single-job {
        padding: 30px 15px;
    }

    section.section_welcome .col-xs-12.col-sm-12.col-md-4.col-lg-4.text-center {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .counter--blue .counter__top {
        text-align: center;
    }

    .counter__lower {
        text-align: center;
    }

    .container_scroll .items p {
        margin: 20px 0;
        padding: 0 8%;
    }

    .container_scroll {
        max-width: 100%;
        margin: 0 auto;
        display: block;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center;
    }

    .scrolls {
        height: auto;
       padding: 5% 0;
        background-color: #dde9ff;
    }

    .scrolls .background {
        height: auto!important;
    }

    .container_scroll .image {
        width: 100%;
    }

    .container_scroll .items {
        margin-left: 0;
        text-align: center;
        width: 100%;
        margin: 50px 0;
    }

    .welcome_mask {
        height: auto;
        padding: 22% 0px;
    }

    .img_float2 {
        bottom: 80px;
        width: 220px;

    }

    .teaser-container {
        padding-left: 0;
    }

    section.section_welcome {
        height: auto;
    }

    .contact-trigger {
        float: right;
    }
}


@media (max-width:830px){
    .table.table_dims td, .table.table_dims th {
        padding: .7rem;
        font-size: 14px;
    }

    .img_containers {
        width: 90px;
    }

    .page-header .button--filled {
        margin-right: 8px;
    }

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

    .career_section .button--red {
        min-width: 105px;}

    .overlay-asidemenu {
        background-color: transparent;
    }

    .screen.screen-firstlayer {
        background: #ffffffd9;
    }

    .table.table_dims table {
        overflow-y: scroll;
        table-layout: auto;
        position: relative;
        display: block;
    }

    section.section.section_container-dims .table {
        display: flex;
    }


        .table.table_dims td, .table.table_dims th {
            padding: .7rem;
        }

    .career-form.custom-contact-form-style-1 {
        margin: 0 2%;

    }

    .col-xs-12.col-md-6.col-lg-12.contact_blog_trigger {
        flex: 0 0 100%;
        max-width: 100%;
        
    }

    .contact_blog_trigger  .contact-trigger , .contact-trigger {
        float: none;
        width: 100%;
        max-width: 100%;
        clip-path: none;
    }


    .team-item__description {
        width: 335px;
    }

    .team-item__name {
        font-size: 15px;
    }
    
    /* .welcome_mask {
        padding: 32% 0px;
    } */

    .mask-outline.bg-center h1 {
        font-size: 85px;
    }

    .section.section.services_2.bg--lgray {
        padding: 35px 25px 0;
    }

    .button--red span {
        min-width: inherit;
    }

    .flipper-container {
        margin: 0 40px 36%;
        width: 100%;
    }
    

    .face.back {
        height: 71vh;
        padding: 20% 3%;
    }
}


@media (max-width:700px){
    .screen {
        width: 100%;
    }

    section.team_content .card-bottom .card {
        max-width: 48%;
        width: 48%;
    }
}

@media (max-width:600px){

.section.currency_section {
    padding: 60px 0;
}
    

.calculator-form__total span:first-of-type {
    font-size: 30px;
    margin-right: 8px;
}

    section.section.useful_section {
        padding: 40px 0 70px;
    }
    

    section.section.useful_section .document--style-2 {
        margin-bottom: 1%;
    }

    .career-form.custom-contact-form-style-1 .custom-input-box label {
        left: 8%;
    }

    .career-form.custom-contact-form-style-1 .custom-input-box .form-control {
        padding-left: 25%;
    }

    .job-post-item-header.d-flex.align-items-center h4 {
        font-size: 18px;
    }


    .hero-block__overlay {
        display: block;
    
    }

    section.section.contacts {
        padding: 40px 0px;
    }

    .section.request-quote {
        padding: 40px 0;
    }

    .form__radio-label {
        display: block;
    }

    .box_request h6.quote-form__title {
        font-size: 15px;
    }

    .team-item__description {
        width: 95%;
    }

    
    .team-item__name {
        font-size: 18px;
    }

    .face.back {
        height: 100vh;
        padding: 10% 3%;
    }

    .flipper-container {
        margin: 0 20px 22%;
        width: 100%;
    }

    .mask-outline.bg-center {
        background-size: 100%;
    }

    .welcome_mask {
        height: auto;
        padding: 22% 0px 40%;
    }

}

@media (max-width:540px){

    
    section.team_content .card-bottom .card {
        max-width: 60%;
        width: 60%;
    }

    .veryHigh {
        height: 6000px;
    }


    .back h2 {
        padding: 70px 0px 30px;
        letter-spacing: 1px;
        font-size: 25px;
    }

    .red.details, .blue.details, .green.details {
        width: 70%;
        margin-bottom: 10px;
    }


    section.section.section_container-dims {
        padding: 40px 0 0;
    }


    section.section.section_container-dims .row.align-items-center.mb-5 {
        margin-bottom: 2rem !important;
    }
    

    section.section.service-details .col-md-6 {
        margin-bottom: 25px !important;
    }


    .bottom_mobile {
        margin-bottom: 4%;
    }

    section.section.blog-post {
        padding: 30px 0;
    }

    .service_details-trigger .contact-trigger__img {
        height: 62px;
        right: 0px;
    }


    section.section.blog {
        padding: 30px 0;
    }

    .quote-form__title.survey_title {
        font-size: 18px;
    }

        .about_section .heading__title {
        font-size: 21px;
        line-height: 28px;
    }

    .cta-block.cta-block--style-2 .button {
        margin-top: 15px;
    }

    .cta-block.cta-block--style-2 {
        text-align: center;
    }

    section.section.news_section {
        padding: 30px 0 50px;
    }

    .team-item {
        margin-bottom: 20px;
    }
    .contact-trigger {
        padding: 16px 19px 20px 19px;
        width: 100%;
        max-width: 100%;
    }

    .contact-trigger__title {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 2.2;
    }

    .flipper-container {
        margin: 0 20px 4%;
    }
}


@media(max-width:480px){

    section.team_content .card {
        max-width: 100%;
        width: 100%;
        margin: 0 5%;
    }

    section.team_content .card-bottom .card {
        max-width: 100%;
        width: 100%;
        margin: 0 5%;
    }

    .title_convert {
        font-size: 25px;
    }


    .title_convert svg {
        width: 33px;
        margin-right: 4px;
    }

    .contact-trigger.trigger-currency.contact-trigger--style-2 {
        -webkit-clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(90% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
    }

    .other-service {
        padding: 0 30px 0 30px;
    }
    
    .career-form.custom-contact-form-style-1 .quote-form__submit {
        margin-bottom: 20px;
        margin-top: 0%;
    }

    .career-form.custom-contact-form-style-1 .custom-input-box .form-control {
        padding-left: 50%;
    }

    .hero-block__title {
        font-size: 30px;

    }

    .hero-block {
        height: 265px;
    }


    .hero-block .align-container {
        height: 345px;
    }

    .page-header.page-header--fixed {
        padding: 0;
        left: 0;
    }

    .nav__content .nav__list ul ,  .nav__list ul {
        padding-left: 0;
    }

    .footer-main-area.social_header.nav__list-item {

        margin-left: 0;
    }

    .mask-outline.bg-center h1 {
        font-size: 40px;
    }

    .welcome_mask h6 {
        scale: 0.6;
    }

    .welcome_mask {
        height: 45vh;
    }

    .section.section.services_2.bg--lgray {
        padding: 20px 0 0;
    }

    .section.section.services_2.bg--lgray .img-box {
        margin-bottom: 20px;
    }


    .section.section.services_2.bg--lgray .img-box__title {
        font-size: 25px;
    }

    .section.section.services_2.bg--lgray .img-box__title img {
        width: 50px;
    }

    h2 {
        font-size: 35px;
    }


    .teaser-container {
        max-width: 100%;
        padding-right: 5%;
        padding-left: 5%;
    }

    .logos-slider__item img {
        width: 100%;
    }

    .footer-main-area .row {
        display: block!important;

    }

    .footer-main-area {
      padding: 30px 15px 0px !important;
      background-size: cover;
      background-position: 75%;
    }

    #popup {
        right: 5%;
        left: auto;
        font-size: 12px;
        width: 260px;
    }

    #popup .heading__title {
        font-size: 20px;
    }

    #popup span.closebutton svg.icon {
        font-size: 22px;
        margin-top: -15px;
    }

    #popup img {
        width: 100%;
        margin: 10% auto 1%;
    }


    .members-wrapper {
        padding: 30px 0px 30px;
    }

    .phone-circle {
        width:25px;
        height:25px;
    }

    .phone-circle img.phone-dark {
        width: 15px;
    }

    .phone-flex {
        grid-column-gap: 7px;
        grid-row-gap: 7px;
    }

    .contact-trigger__title {
        font-size: 25px;
    }

    /* .slick-slider {
        height: 100vh;
    } */


  #video-role ,  #myvideo , .promo-slider__item{
        height: 80vh;
    }


    .promo__lower .contact-trigger {
        clip-path: polygon(90% 0, 100% 18%, 100% 100%, 0 100%, 0 0);
    }

    .veryHigh {
        height: 5000px;
    }
}

@media (max-width:430px){

   

   

    section.section.useful_section {
        padding: 40px 0 90px;
    }


    section.section.useful_section .document--style-2 .document__details {
        width: calc(100% - 70px);
    }

    .document__title {
        font-size: 15px;
    }

    .career-form.custom-contact-form-style-1 .custom-input-box label {
        left: 10%;
    }

    .service_details-trigger .contact-trigger__title {
        font-size: 20px;
    }

    section.section.blog-post h4.blog-post__title {
        font-size: 26px !important;

    }

    section.section.blog-post p{
    font-size: 15px!important;
}

section.section.blog-post ul li.list__item {
        line-height: 25px!important;
        font-size: 15px!important;
    }

    .page-header__logo img {
        height: 50px;
    }

    .flipper-container {
        margin: 0 20px 0;
        width: 100%;
        height: 425px;
    }

    .face.back {
        height: auto;
        padding: 0 3%;
    }

    .flipper-container:hover .flip {
        box-shadow: none;
        background-color: #dc143c;
    }

    section.section.thinkgreen {
        padding: 40px 0 0;
    }

    .popup .inner_popup .btn {
        left: 30px;
    }
    
}

@media (max-width:415px){

    .page-header__logo img {
        height: 50px;
    }

    .page-header {
        padding: 0 0;
    }

    .phone-flex {
        grid-column-gap: 3px;
        grid-row-gap: 0;
    }

    .top-text {
        font-size: 14px;
    }

    h2 {
        font-size: 25px;
    }
    

    .flipper-container {
        height: 400px;
    }

    .back h2 {
        padding: 60px 0px 25px;
        letter-spacing: 1px;
        font-size: 22px;
    }

    .back p {
        font-size: 15px;
    }

    #popup {
        font-size: 12px;
        width: 260px;
    }

    .img-box__details {
        padding: 0 30px 13px 15px
    }

}

@media (max-width:393px){

    .red.details, .blue.details, .green.details {
        width: 50%;
    }


        .job-post-item-header.d-flex.align-items-center h4 {
            font-size: 15px;
        }

    .img_float2 {
        bottom: 20px;
        width: 220px;
        opacity: 0.5;
    }

    .flipper-container {
        height: 375px;
    }

    

}

@media (max-width:380px){


    .margin_left_team {
        margin-left: 0;
    }

    .quote-form__title.survey_title {
        font-size: 16px;
    }

    .welcome_mask h6 {
        scale: 0.5;
    }

    .flipper-container {
        height: 365px;
    }
    
}