.show-mobile {
    display: none
}

@media screen and (max-width: 1400px) {
    .main-wrapper.fade-in .page-link {
        padding-right: 80px;
    }
}

@media screen and (max-width: 1300px) {
    .main-wrapper.fade-in .banner-wrapper {
        animation: unset;
    }

    .banner-wrapper {
        background-size: cover;
    }
}

@media screen and (max-width: 1280px) {

    /*corporate page*/
    .page-id-28 .img-section {
        height: 100%;
        width: 100%;
    }

    .page-id-28 .img-section img {
        height: 100%;
        width: 450px;
        object-fit: cover;
        object-position: center;
    }

    .link-block {
        margin: -1px 0;
    }
}

@media screen and (max-width: 1199px) {
    .container {
        max-width: 980px;
    }

    .main-wrapper.fade-in .page-link {
        padding-right: 60px;
    }

    .banner-wrapper-inner .container {
        min-height: 75vh;
    }

    .services-wrapper .steps {
        margin-bottom: 100px;
        margin-top: 100px;
    }

    .footer-right-column {
        padding-left: 150px;
    }
}

/*contact-us*/
@media screen and (max-width: 1080px) {
    .site-menu #menu-header-menu a {
        font-size: 17px;
    }

    .office {
        background-color: #fff;
        padding: 35px 35px;
        margin-bottom: 40px;
    }

    .footer-right-column {
        padding-left: 85px;
    }

    /*corporate page*/
    .page-id-28 .rnd-section {
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        align-items: center;
        transform: translateY(20%);
    }

    .page-id-28 .career-head {
        padding-top: 225px;
        padding-bottom: 60px;
    }

    /*About-us Page*/
    .page-id-26 .before-text:before {
        font-size: 70px;
        line-height: 150px;
    }

    .our-offices .content {
        padding-left: 0;
        max-width: 400px;
        margin: auto;
    }

    .who-we-are .content p, .what-we-do .content p, .our-vision .content p {
        font-size: 18px;
        line-height: 30px;
    }

    .our-offices p {
        font-size: 18px;
        line-height: 30px;
    }

}

@media screen and (max-width: 991px) {
    .container {
        max-width: 750px;
    }

    .main-wrapper.fade-in .page-link {
        padding-right: 30px;
    }

    .home-banner {
        padding: 70px 0;
    }

    .services-wrapper .steps {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    /*partners Page*/
    .partner-content {
        max-width: 80%;
    }

    .accordion-content {
        min-height: 575px;
    }

    /*solutions page*/
    .section {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .solutions-section {
        margin-top: 70px;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .solution {
        background-color: #fff;
        display: flex;
        max-width: calc(100%);
        flex-basis: calc(100%);
        margin-bottom: 40px;
        margin: 0 auto 25px;
    }

    /*corporate page*/
    .before-text:before {
        font-size: 80px;
    }

    .page-id-28 .get-in-touch-content {
        margin: auto;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .page-id-28 .rnd-section {
        display: block;
        transform: translateY(20%);
    }

    .page-id-28 .img-section img {
        height: 470px;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .page-id-28 .rnd-content {
        display: block;
        padding: 32px 32px;
        height: auto;
    }

    .page-id-28 .img-section {
        height: auto;
        width: 100%;
    }

    .page-id-28 .career-head {
        padding-top: 275px;
        padding-bottom: 60px;
    }

    /*About-us Page*/
    .offices-region {
        display: flex;
        max-width: 43%;
    }

    /*homepage*/
    .services-wrapper h3 {
        font-weight: bold;
        font-size: 70px;
        line-height: 120px;
    }

    .services-wrapper .number {
        position: absolute;
        left: -165px;
        font-weight: bold;
        font-size: 150px;
        line-height: 215px;
        color: #FFFFFF;
        opacity: 0.5;
        text-align: right;
        width: 130px;
    }

    .homepage-section .get-in-touch-content {
        padding-top: 26px;
        padding-bottom: 100px;
    }

    .services-wrapper {
        max-width: 65%;
        margin: auto;
        position: relative;
        text-align: justify;
    }

    .offices-wrapper li .section-title {
        width: 110px
    }

    .offices-wrapper li .section-content {
        margin-left: 110px;
    }

    .offices-wrapper li h2 {
        font-size: 18px;
    }

    .offices-wrapper li.active .section-content {
        padding: 50px;
        margin-left: 110px;
    }
}

@media only screen and (max-width: 896px) {
    .office-country .country-name {
        font-size: 17px;
    }

}

@media screen and (max-width: 767px) {

    /*contact-us*/
    .template-banner {
        min-height: 500px;
        padding-top: 284px;
        padding-bottom: 0;
    }

    .site-header-inner .container {
        flex-direction: column;
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    .hero:before {
        top: 24px;
        width: 100%;
        height: 200px;
    }


    .rnd-content {
        display: block;
        padding: 32px 32px;
        height: auto;
        text-align: center;
    }

    .rnd-content p {
        text-align: center;
    }

    .our-offices {
        display: block;
    }

    .offices-region {
        display: block;
        max-width: 100%;
    }

    img.office-image {
        display: none;
    }

    img.offices-mobile-img {
        display: block !important;
    }

    .office-country .country-name {
        font-size: 31px;
        top: 50%;
    }

    .mobile-logo img.logo-img {
        width: 95px;
        height: auto;
    }

    .images img {
        max-width: 100%
    }

    .images {
        position: relative;
        width: 90%;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block
    }

    #accordion h3 {
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        font-size: 24px;
        font-weight: bold;
        margin: 0;
        border-radius: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: 0px;
        outline: none;
        text-transform: uppercase
    }

    #accordion h3:first-of-type {
        background-image: url('../images/about/World_map_green 1.png');
        background-color: #333
    }

    #accordion h3:nth-of-type(2) {
        background-image: url('../images/about/World_map_green 2-1.png');
        background-color: #444
    }

    #accordion h3:nth-of-type(3) {
        background-image: url('../images/about/World_map_green 3.png');
        background-color: #555
    }

    #accordion.ui-accordion .ui-accordion-content {
        padding: 2em 2.2em;
        background: #E7EEF8;
        border: 0px;
    }

    #accordion h4 {
        text-transform: uppercase;
        font-family: Poppins;
        margin-bottom: 10px;
    }

    .page-id-8 .banner-wrapper-inner {
        min-height: 70vh;
        padding-bottom: 0;
    }

    .page-id-8 .banner-wrapper.hero {
        background: url(http://box5811.temp.domains/~skechco/moadbusdev/wp-content/uploads/2019/12/photo-5.png) !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%;
    }

    section#section01 {
        display: none;
    }

    .what-we-do .content p {
        max-width: 100%;
    }
}

@media screen and (max-width: 640px) {

    /*.template-banner {
        min-height: 250px;
        padding-top: 92px;
        padding-bottom: 82px;
    }*/
    h1 {
        font-size: 38px;
        line-height: 56px;
        margin-bottom: 7px;
    }

    h2 {
        font-size: 30px;
        line-height: 54px;
        margin-bottom: 20px;
    }

    p {
        font-size: 16px;
        line-height: 25px;
        font-weight: 500;
        margin: 0 0 1rem;
    }

    .info-wrapper img {
        margin-right: 12px;
        width: 22px;
        height: auto;
    }

    .office {
        background-color: #fff;
        padding: 16px 23px;
        margin-bottom: 40px;
    }

    .footer-background .content {
        display: block;
        text-align: center;
    }

    .col-half {
        width: 100%;
    }

    .footer-right-column {
        padding-left: 0;
        max-width: 440px;
        margin: auto;
    }

    .widget-item p {
        font-size: inherit;
        max-width: 480px;
        line-height: 33px;
        text-align: center;
        margin: auto;
    }

    .widget_text.widget-item {
        margin: auto;
        padding: 43px 0;
        padding-bottom: 95px;
    }

    .footer-background {
        background: #1F1F1F;
        padding: 70px 0;
        font-family: 'Barlow', sans-serif;
        font-size: 18px;
    }

    .footer-links-wrapper li {
        margin-bottom: 32px;
    }

    .form-textarea {
        max-height: 193px;
        padding: 16px 20px;
    }

    body .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff;
        line-height: 50px;
        padding: 0 18px;
    }

    .form-input {
        padding: 12px 18px;
        font-weight: 500;
        font-size: 16px;
        line-height: 27px;
    }

    .btn {
        max-width: 192px;
        font-size: 18px;
        line-height: 30px;
        padding: 10px 0;
        width: 100%;
    }

    .section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .social-icon-section li {
        font-size: 32px;
        margin-right: 0;
        margin: 0 20px;
    }

    /*partners Page*/
    .partner-heading {
        font-size: 22px;
        line-height: 50px;
    }

    .partner-heading-wrapper {
        min-height: 61px;
    }

    .get-in-touch-content a {
        padding: 10px 0;
        font-size: 18px;
        min-width: 192px;
        line-height: 30px;
    }

    .page-id-28 .btn {
        padding: 10px 42px;
    }

    .page-id-32 .accordion {
        background-color: #fff;
        transform: translateY(17%);
        width: 100%;
    }

    .page-id-32 .partner-contact {
        padding-top: 176px;
    }

    /*About-us Page*/
    .point-number {
        flex-basis: 85px;
        max-width: 85px;
    }

    .point-content {
        margin-right: 37px;
    }

    .get-in-touch-content {
        margin: auto;
        text-align: center;
        padding-top: 55px;
        padding-bottom: 60px;
    }

    .our-offices p {
        font-size: 17px;
        line-height: 28px;
    }

    .our-offices .content {
        padding-left: 0;
        max-width: 43%;
        margin: auto;
    }

    /*.offices-region {
        display: flex;
        max-width: 47%;
    }*/
    .office-country .country-name {
        position: absolute;
        bottom: 0;
        text-align: center;
        color: #fff;
        width: 100%;
        font-size: 16px;
    }

    .points {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .page-id-26 .before-text:before {
        font-size: 45px;
        line-height: 150px;
    }

    .popup-wrapper {
        max-width: 800px;
        width: 100%;
        padding: 34px;
        position: relative;
    }

    /*Homepage*/
    .services-wrapper h3 {
        font-weight: bold;
        font-size: 60px;
        line-height: 120px;
    }

    /*.services-wrapper .number {
        position: absolute;
        left: -159px;
        font-weight: bold;
        font-size: 110px;
        line-height: 200px;
        color: #FFFFFF;
        opacity: 0.5;
        text-align: right;
        width: 130px;
    }*/
    .home-banner {
        padding: 70px 0;
        padding-bottom: 20px;
    }

    .our-offices {
        display: block;
        align-items: center;
    }

    .services-wrapper .number {
        position: absolute;
        left: 259px;
        font-weight: bold;
        font-size: 268px;
        line-height: 200px;
        color: #FFFFFF;
        opacity: 0.5;
        text-align: right;
        width: 130px;
    }

    .services-wrapper .steps {
        margin-bottom: 80px;
        margin-top: 80px;
    }

    .widget-item img {
        margin-bottom: 30px;
    }

    /*.office-country:first-child {
        content: url(http://box5811.temp.domains/~skechco/moadbusdev/wp-content/uploads/2019/12/Mask-Group.png);
        width: 100%;
        height: auto;
    }
    .office-country:nth-child(2) {
        content: url(http://box5811.temp.domains/~skechco/moadbusdev/wp-content/uploads/2019/12/canada.jpg);
        width: 100%;
        height: auto;
    }
    .office-country:last-child {
        content: url(http://box5811.temp.domains/~skechco/moadbusdev/wp-content/uploads/2019/12/argentina.png);
        width: 100%;
        height: auto;
    }*/
    .close {
        position: absolute;
        right: 49px;
        top: 46px;
        font-size: 26px;
        cursor: pointer;
    }

    .modal-body {
        padding: 15px 15px !important;
    }

    .modal-header {
        background: #f8f8f8;
        padding: 12px 12px;
    }

    .partner-content img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 667px) {
    .copyright {
        bottom: -30px;
    }

    .skech_logo {
        bottom: 30px;
    }
}

@media screen and (max-width: 580px) {
    .argentina {
        display: block;
    }

    .col-half {
        width: 100%;
    }

    /*corporate page*/
    .page-id-28 .rnd-section {
        display: block;
        transform: translateY(12%);
    }
}

@media screen and (max-width: 550px) {

    /*About-us Page*/
    .our-offices {
        display: block;
        align-items: center;
    }

    /*.offices-region {
        display: flex;
        max-width: 100%;
        height: 350px;
    }*/
    .our-offices .content {
        padding-left: 0;
        max-width: 95%;
        margin: auto;
        padding: 55px 0;
    }

    .point-content {
        margin-right: 0;
        flex-basis: calc(100%);
        max-width: calc(100%);
    }

    .point-number {
        flex-basis: 85px;
        max-width: 85px;
        margin-right: 30px;
        margin-top: 16px;
    }

    .main-wrapper.fade-in .link-block:nth-child(1) {
        max-width: 26%;
        padding-left: 7px;
    }

}

@media screen and (max-width: 480px) {
    .widget-item p {
        font-size: inherit;
        max-width: 350px;
        line-height: 33px;
        text-align: center;
        margin: auto;
    }

    .addresses>.col-half {
        max-width: calc(100%);
        margin: 0 auto 20px;
    }

    .skech_logo img {
        width: 80px;
    }

    /*partners Page*/
    .get-in-touch-content {
        margin: auto;
        text-align: center;
        padding: 70px 0;
        padding-top: 184px;
    }

    .get-in-touch-content p {
        padding: 5px 0 35px;
        max-width: 80%;
        margin: auto;
    }

    .accordion {
        background-color: #fff;
        transform: translateY(20%);
        width: 100%;
    }

    /*solutions page*/
    .page-id-30 .solution.col-half {
        display: block !important;
    }

    .page-id-30 .solution.col-half img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        object-position: center;
    }

    .before-text:before {
        font-size: 50px;
    }

    .page-id-28 .img-section img {
        height: 326px;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .page-id-26 .get-in-touch-content {
        margin: auto;
        text-align: center;
        padding: 70px 0;
        padding-top: 35px;
    }

    .page-id-26 h2 {
        word-break: break-all;
    }

    /*Homepage*/
    .services-wrapper .number {
        position: absolute;
        left: 153px;
        font-weight: bold;
        font-size: 268px;
        line-height: 145px;
        color: #FFFFFF;
        opacity: 0.5;
        text-align: right;
        width: 130px;
    }

    .services-wrapper {
        max-width: 100%;
        margin: auto;
        position: relative;
        text-align: justify;
    }

    .services-wrapper h3 {
        font-weight: bold;
        font-size: 45px;
        line-height: 95px;
    }

    .our-services-section li {
        font-size: 17px;
        word-break: break-all;
    }

    .career a {
        display: block;
    }

    .careers .content {
        display: block;
        text-align: center;
    }

    .career-img {
        margin-right: 0;
    }

    .skech_logo {
        left: 0;
        right: 0;
        text-align: center;
    }

    .col-half.footer-right-column {
        padding-bottom: 25px;
    }

    .solution-content {
        text-align: center;
    }

    .wpcf7-form {
        display: block;
    }

    .wpcf7-form p:nth-of-type(1), .wpcf7-form p:nth-of-type(2), .wpcf7-form p:nth-of-type(3), .wpcf7-form p:nth-of-type(4), .wpcf7-form p:nth-of-type(5), .wpcf7-form p:nth-of-type(6) {
        max-width: calc(100% - 10px);
        flex-basis: calc(100% - 10px);
        margin-bottom: 20px;
    }

    .mobile-menu .overlay a {
        padding: 8px;
        text-decoration: none;
        color: #fff;
        display: block;
        transition: 0.3s;
    }

    .page-id-8 .steps ul {
        padding-inline-start: 23px;
    }

    .mobile-logo img.logo-img {
        width: 100px;
        height: auto;
    }

    .madal-image img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        object-position: center;
    }

    .solution {

        display: block;
    }

    .careers-section .career {
        text-align: center;
    }

    .modal-body {
        padding: 15px 17px !important;
    }

    .modal-body td {
        display: block;
    }

    .offices-popup {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .link-block:nth-child(1):before {
        width: 30%;
        background-color: rgba(41, 114, 224, .2);
    }

    .main-wrapper.fade-in .link-block:nth-child(2) {
        max-width: 55%;
    }

    .main-wrapper.fade-in .link-block:nth-child(3) {
        max-width: 67%;
    }

    .link-block:nth-child(3):before {
        top: 80px;
        width: 63%;
    }

    .link-block:nth-child(2):before {
        top: 40px;
        width: 44%;
        background-color: rgba(41, 114, 224, .4);
    }

    .main-wrapper.fade-in .link-block:nth-child(2) {
        max-width: 58%;
    }

    .copyright {
        font-size: 13px;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px;
    }

    .solutions-section .solution img {
        max-width: 100%;
    }

    .skech_logo {
        bottom: 10px;
    }


}

@media screen and (max-height: 414px) and (orientation: landscape) {
    .mobile-menu ul#menu-header-menu-1 li {
        margin: 3px 0;
    }

    .page-id-8 .banner-wrapper-inner {
        min-height: 525px;
        padding-bottom: 0;
    }
}

@media screen and (max-height: 384px) and (orientation: landscape) {
    .mobile-menu .overlay-content {
        top: 25px;
    }

    .mobile-icon {
        position: absolute;
        right: 0;
        bottom: auto;
    }
}

@media screen and (max-width: 414px) {
    .mobile-icon {
        position: absolute;
        right: 0;
        bottom: 2%;
    }

    .mobile-icon a {
        padding: 0 !important;
        margin: 0 !important;
    }

    .mobile-logo {
        position: absolute;
        left: 22px;
        top: 19px;
    }

    .mobile-menu {
        padding: 32px 17px;
    }

    .mobile-menu .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 24px;
        color: #fff;
        display: block;
        transition: 0.3s;
    }

    .mobile-menu ul#menu-header-menu-1 li {
        margin: 10px 0;
    }

    .mobile-menu .overlay a {
        font-size: 20px;
    }

    .page-id-8 .banner-wrapper-inner {
        min-height: 623px;
        padding-bottom: 0;
    }

    .main-wrapper.fade-in .link-block:nth-child(2) {
        max-width: 59%;
    }

    .link-block:nth-child(2):before {
        top: 40px;
        width: 49%;
    }

    .link-block:nth-child(1):before {
        width: 35%;
    }

    .main-wrapper.fade-in .link-block:nth-child(3) {
        max-width: 70%;
    }

    .main-wrapper.fade-in .link-block:nth-child(4) {
        max-width: 85%;
    }

    .main-wrapper.fade-in .page-links {
        padding-right: 80px;
    }
}

@media screen and (max-width: 375px) {
    .main-wrapper.fade-in .link-block:nth-child(1) {
        max-width: 34%;
        padding-left: 8px;
    }

    .main-wrapper.fade-in .link-block:nth-child(2) {
        max-width: 50%;
    }

    .page-id-8 .banner-wrapper-inner {
        min-height: 690px;
        padding-bottom: 0;
    }

    .main-wrapper.fade-in .page-links {
        padding-right: 30px;
    }



}

@media screen and (max-width: 320px) {
    .mobile-menu .overlay-content {
        position: relative;
        top: 10%;
        width: 100%;
        margin-left: -17px;
    }

    .mobile-menu ul#menu-header-menu-1 li {
        margin: 10px 0;
    }

    .mobile-menu .social-icon-section li {
        font-size: 32px;
        margin-right: 0;
        margin: 0 13px;
    }

    .mobile-menu .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 20px;
        color: #fff;
        display: block;
        transition: 0.3s;
    }
}