@media screen and (min-width: 1440px) and (max-width: 1599px) {
	
   
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
	
   
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mobile-header{display: none;}
    .banner-content{max-width: 940px;}
    .thumbnail-list ul li{width: 21%;}
    .client-list h2{padding: 0 35px 40px;}
    .icon-list ul{gap: 20px 17px;}
    .content-left{padding-right: 0;}
	
}
@media screen and (max-width: 991px){   
    .mobile-logo {
        width: 230px;
    }
    .mobile-header {        
    position: fixed;
    width: 100%;
    z-index: 99999;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    left:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
    .mobile-menu{
        margin: 6px 0 0 0;
        display: -webkit-box;     
        display: -moz-box;         
        display: -ms-flexbox;     
        display: -webkit-flex;    
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: flex-end;
            justify-content: flex-end;
        
    }
    .menu-panel-inner {
        padding: 30px 20px 10px 20px;
    }
    .show-menu {
        display: block;
        width: 100%;
        background: #FFFFFF;
        max-height: calc(100vh - 86px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 68px;
        left: 0;
        padding-bottom: 30px;
        visibility: visible;
        z-index: 30;
        -webkit-transition: left 0.8s ease-in-out;
        -moz-transition: left 0.8s ease-in-out;
        -ms-transition: left 0.8s ease-in-out;
        -o-transition: left 0.8s ease-in-out;
        transition: left 0.8s ease-in-out;
    }
    #mobile-navigation ul.menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .menu-panel a {
        color: #6A6A61;
	  font-size: 16px;

    }
    #mobile-navigation li:first-child {
        padding-top: 0;
    }
    #mobile-navigation li {
        padding-top: 20px;
    }
   
  
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .display-mobile{display: block;}
    .header-inner{display:none;}
    .display-mobile{display: block;}
    .contact-info{padding-bottom: 60px;}
    .image-right{padding: 35px 0 0;justify-content: flex-start;}
    .content-left{padding-right: 0;}
    .client-list h2{padding: 0 0 40px;}
    .client-list{padding-top: 60px;}
    .logo-list{flex-wrap: wrap;gap: 20px;}
    .logo-single{width: 30%;}
    .location-map{justify-content: flex-start;}
    .header-container.sticky .mobile-header{background: #fff;}
    .mobile-header {padding: 15px;}
    .logo{padding: 0;width: 50%;}
    /* .banner-container{background: url("../images/content/banner_img_mob.png") no-repeat center bottom;background-size: cover;padding-bottom: 30px;height: auto;} */
    .banner-content{padding-top: 57px;padding-bottom: 170px;}
    .banner-content h1{font-size: 50px;}
    .thumbnail-list{padding: 0 8px;}
    .thumbnail-list ul li{margin: 0 10px;}
    .banner-container .banner-image{height: 700px;object-fit: cover;margin-left: -300px;width: 1200px;}
    .banner-container{height: auto;padding-bottom: 50px;}

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

}
@media screen and (max-width: 767px) {
    .foooter-container{padding: 60px 0 30px;}
    .image-right img{width: 100%;}
    .display-mobile{display: block;}
    .mobile-header {padding: 15px;}
    .logo{padding: 0;width: 50%;margin-top: 10px;}
    .header-inner{display: none;}
    .header-container{padding: 0;}
    .banner-container .banner-image{height: 700px;object-fit: cover;margin-left: -545px;width: 1200px;}
    .banner-content h1{font-size: 42px;line-height: 47px;}
    .content-inner{width: auto;}
    .banner-container{height: auto;}
    .banner-content p{font-size: 16px;line-height: 25px;}
    .content-left{padding: 0 0 50px 0;}
    .welcome-content{padding: 55px 0 60px;}
    .content-left h2{padding: 0 0 30px 0;}
    h2{font-size: 32px;}
    p{font-size: 16px;}
    .client-list{padding-top: 60px;}
    .client-list h2{text-align: left;padding: 0 0 30px 0;}
    .logo-list{flex-wrap: wrap;gap: 20px;}
    .logo-single{width: 29%;}
    .highlight-section{padding: 60px 0;}
    .highlight-section h2{padding-bottom: 20px;}
    .icon-list ul{gap: 15px;}
    .icon-list ul li{padding: 15px;}
    .icon-list ul li span{font-size: 16px;}
    .footer-top span{font-size: 42px;padding-bottom: 20px;}
    .contact-info{padding-bottom: 60px;}
    .footer-bottom{padding-top: 60px;}
    .copyright{text-align: left;}
    .thumbnail-list{padding: 0;bottom: 20px;}
    .thumbnail-list ul li{margin:0 8px}
    .header-container.sticky .mobile-header{background: #fff;}
    .info-single a{font-size: 16px;}
    .footer-top p{margin:0;}
    .banner-container{background: url("../images/content/banner_img_mob.png") no-repeat center 370px;background-size: contain;padding-bottom: 30px;}
    .banner-content{padding-top: 57px;padding-bottom: 88px;}
    .logo-single span{font-size: 12px;}
    .highlght-content{position: static;}
    .banner-content p br{display: none;}
    .icon-list ul li .icon-block{width: 40px;height: 40px;}
    .logo a img{width: 125px;}
   
}
@media screen and (max-width: 575px) {
   
}
@media screen and (max-width: 479px) {

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