@media (max-width: 1220px) {
    .product:hover {
        transform: unset !important;
    }
    .descriptionModal, .nameModal {
        display: none;
    }
}
@media (min-width: 320px) and (max-width: 1024px) and 
       (min-height: 400px) and (max-height: 430px)
{
    .product {
        .product-img {
            height: 50vh !important;
            img {
                width: fit-content;
            }
        }
        .product-info {
            height: 40vh !important;
        }
    }
}

// @media (min-width: 320px) and (max-width: 360px) {
//     .products .slick-list {
//         padding: 10px 30px !important;
//         .product {
//             margin: 0 5px !important;
//         }
//     }
// }

// @media (min-width: 361px) and (max-width: 385px) {
//     .products .slick-list {
//         padding: 10px 40px !important;
//         .product {
//             margin: 0 5px !important;
//         }
//     }
// }

// @media (min-width: 386px) and (max-width: 401px) {
//     .products .slick-list {
//         padding: 10px 60px !important;
//         .product {
//             margin: 0 10px !important;
//         }
//     }
// }

// @media (min-width: 402px) and (max-width: 421px) {
//     .products .slick-list {
//         padding: 10px 65px !important;
//         .product {
//             margin: 0 10px !important;
//         }
//     }
// }

// @media (min-width: 422px) and (max-width: 441px) {
//     .products .slick-list {
//         padding: 10px 60px !important;
//         .product {
//             margin: 0 10px !important;
//         }
//     }
// }

// @media (min-width: 442px) and (max-width: 481px) {
//     .products .slick-list {
//         padding: 10px 80px !important;
//         .product {
//             margin: 0 15px !important;
//         }
//     }
// }
@media (min-width: 320px) and (max-width: 481px) {
    .container {
        padding: 0;
        .category-title {
            margin: 10px 0 5px 0;
        }
        .products {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            .product {
                width: 250px;
                margin: 0 3px 10px 3px;
            }
        }
    }
}
@media (min-width: 431px) and (max-width: 481px) {
    .product {
        width: calc(230px - ((481px - 100vw) / 2)) !important;
    }
}

@media (min-width: 482px) and (max-width: 614px) {
    .products .slick-list {
        padding: 10px 20px!important;
    }
}

@media (min-width: 615px) and (max-width: 670px) {
    .products .slick-list {
        padding: 10px 40px !important;
        .product {
            margin: 0 10px !important;
        }
    }
}

@media (min-width: 671px) and (max-width: 768px) {
    .products .slick-list {
        padding: 10px 90px !important;
        .product {
            margin: 0 10px !important;
        }
    }
}
@media (min-width: 769px) and (max-width: 868px) {
    .products .slick-list {
        padding: 10px 10px !important;
        .product {
            margin: 0 10px !important;
        }
    }
}
@media (min-width: 869px) and (max-width: 1220px) {
    .products .slick-list {
        padding: 3px 0 !important;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .products .slick-prev {
        top: -4%;
        left: 93.5%;
    }
    .products .slick-next {
        top: -4%;
        left: 97%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .products .slick-prev {
        top: -4%;
        left: 91.5%;
    }
    .products .slick-next {
        top: -4%;
        left: 96%;
    }
}