@media(max-width:1500){



}


@media(max-width:1400){


    
}



@media(max-width:1280px){


}



@media(max-width:1024px){

   
 
}



@media(max-width:992px){

    header .header-bottom .navbar .navbar-nav, header .header-bottom .navbar .outbox{align-items: start !important; justify-content: start !important;}

   #logo .owl-theme .owl-dots .owl-dot{display: none;}
   

}



@media(max-width:768px){

#kamla-roofing {
    padding: 40px 0;}
#about-section .badge {
    gap: 6px;
    font-size: 10px;}
    
#kamla-roofing .kamla-heading {
    font-size: 30px;}
    #kamla-roofing .kamla-subheading {
    font-size: 20px;
    margin-bottom: 10px;
}

#projects-section {
    padding: 40px 0;}
    #projects-section .section-heading h2 {
    font-size: 30px;
}
    #projects-section .project-title {
        font-size: 23px;
    }
    #kamla-brand .brand-heading {
    font-size: 30px;}
    
#kamla-brand .brand-sub {
    font-size: 15px;
    margin-bottom: 10px;
}

#our-story-section .story-overlay h1 {
    font-size: 28px;}
    #our-story-section .story-hover p {
    font-size: 15px;
}
#innovation-section .innovation-content::after{
    display:none;
}
    #innovation-section1 .right h1 {
        font-size: 25px;
    }
#kamla-expertise {
    padding: 40px 0;}
    #kamla-expertise .exp-title {
    font-size: 28px;}
    #kamla-expertise .exp-sub {
    font-size: 15px;
}
    #kamla-custom .custom-content h2 {
        font-size: 28px;
    }
    #kamla-custom .custom-content p {
    font-size: 15px;}
}



@media(max-width: 520px){

}



@media(max-width: 480px){

    header .header-bottom .navbar .navbar-brand {width: 25%;}
    
    .footer-logo {width: 100px;}
    footer .inr, footer .inr-1{text-align: start;}
    footer .icon {justify-content: start;}
    footer .row{row-gap: 20px;}
    footer h4 {margin-bottom: 10px;}
    footer .icon {margin-top: 17px;}

    footer .text{width: 100%;}


    }





@media(max-width:375px){
   





}




@media(max-width:320px){


 





}