{
    .product1{
        width: 19%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3px;
    }
    .product2{
        width: 15%;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .product3{
        width: 19%;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .product4{
        width: 19%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .product5{
        width: 19%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .product6{
        width: 19%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
}@media only screen and (max-width:800px)