@media(max-width:1500px){}

@media(max-width:1400px){}

@media(max-width:1200px){

}

@media(max-width:1069px){

}

@media(max-width:991px){

    header .nav-link{color: #000;}
    header .headermn .navbar .navbar-brand{width: 18%;}
    header .whatsapp{justify-content: start; margin-top: 40px;} 

    #slider .content{width: 333px; top: 25%; padding: 20px;}

    #about .content h2{font-size: 33px;}
    #about .content p{font-size: 14px; margin: 15px 0;}

    #product .inner a{bottom: 0; padding: 10px; background-color: #000000a1; font-size: 16px; transform: scale(1);}
    #product .inner:hover a{ transform: rotate(0);}


    #testimonals .testimonalsinr .imgsc{right: 125px;}
    #testimonals .testimonalsinr .ico{right: 20px;}


    footer .footerinr .logo img{margin-bottom: 0; width: 31%;}
    footer .img a img{width: 30%;}
    footer .footerinr ul li p{font-size: 12px;}


}

@media(max-width:768px){}

@media(max-width:643px){}

@media(max-width:579px){}

@media(max-width:480px){

    header{position: relative;}
    header .offcanvas.offcanvas-end{width: 90%;}
    header .headermn .navbar .navbar-brand{width: 28%;}

    #slider .owl-dots{bottom: -30px;}
    #slider .owl-carousel .owl-item img{height: 300px; object-fit: cover;}
    #slider .content{width: 222px; top: 30%; padding: 15px;}
    #slider .content h2{font-size: 21px;}

    footer .img a img{width: 50%;}


}

@media(max-width:400px){

 

}

@media(max-width:359px){
   

}