﻿.responsive-container {
    max-width: 1536px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (max-width: 5040px) {
    .responsive-container {
        max-width: 3000px;
    }

    .products-display-grid {
        grid-template-columns: 400px 400px 400px 400px 400px 400px;
    }
}

@media (max-width: 3840px) {
    .responsive-container {
        max-width: 2200px;
    }

    .products-display-grid {
        grid-template-columns: 400px 400px 400px 400px 400px;
    }
}

@media (max-width: 2560px) {
    .responsive-container {
        max-width: 1800px;
    }

    .products-display-grid {
        grid-template-columns: 400px 400px 400px 400px;
    }
}

@media (max-width: 2200px) {

    .products-display-grid {
        grid-template-columns: 350px 350px 350px 350px;
    }

    .product-card-image {
        width: 100%;
        height: 350px;
    }

    .product-card{
        width: 350px;
    }

}

@media(max-width:2000px){

    .products-page {
        grid-template-columns: 300px 1fr;
    }

    .product-card{
        width: 350px;
    }
}

@media(max-width: 1950px){
    .review-refund-buttons{
        max-width: 400px;
    }
}

@media (max-width: 1900px) {
    .responsive-container {
        max-width: 1280px;
    }

    .products-display-grid {
        grid-template-columns: 350px 350px 350px;
    }

    .product-card{
        width: 350px;
    }

    .banner {
        width: 850px;
    }
}

@media(max-width: 1600px) {
    .products-display-grid {
        grid-template-columns: 400px 400px;
    }

    .product-card {
        width: 400px;
    }

    .products-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1100px) {
    .responsive-container {
        max-width: 700px;
    }

    .banner {
        width: 650px;
    }

    .products-display-grid .product-card-image {
        width: 100%;
        height: 300px;
    }

    .products-display-grid .product-card .product-name {
        font-size: 20px;
    }

    .products-display-grid .product-name {
        height: 46px;
    }

    .products-display-grid .product-card {
        font-size: 16px;
    }

    .products-display-grid .product-category {
        font-size: 16px;
    }

    .products-display-grid  .product-card .product-price {
        font-size: 25px;
    }

    .products-display-grid  .product-card .product-add-to-cart-button .details-button {
        font-size: 16px;
        padding: 10px 15px;
    }
}


@media (max-width: 950px) {


    .banner {
        width: 500px;
        height: 230px;
    }

    .products-display-grid  .product-card-image {
        width: 100%;
        height: 500px;
    }

    .products-display-grid  .product-card .product-name {
        font-size: 28px;
    }

    .products-display-grid  .product-name {
        height: 70px;
    }

    .products-display-grid  .product-card .product-category .product-rating {
        font-size: 22px;
    }

    .products-display-grid  .product-card .product-price {
        font-size: 32px;
    }

    .products-display-grid  .product-card .product-add-to-cart-button .details-button {
        font-size: 26px;
        padding: 10px 25px;
    }
}

@media (max-width: 750px) {



    .product-card {
        flex: none;
    }

    .banner {
        width: 650px;
    }

    .products-display-grid  .product-card-image {
        width: 100%;
        height: 400px;
    }

    .products-display-grid  .product-card .product-name {
        font-size: 20px;
    }

    .products-display-grid  .product-card .product-category {
        font-size: 16px;
    }

    .products-display-grid  .product-card .product-price {
        font-size: 25px;
    }

    .products-display-grid  .product-card .product-add-to-cart-button .details-button {
        font-size: 16px;
        padding: 10px 15px;
    }
}

@media (max-width: 650px) {

    .carousel-container {
        padding: 0;
    }

    .banner {
        width: 650px;
    }

    .products-display-grid  .product-card-image {
        width: 100%;
        height: 300px;
    }

    .products-display-grid  .product-card .product-name {
        font-size: 20px;
    }

    .products-display-grid  .product-card .product-category {
        font-size: 16px;
    }

    .products-display-grid  .product-card .product-price {
        font-size: 25px;
    }

    .products-display-grid  .product-card .product-add-to-cart-button, .details-button {
        font-size: 16px;
        padding: 10px 15px;
    }

}

@media (max-width: 600px) {

    .banner {
        width: 650px;
    }

    .product-card{
        width: 280px;
    }

    .product-card-image {
        width: 100%;
        height: 250px;
    }

    .product-card .product-name {
        font-size: 20px;
    }

    .product-card .product-category {
        font-size: 16px;
    }

    .product-card .product-price {
        font-size: 25px;
    }

    .product-card .product-add-to-cart-button, .details-button {
        font-size: 13px;
        padding: 10px 10px;
    }
}


@media (max-width: 400px) {
    .product-card{
        width: 250px;
    }

}

