.category_content_container
            {
                display: grid;
                gap: 10px;
                padding: 10px;
                grid-template-columns: repeat(3, 1fr); 
            }
        
        

@media only screen and (max-width: 1180px) 
{
    
    .service_desc, .category_content_container
    {
        grid-template-columns: repeat(auto-fill, minmax(30em, 1fr));
    }

}


@media only screen and (max-width: 1079px) 
{
    .service_desc, .category_content_container
    {
        grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
    }
}


@media only screen and (max-width: 921px) 
{
    .service_desc, .category_content_container
    {
       grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    }
}




@media only screen and (max-width: 786px) 
{
    .category_content_container
    {
        
        background: var(--color_shade1);
        display: grid;
        
        
        gap: 10px;
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .category_box
    {
        background: var(--color_shade3);
        
        padding: 40px 20px;
        margin: 0px !important;
    }

}



@media only screen and (max-width: 759px) 
{
    .service_desc, .category_content_container
    {
       grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
    }
}



@media only screen and (max-width: 410px) 
{
    .category_content_container
    {
        grid-template-columns: repeat(3, 1fr) !important;
    }


}


.category_content_container
{
    padding: 0px !important;
}