/* product-categories */
.product-categories{
    margin: 30px auto;
}
.product-categories ul{
    display: var(--flex-display);
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-between;
}
.product-categories li{
    width: 30%;
    text-align: center;
    margin: 30px 0;
}
.product-categories img{
    width: 350px;
}

@media(max-width: 800px){
    .product-categories li{
        width: 100%;
    }
    .product-categories img{
        width: 90%;
        margin: auto;
    }
}