@media only screen and (min-width:1441px) and (max-width:1920px){

}
@media only screen and (min-width:1366px) and (max-width:1600px){
}

@media only screen and (min-width:1366px) and (max-width:1440px){
    .container {max-width: 1280px;}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
}

@media only screen and (min-width:768px) and (max-width:1024px) {
}


@media only screen and (min-width:320px) and (max-width:991px)
{
    #main-menu{display: none !important;}
    #mobile-menu-icon{display: block;top:60%;height:15px;transform: translateY(-50%);}
    #header.navbar{padding:10px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); }
    #header.navbar > .container > div { padding: 0; }
    .modal-backdrop {display: none;}
    .modal {padding-right: 0 !important;}
    .modal-dialog {margin: 0;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;}
    #lang-menu { margin-right: 60px;}
    #lang-menu > ul.navbar-nav { line-height: 40px; border-radius: 20px; background-color: var(--color_light); border: 2px solid var(--color_light); overflow: hidden; flex-direction: row; }
    #lang-menu > ul.navbar-nav > li > a { border-radius: 0; padding: 0 10px; }
    #lang-menu > ul.navbar-nav > li > a:after { display: none; }
    #lang-menu > ul.navbar-nav > li > a > img { margin-right: 5px; }
    #lang-menu > ul.navbar-nav > li.active > a { background-color: var(--color_white); }
    #lang-menu > ul.navbar-nav > li:not(.active) > a { padding: 0 10px; }
    #lang-menu > ul.navbar-nav > li:not(.active) > a > img { margin-right: 0; }
    #lang-menu > ul.navbar-nav > li:not(.active) > a > span { display: none; }
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    header {padding: 0; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 2; background-color: #fff;}
   
    #header.navbar.active #top-links {display: flex !important;}
    #header .quick-links li {margin: 0;}
    #header .quick-links li .text{display: none;}
    #header .quick-links li .icon {width: 36px; height: 36px;}
    #header .quick-links li .icon i {transform: scale(0.9);}
    #top-links {margin: 0 !important;}
/*    #mobile-menu{width: 250px;}
    #mobile-menu-icon {width: 36px; height: 36px;display:block !important;}
    #mobile-menu-icon span{top: 50%;left: 0;right: 0;margin: 0 auto;}
    #mobile-menu {display: block; top: 78.88px;}
    #main-menu, #header.navbar.active #main-menu {display: none !important;}
    .menu-item-has-children > a:after {display: none;}*/

    .btn-custom1 {min-width: auto; padding: 7px 15px;}
    

    #banner .slider .item .container {bottom: 0; top: 0;}
    #banner .slider .item .container > .row {height: 100%;}
    #banner .slider .item .container .banner-text {max-width: 90%; text-align: center;}
    #banner .blocks {justify-content: space-between; margin-bottom: 20px;}
    #banner .blocks .block {width: 105px; height: 90px; margin: 0;}
    #banner .blocks .block .text {font-size: 0.875rem;}

     #main-container h1.title, h2.title {font-size: 1.60rem;}

    .statistics:after{display: none;}
    .statistics .item.last{margin-bottom: 0px;}
    
   
    .about-page-wrapper .statistics:before{display: none;}
    
    
    .product-page-wrapper .our-products:before{display: none;}
    .product-page-wrapper .our-products:after{display: none;}
    
     .infra-page-wrapper .glimpses-infra:before{display: none;}
     .infra-page-wrapper .glimpses-infra:after{display: none;}

     .contact-page-wrapper .department-area .container{border-radius: 0;}
     
     .contact-page-wrapper .department-area .item-wrap{margin: 0 0 30px;}
     
     .contact-page-wrapper .units-area:before{display: none;}
     .contact-page-wrapper .units-area:after{display: none;}
     
    footer #top h2.title {font-size: 1.5rem}
    footer .address-block {margin-bottom: 20px;}
    footer .imp-links {margin-bottom: 20px;}
    footer .quick-links li a {font-size: 1rem;}
    .address-block p {font-size: 1rem;}
    footer .reg-numbers {margin-top: 15px;}
}

@media only screen and (min-width:1200px) and (max-width:1365px){
.contact-page-wrapper .department-area .container{width: calc(100% - 30px);}    
}

@media only screen and (min-width:992px) and (max-width:1199px){
.inq-btn{margin: 0;}    
#main-menu ul li{margin-left: 1rem;}
.style1 .owl-dots{margin-top: 30px;}
.social-links{flex-wrap: wrap;}
.social-links li{margin-bottom: 10px;}

.about-content{padding-bottom: 0px;}
.contact-page-wrapper .department-area .container{width: calc(100% - 30px);}
}


@media only screen and (min-width:768px) and (max-width:991px){
    #header.navbar{height: 120px;}
    #header.navbar .container{padding: 0 15px;}
    #header.navbar .navbar-brand img{max-width: 90px;}
    
    #mobile-menu{top: 120px;}
    
    .padding{padding: 70px 0;}
    
    .style1 .owl-dots{margin-top: 30px;}
    
    .inner-banner{margin-top: 120px;height: 400px;max-height: 400px;}
    .inner-banner .banner-content h1{margin: 0 0 40px;font-size: 40px;}
    
    .about-content{padding-bottom: 0;}
    
    .about-page-wrapper .statistics .padding{padding: 50px 0 70px;}
    
    .contact-page-wrapper .address-content .address-area{padding-left: 0px;}
    .contact-page-wrapper .department-area .container{width: calc(100% - 30px);padding: 50px;}
    .contact-page-wrapper .department-area{padding-bottom: 70px;}
    .contact-page-wrapper .units-area{margin-bottom: 0;}
    #mobile-menu ul li.last a{margin: 0 10px;}
    
}

@media only screen and (min-width:576px) and (max-width:767px){
    #header.navbar{height: 120px;}
    #header.navbar .navbar-brand img {max-width: 80px;}
     #mobile-menu {top: 120px;}
    .padding{padding:50px 0;}
    
    .statistics .item{padding: 0;margin: 0 0 30px;}
    .style1 .owl-dots{margin-top: 30px;}
    
    .inner-banner{margin-top: 120px;height: 250px;max-height: 250px;}
    .inner-banner:before{display: none;}
    .inner-banner .banner-content h1{margin: 0;font-size:35px;}
    
    .breadcrumb{display: none;}
    
    .about-content{padding-bottom: 0;}
    .about-content .right-content .content-box p{margin: 0 0 30px;}
    
     .about-content .img-box{margin: 0 0 50px;max-width: none;}
    .about-page-wrapper .statistics .padding{padding: 50px 0;}
    
    .our-products .item .details:before{display: none;}
    
    .product-page-wrapper .our-products{padding: 50px 0;}
    .pro-detail-wrapper .products:before{display: none;}
      .pro-detail-wrapper .products:after{display: none;} 
    .pro-detail-wrapper .products{padding: 50px 0;}
     
    .sustain-wrapper .industries{padding: 50px 0;}
    .sustain-wrapper .industries:before{display: none;} 
     .sustain-wrapper .industries:after{display: none;} 
    
    
    .infra-page-wrapper .about-content .short-info{margin-top: 50px;}
     .infra-page-wrapper .glimpses-infra{padding: 50px 0;}
    .contact-page-wrapper .department-area .container{width:calc(100% - 30px);padding: 50px;}
    .contact-page-wrapper .department-area{padding-bottom: 50px;}
    
    .contact-page-wrapper .units-area{padding: 50px 0;margin: 0;}
   
    .contact-page-wrapper .address-content .address-area{padding: 0;max-width: none;}
    .contact-page-wrapper .units-area .unit-block{margin: 0 0 30px;}
       .contact-page-wrapper .units-area .unit-block .short-info{margin: 20px 0;}
       
       #inquiry #footer #top:before{display: none;}
       #mobile-menu ul li.last a{margin: 0 10px;}
}


@media only screen and (min-width:320px) and (max-width:575px) {
    
    .padding{padding:30px 0;}
    #mobile-menu{top: 80px;}

    #header.navbar .navbar-brand img {max-width: 55px;}
    .statistics .item{padding: 0;margin: 0 0 30px;}
    
    .style1 .owl-nav button.owl-prev{left: 0;bottom: 0;right: 0;}
    .style1 .owl-dots{margin-top: 30px;}
    
    .products .item .img-wrapper{height: 250px;}
    .inner-banner{margin-top: 80px;max-height: 260px;height: 260px;}
    .breadcrumb{display: none;}
    .inner-banner:before{display: none;} 
    .inner-banner .banner-content h1{font-size: 30px;margin: 0;}
     .inner-banner .banner-content h1 span{margin: 0 0 10px;}
     
     .about-content .img-box{margin: 0 0 30px;max-width: none;}
     .about-content .right-content .content-box p{margin: 0 0 30px;}
     .about-page-wrapper .about-content{padding-bottom: 0px;}
      .about-page-wrapper .statistics .padding{padding: 30px 0;}
      
      .product-page-wrapper .our-products{padding: 30px 0;}
      .our-products .item .img-wrapper{height: 250px;}
      .our-products .item:hover .details:before{display: none;}
      
      .about-content{padding-bottom: 0;}
      
      .pro-detail-wrapper .products:before{display: none;}
      .pro-detail-wrapper .products:after{display: none;}
      .pro-detail-wrapper .products{padding: 30px 0;}
      
      .infra-page-wrapper .about-content .short-info{margin-top: 30px;}
      .infra-page-wrapper .glimpses-infra{padding: 30px 0;}
       
      .sustain-wrapper .industries{padding: 30px 0;}
      .sustain-wrapper .industries:before{display: none;}
      .sustain-wrapper .industries:after{display: none;}
      
       .contact-page-wrapper .address-content .address-area{padding: 0;max-width: none;}
       .contact-page-wrapper .department-area .container{width:calc(100% - 30px);padding:30px;}
       .contact-page-wrapper .department-area{padding-bottom: 30px;}
       
       .contact-page-wrapper .units-area{padding: 30px 0;margin: 0;}
       .contact-page-wrapper .units-area .unit-block{margin: 0 0 30px;}
       .contact-page-wrapper .units-area .unit-block .short-info{margin: 20px 0;}
       .contact-page-wrapper .units-area .unit-block .short-info p{font-size: 18px;}
       .inquiry-page-wrapper .inquiry-content .inquiry-form .form-group{margin-bottom: 15px;}
       
       .social-links li a{width: 40px;height: 40px;}
       
        #inquiry #footer #top:before{display: none;}
        
        #mobile-menu ul li.last a{margin: 0 10px;}
}

@media only screen and (min-width:320px) and (max-width:480px) {
    .inner-banner{height: 200px;max-height: 200px;}
     .inner-banner h1{font-size: 25px;}
    .inner-banner h1 span{display: none !important;}
}