@media only screen and (max-width: 320px){
    .overlay-body .tob-box{
        width: 250px;
    } 
    .box-body{
        display: none;
    }
    .nav-logo{
        height: 50px;
    }
    .custom-toggler{
        width: 30px;
        height: 30px;
    }
    .custom-toggler .line{
        height: 3px;
    }
    .heading .small-heading{
        font-size:13px;
        margin-left:10px;
    }
    .heading .small-heading::before{
        height: 1px;
        width: 8px;
        left: -10px;
    }
.section-body{
    padding: 80px 0px !important;
}
.about-box{
    height: 55px !important;
}
p{
    font-size: 12px;
}

.counter-item{
    padding: 0px 15px;
}
.vision-box{
    padding: 0;
}
.vision-box .vision-title{
    font-size:20px;
}

.enquiry-form-container{
    padding: 10px;
}
form input, form textarea, form select {
    padding:5px 10px;
    border-radius: 3px;
}
.home-banner .custom-arrow{
    width: 20px !important;
    height: 20px !important ;
    font-size: 14px;
}
.home-banner .custom-next {
  left: 40px !important;
 
}
.home-banner .slick-dots{
    height: fit-content;
    padding: 0;
}
.home-banner .slick-dots button{
    width: 10px;
    height: 10px;
}

.brand-img-body{
    width: 100%;
}

.all-btn{
    width: 100% !important;
}
.accordion{
    font-size:12px;
    padding: 10px;
}
.name-offer{
    font-size:16px;
}

.footer-contact .address-body .address a{
    font-size:12px;
}
.footer-contact{
    padding: 13px;
}
.address-body{
    margin-top:10px;
}
 }
 
 
 
 
 @media only screen and (max-width: 385px){
      .nav-logo{
        height: 50px;
    }
    .custom-toggler{
        width: 30px;
        height: 30px;
    }
    .custom-toggler .line{
        height: 3px;
    }
    /*.box-body {*/
    /*    display: none ;*/
    /*    overflow: hidden;*/
    /*}*/
 }
 
  @media only screen and (max-width: 426px){
      .box-body {
        display: none ;
        overflow: hidden;
    }
    .top-bg-img img{
        width: 170px;
    }
    .banner-content{
        padding: 18px;
    }
    .testimonial-body .test-card{
        padding: 10px;
        margin: 0;
    }
    .test-img{
        width: 50px;
        right: 10px;
        bottom: -10px;
        opacity: 0.7;
    }
    .served-slider{
        padding: 0;
    }
    .top-product-body .col-sm-12{
        padding: 0;
    }
    .section-body{
        padding: 70px 5px;
    }
    .prod-side-img{
        display: none;
    }
   .served-body{
       margin: 0;
   }
   .product-img-p {
       width: 100%;
       float: none;
       margin-bottom: 20px;
   }
      .brand-p-img {
          margin-top:30px;
      }
   .brand-p-img img{
       width: 100%;
   }
   
  }

 @media only screen and (max-width: 600px){
.home-banner .custom-prev{
  left: 10px;
}
.home-banner .custom-next{
  left: 60px;
}
.home-banner .custom-arrow{
  bottom: 3px;
  width: 30px;
  height: 30px;
}
.home-banner .slick-dots{
  bottom: 0px;
}
.marquee-item{
  font-size: 30px;
}
.experience{
  bottom: -90px;
}
.about-content{
  margin-top: 100px;
}
.icon-img-about{
  margin-top: 15px;
  justify-content: start;
  padding-top: 20px;
  border: none;
  border-top: 1px solid black;
}
.heading {
  align-items: start;
}
.heading .heading-content{
  text-align: justify;
  width: 100%;
  
}
.product-body .custom-arrow{
  bottom: 20px;
}
.box-body{
  padding: 50px 10px;
  height: 100%;
}
.box-body .tob-box {
  height: 100%;
}
.faq-body{
  padding: 40px 0px;
}
.server{
  padding: 0;
}
.contact-social-icon{
  display: none;
}
.enquiry-form-container{
  width: 90%;
}
.contact-img iframe{
  height: 400px;
}
.useful{
  margin: 0;
}
.address-body{
  margin-top: 25px;
}
.about-box{
    height: 80PX;
}
 }
 
 @media only screen and (max-width: 768px){
 .top-num{
  display: none;
}
.counter-body{
    padding: 0 3vw;
}
.counter-box{
    padding: 5px;
}
.all-btn{
    width: 80%;
}
.all-btn .tablink{
    margin-bottom:20px;
}


}



@media only screen and (max-width: 991px) {
    .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu{
    display: none;
left: 0;
  margin-top: -1px;
  display: none;
  position: relative;
  height: 300px;
    overflow-y: auto;
}
.dropdown-menu{
    width: 100%;
}
}

@media only screen and (max-width: 1000px) {
  .navbar-nav {
    border-radius: 0px
  }

  .home-link {
    border-radius: 00px;
  }

  .last-link {
    border-radius: 00px;
  }
  .dropdown-menu{
    width: 100%;
  }
}

 @media only screen and (max-width: 1200px){
     .navbar-btn{
         display: none;
     }
 }


@media only screen and (max-width: 1400px) {
  .navbar-nav .nav-link {
    padding: 13px 13px !important;
    font-size: 15px;
  }

}