/* Default styles for larger screens */
body {
    font-size: 16px;
    background-color: white;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    .container {
        width: 90%;
    }

    .container h1 {
        font-size: 25PX;
    }.container h1 {
    font-size: 25PX;
}

/*.product {*/
/*    width: 100%;margin-bottom: 50px;}*/

    .header {
        padding: 8px 0;}


.carousel-item .product {
        flex: 0 0 100%;
        width:30%;
    }

.product {
        margin:0 5px;
    }


.product2 {
        margin:0 5px;
        width: 100%;
    }
/*.product2 img {*/
/*    width: 50%;*/
/*}*/

}

/* Small devices (phones, 480px and up) */
@media (max-width: 480px) {
    body {
        font-size: 12px;
    }
    .container {
        width: 100%;
    }

    .container h1 {
        font-size: 25PX;
    }

    /*.product {*/
    /*    width: 100%;margin-bottom: 50px;}*/

        .header {
            padding: 8px 0;}

.carousel-item .product {
        flex: 0 0 100%;
        width:30%;
    }


.product2 {
        margin:0 5px;
        width: 100%;
    }


/*.product2 img {*/
/*    width:50%;*/
/*}*/


}