/*==================================================*
* TIPA MART
* FEATURED PRODUCTS
*==================================================*/


/*==================================================*
* PRODUCT GRID
*==================================================*/

.products__grid{

    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:24px;

    align-items:stretch;

}


/*==================================================*
* LARGE TABLET
*==================================================*/

@media (max-width:1200px){

    .products__grid{

        grid-template-columns:repeat(3,minmax(0,1fr));

    }

}


/*==================================================*
* TABLET
*==================================================*/

@media (max-width:992px){

    .products__grid{

        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:20px;

    }

}


/*==================================================*
* MOBILE
*==================================================*/

@media (max-width:576px){

    .products__grid{

        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:12px;

    }

}


/*==================================================*
* SMALL MOBILE
*==================================================*/

@media (max-width:400px){

    .products__grid{

        gap:10px;

    }

}


/*==================================================*
* RESPONSIVE
*==================================================*/

@media (max-width:1200px){

    .products__grid{

        grid-template-columns:repeat(3,minmax(0,1fr));

    }

}


@media (max-width:992px){

    .products__grid{

        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:20px;

    }

}


@media (max-width:576px){

    .products__grid{

        grid-template-columns:1fr;

        gap:18px;

    }

}