@media (max-width: 768px) {

    .search-box{

        display:block;
    
        width:100%;
    
    }

    .mobile-menu-btn {

        display: block;

        background: none;

        border: none;

        font-size: 26px;

        cursor: pointer;

    }

    .header-right {

        gap: 12px;

        font-size: 14px;

    }

    .logo {

        font-size: 22px;

    }

}

@media (max-width:992px){

    .category-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:576px){

    .category-grid{
        grid-template-columns:1fr;
    }

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

    .product-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:576px){

    .product-grid{
        grid-template-columns:1fr;
    }

}