@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; font-size: 14px;}
    header .headermn .navbar .navbar-brand{width: 12%;}
    header .whatsapp{justify-content: start; margin-top: 30px;}

    #category .inner .category-name{font-size: 16px;}

    #about .content h2, #about .content h2 span{font-size: 35px;}
    #about .content p{font-size: 14px;}

    #trending .p1{font-size: 13px;}

    #style .style-bg{padding: 50px 0;}
    #style h2{font-size: 40px;}
    #style p{font-size: 14px;}

    footer .footerinr .logo img{margin-bottom: 0; width: 60%;}
    footer .img a img{width: 30%;}

}

@media(max-width:768px){}

@media(max-width:643px){}

@media(max-width:579px){}

@media(max-width:480px){


    header .header-top .offer{font-size: 12px; line-height: 20px;}
    header .offcanvas.offcanvas-end{width: 80%;}
    header .headermn .navbar .navbar-brand{width: 15%;}
    header .navbar-toggler{font-size: 16px;}

    #category .inner .category-name{font-size: 13px; padding: 5px 0; left: 8px; right: 8px; bottom: 8px;}
    #category .inner::before{top: 6px; left: 6px; right: 6px; bottom: 6px;}

    #slider .owl-dots{bottom: 0;}

    #trending .p1{font-size: 12px;}
    #trending .inner .content{padding: 8px 0;}
    #trending .inner .content .name{font-size: 14px;}
    #trending .inner .content .view a{font-size: 14px; padding: 8px 20px;}

    #style h2{font-size: 30px;}

    footer .img a img{width: 50%;}

    #heading .heading-bg{padding: 140px 0 100px;}

   
}

@media(max-width:400px){

    #about .content h2, #about .content h2 span{font-size: 28px;}


}

@media(max-width:359px){

   

}

