@media screen and (max-width:992px) {
    .productListImg {
        height: 150px;
    }

    .productListInfoBlock {
        height: calc(100% - 150px);
    }
}

@media screen and (max-width:768px) {
    .productItems {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .productListImg {
        height: 170px;
    }

    .productListInfoBlock {
        height: calc(100% - 170px);
    }

    .bannerCatalog {
        height: 200px;
    }

    .bannerProduct {
        height: 360px;
    }

    .bannerCatalog img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width:480px) {}