@media (max-width: 900px)
{
    .product-info h1
    {
        font-size: var(--fontsz-ml);
    }

    .header-flex
    {
        gap: 10px;
    }
    .header-flex .search
    {
        display: none;
    }

    .sliders img
    {
        border-radius: 25px;
    }
    .slider-main, .slider-side
    {
        width: 100%;
        margin-bottom: 15px;
    }
    .slider-side
    {
        flex-direction: row;
        height: auto !important;
        gap: 15px;
    }

    .contact-map
    {
        width: 100%;
        float: none;
        margin: 0;
    }
}

@media (max-width: 750px)
{
    .features
    {
        flex-direction: column;
        padding: 20px;
    }
    .features .item i:last-child
    {
        display: block;
    }

    .page h1::before, .page h1::after
    {
        display: none;
    }
    .headings .buttons
    {
        display: none;
    }
    .banners img
    {
        width: 100%;
    }
    .banners, footer .container
    {
        flex-direction: column;
    }
    .footer-copyright div:last-child
    {
        text-align: center !important;
    }
    .subcategory
    {
        padding: 10px;
        margin: 7px;
        border-radius: 10px;
    }
    .product-grid
    {
        max-width: 120px;
        padding: 15px;
        margin: 7px;
    }
}

@media (max-width: 500px)
{
    .product-single
    {
        flex-direction: column;
    }
    .btn .tohide
    {
        display: none;
    }
    .sliders img
    {
        border-radius: 15px;
    }
    .slider-side
    {
        flex-direction: column;
    }
    
    nav .container
    {
        gap: 25px;
    }
    nav a
    {
        font-size: var(--fontsz-sm)
    }
    .navsubcats a  
    {
        display: block;
        margin: 0 0 5px;
    }
    .subcategory a
    {
        font-size: var(--fontsz-sm);
    }
    .subcategory a i
    {
        font-size: var(--fontsz-xs);
        margin-left: 5px;
    }
}

@media (max-width: 400px)
{
    .header-logo img
    {
        height: 40px;
    }
    .header-logo p
    {
        font-size: var(--fontsz-ml);
    }
    .header-flex .btn
    {
        margin-top: 0 !important;
    }
}