@media only screen and (max-width:1600px) {
body{font-size: 15px}
.btm-footer-sec{padding: 15px 0;}
.submit-btn{padding: 10px 18px;}
.green-submit-btn{width: 180px}
}


@media only screen and (max-width:1366px) {
    body{font-size: 14px}
    .wrapper{width: 86%}
    p{font-size: 1em;line-height: 23px;margin-bottom: 25px;}
    .para-head{font-size: 1em;line-height: 23px;}
    .desk-menu{padding-top: 22px}
    .desk-menu-top{padding: 0 45px 20px 35px}
    .desk-menu-btm .left-sec{padding: 30px 5% 0 9%;}
    @media only screen and (max-width:1250px) {

    }
    @media only screen and (max-width:1150px) {

        .wrapper {
            width: 95%;
        }
        .banner-sec{margin-bottom: 30px}

        p{margin-bottom: 15px}
  
        .right-menu > ul li + li{margin-left: 30px;}

    }
    @media only screen and (max-width:1023px) {
     
        .col-3{padding-left: 3%;width: 35%;}
        .col-2{padding: 0 1% 0 5%;}

        .right-menu > ul li + li {margin-left: 10px;}
        .country-tab li{padding: 10px 10px;}

.para-title{font-size: 1.300em;}
 
    }

    @media only screen and (max-width:950px) {
body{padding-top: 102px}
#email-info{display: none;}

.phone-num-sec .input-field, .phone-catg .input-field:last-child .form-field, .phone-num-sec .input-field 
.global-footprint p{width: 100%;margin: 15px auto 0;font-size:1.2em}

    }
    @media only screen and (max-width:767px) {
        body{font-size: 13px} 

        #phone-info{
            display:none
        }
        .menu-phone-number{display: flex;}
        .who-we-are .right-sec{
            display:none
        }
        .who-we-are .wrapper .left-sec {
            width: 100%;
            padding: 0 10px;
        }
        .home-banner .wrapper .home-banner-cont {
            padding: 20px 40px;
            font-size: 2em;
        }

        .image{padding: 50px 10px;}
        .top-footer-sec{padding: 20px 0;}
        .btm-footer-sec{padding: 10px 0;}
        p{margin-bottom: 20px}
        .banner-text{bottom: 12px;}

        .service-details {
            flex-direction: column;
            align-items: center;
        }

        .services-info {
            width: 100%;
            margin-bottom: 20px;
        }

        .service-list ul {
            align-items: center;
            flex-wrap: nowrap;
            flex-direction: column;
        }

        .service-list ul li {
            width:90%
        }

        .contact-content > .wrapper{
            display: flex;
            flex-direction: column-reverse;
        }

        .contact-content .wrapper .left-sec{
            width:100%
        }

        .contact-content .wrapper .right-sec{
            width: 100%
        }
        
    }

    @media only screen and (max-width:640px) {
       
        .top-footer-sec .wrapper.d-flex{display: block}
        .col-1{width: 100%}
        .col-2{width: 100%;padding:15px 0;border:0}
        .col-3{width: 100%;padding: 0}
        .footer-sec-title{padding: 0 0 10px 0;
            margin: 0 0 14px 0;}
            .footer-links li{width: 24%}
            .footer-links{justify-content: flex-start;}
            .top-text{font-size: 0.8em;}
            .btm-text a{font-size: 1em !important}
          
            .para-title{font-size: 1.1em}
            p{line-height: 20px}
            
            
            
            
    }
    @media only screen and (max-width:480px) {
.logo{width: 140px}
.logo img{width: 100%} 
.icon-button{margin: 0 1px}

.icon-button .fa-facebook,.icon-button .fa-linkedin, .icon-button .fa-twitter , .icon-button .fa-vimeo{font-size: 14px}
.icon-button i, .icon-button{width: 25px;height: 25px;line-height: 25px}
.icon-button:hover span{display: none}
body{padding-top: 82px}
.banner-sec{height: 280px;}
.banner-text{display: block;text-align: center}
.bredcrums{justify-content: center}
.page-title{margin-bottom: 10px;}

.banner-sec{margin-bottom: 20px}

.close-icon img{width: 58%}


.key-benefits ul { 
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    }

.key-benefits ul li {
    width: 90%;
}

.hamburger-sec{
    width: 50px;
    padding: 0 10px
}

    }
  

    @media only screen and (max-width:360px) {
        .footer-links li{width: 33%}
      
    }