@media (max-width:2000px){
    .individual-category-wrapper{
        grid-template-columns: repeat(4,1fr);
    }
}

@media (max-width:1438px){
    .individual-category-wrapper{
        grid-template-columns: repeat(3,1fr);
    }
}
    




@media (max-width:1351px){
    .wrapper{
        padding: 0px 60px 30px;
    }

}

@media (max-width:1311px){
    .wrapper{
        padding: 0px 50px 30px;
    }

}

@media (max-width:1267px){
    .filter-form .buttons{
        flex-direction: column;
    }

    .filter-form .clear-btn , .filter-form .submit-btn{
        width: 100%;
        padding: 8px;
    }
}




@media (max-width:1201px){
    .wrapper{
        padding: 0px 40px 30px;
        column-gap: 10px;
    }
}



@media (max-width:1135px){
    :root{
        font-size: 8px;
    }

    .filters-container-lg{
        min-width: 130px;
    }
    .filter-form .clear-btn , .filter-form .submit-btn{
        font-size: 1.5rem;
    }
}




@media (max-width:1110px){
    .individual-category-wrapper{
        grid-template-columns: repeat(3,1fr);
        /* margin-top: 15px; */
    }

    .individual-category-container-row{
        /* margin-left: 30px; */
    }
}

@media (max-width:1061px){

    

    .filters-container-lg .heading i{
        font-size: 1.8rem;
    }
    
    .filters-container-lg .heading h3{
        font-size: 2.5rem;
    }

    .filter-form .section .section-heading h4{
        font-size: 2rem;
    }
    .filter-form .section .section-heading i{
        font-size: 1.6rem;
    }
    .filter-form .section-list li label{
        font-size: 1.4rem;
    }

    .filter-form .clear-btn , .filter-form .submit-btn{
        padding: 7px;
        font-size: 1.2rem;
    }

    .individual-category-container-row h3{
        font-size: 2.8rem;
    }
}



@media (max-width:970px){
    .individual-category-wrapper{
        grid-template-columns: repeat(2,1fr);
    }

    .wrapper{
        column-gap: 50px;
    }
}


@media (max-width:910px){
    :root{
        font-size: 7px;
    }

    .filters-container-lg .heading h3{
        font-size: 2.5rem;
    }
    .filter-form .clear-btn , .filter-form .submit-btn{
        font-size: 2rem;
    }

    .filter-form .section-list li label{
        font-size: 1.8rem;
    }
}


@media (max-width:901px){

    .filters-container-lg{
        display: none;
    }

    .filter-form{
        display: none;
    }

    .bottom{
        display: flex;
    }

    .filter-form-sm{
        display: block;
    }

    .individual-category-row-heading .sort-container-lg{
        display: none;
    }

    .wrapper{
        column-gap: 0;
    }

    .individual-category-container-row{
        width: 100%;
    }

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

@media (max-width:873px){
    .filter-form .clear-btn , .filter-form .submit-btn{
        padding: 5px;
    }
    
}


@media (max-width:800px){

    :root{
        font-size: 6px;
    }


    .sort-bottom-heading i{
        font-size: 2.5rem;
        
    }
    
    .sort-bottom-heading h4{
        font-size: 2.1rem;
    }
    
    .sort-bottom-heading h4 span:first-child{
        font-size: 2rem;
    }

    .filter-bottom-heading i{
        font-size: 2.7rem;
    }
    
    .filter-bottom-heading h4{
        font-size: 2.5rem;
    }

}

@media (max-width:601px){
    .sort-bottom-heading h4{
        display: flex;
        flex-direction: column;
        align-items: start;
        /* font-size: 1.6rem; */
    }
}

@media (max-width:551px){
    .wrapper{
        padding: 0px 30px 30px;
    }

    .filters-container-sm , .sort-container-sm{
        padding: 10px 30px;
    }

    .filter-form-sm .filter-headings{
        width: 90%;
    }

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

@media (max-width:400px){
    :root{
        font-size: 5px;
    }

    .sort-bottom-heading i{
        font-size: 2.9rem;
        
    }
    
    .sort-bottom-heading h4{
        font-size: 2.3rem;
    }
    
    .sort-bottom-heading h4 span:first-child{
        font-size: 2.2rem;
    }

    .filter-bottom-heading i{
        font-size: 2.9rem;
    }
    
    .filter-bottom-heading h4{
        font-size: 2.7rem;
    }
}

@media (max-width:426px){

    
    
    .wrapper{
        padding: 0px 20px 30px;
    }

    .sort-bottom-heading{
        column-gap: 5px;
    }

    .sort-bottom-heading h4{
        row-gap: 2px;
    }

    .filters-container-sm , .sort-container-sm{
        padding: 10px 20px;
    }

}


@media (max-width:326px){
    .wrapper{
        padding: 0px 10px 30px;
    }


    .filters-container-sm , .sort-container-sm{
        padding: 10px 10px;
    }

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

    .sort-bottom-heading i{
        font-size: 2.7rem;
        
    }
    
    .sort-bottom-heading h4{
        font-size: 2.1rem;
    }
    
    .sort-bottom-heading h4 span:first-child{
        font-size: 2rem;
    }

    .filter-bottom-heading i{
        font-size: 2.7rem;
    }
    
    .filter-bottom-heading h4{
        font-size: 2.5rem;
    }
}