@media only screen and (max-width: 992px) {
    .header-area{
        position: relative !important;
    }
    .dl-content-slider{
        padding: 60px 0px;
    }

   
}

@media only screen and (max-width: 325px) {
    .dl-image{
        margin: 20px 0px 0px 0px;
    }
    .explore-industry{
        margin: 0px 0px 20px 0px;
    }
    .explore-content{
        margin: 0px 0px 20px 0px;
    }
    .forms-pad10{
        padding: 0px 10px;
    }
    .contact-details{
        padding: 20px 10px !important;
    }
    .contact-details h2{
        font-size: 26px!important;
        text-align: start;
    }
    .list-content h1{
        font-size: 20px;
    }
   
}
@media only screen and  (max-width: 767px) {
    .dl-content-slider h1{
        font-size: 55px;
    }
}
@media only screen and  (max-width: 575px) {
    .dl-content-slider h1{
        font-size: 48px;
    }
}
@media only screen and  (max-width: 400px) {
    .dl-content-slider h1{
        font-size: 38px;
    }
}
@media only screen and  (max-width: 767px) {
    .page-hd{
        margin: 0px 0px 15px 0px !important;
    }
    .page-hd h2{
        font-size: 32px;
    }
.contact-address ul li span{
    max-width: 200px; 
	}
  .header-text h2{
    text-align: center;
  }
    .dl-content-slider p{
        display: none;

    }
    .btn-slider{
        width: auto !important;
        font-size: 14px;
    }
    .product-images{
        margin: 20px 0px 0px 0px;
    }
    .service-text p{
        margin: 0px 0px 20px 0px;
    }
    .s-icons{
        align-items: center;
    }
    .categories-list{
        margin: 0px 0px 80px 0px;
    }
   .scroll-content h1{
    font-size: 38px;
   }
     .scroll-content h2{
    font-size: 24px;
   }
   .header-text h2{
    font-size: 30px;
   }
   .trust-content h2{
    font-size: 32px;
   }
    .bg-one{
        background-image: url(../images/home/Mobile-banner1.webp);
        background-position: bottom 10px;
        background-size: cover; 
    }
    .bg-two{
        background-image: url(../images/home/Mobile-banner2.webp);
        background-position: bottom 10px;
        background-size: cover;
        
     }
    .bg-three{
        background-image: url(../images/home/Mobile-banner.webp);
        background-position: bottom 10px;
        background-size: cover;
        
    }
    .nav-list-2, .nav-list-1{
        display: flex;
    }
   
}
@media only screen and  (max-width: 520px){
    .page-hd{
        margin: 0px 0px 10px 0px !important;
    }
    .rs-contact-info li, .pf-info li{
    margin: 0px 0px 0px 0px;
    }
    .s-icons  {
        margin: 0px -12px;
    }
    .nav-list-2:first-child{
        display: none;
    }
   .social-icon a{
        margin: 0px 5px;
    }
    .page-hd h2{
        font-size: 28px !important;
    }

    .address-content-2 {
        margin: 0px 0px 20px 0px;
    }
    .breadcrumb-content h1{
        font-size: 38px;
    }
   .breadcrumb-content{
     left: 40%;
   }
   .faq-section{
    padding: 0px;
   }
}
@media only screen and  (max-width: 992px){
    .page-hd{
        margin: 0px 0px 20px 0px;
    }
    .page-hd h2{
        font-size: 36px;
    }
    .btn-service{
        float: left;
    }
   .address-details{
    margin: 0px 0px 40px 0px;
   }
}
@media only screen and  (max-width: 324px){
    .dl-slider-section h2{
        font-size: 32px;
    }
    .dl-ourstory h3{
        font-size: 28px;
    }
     .dl-ourstory h2{
        font-size: 16px;
    }
    .dl-gallery-section h2{
        font-size: 32px;
    }
   
    .about-list span{
         font-size: 14px;
    }
    .content-choose{
        margin: 0px 0px 25px 0px;
    }    
    .faq{
        padding: 60px 0px;
    }
     
     .blog-section h2{
        font-size: 32px;
     }
     .contact-section h2{
        font-size: 32px;
     }
   .scroll-content h1{
    font-size: 30px;
   }
   .scroll-content h2{
    font-size: 20px;
   }
  .dl-slide img {
     width: 100%;
    
  }
   .dl-content-slider h1{
        font-size: 32px;
    }
    .breadcrumb-content h1{
        font-size: 28px;
    }
    
  
}