.catalog .container .main-catalog .catalog-content .catalog-list .product-list {
    grid-template-columns: repeat(4, 1fr);
}

@media(max-width: 1500px) {
    .catalog .container .main-catalog .catalog-content .catalog-list .product-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width: 1240px) {
    .img-block img {
        max-height: 320px;
    }
}

@media(max-width: 900px) {
    .catalog .container .main-catalog .catalog-content .catalog-list .product-list {
        grid-template-columns: repeat(2, 2fr);
    }
}

@media(max-width: 445px) {
    .catalog .container .main-catalog .catalog-content .catalog-list .product-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.brands-content-content h1 {
    font-size: clamp(30px, 3vw + 1px, 36px);
}

.brands-content-content ul {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.brands-content-content ul li {
    position: relative;
    padding-left: 20px;
}

.brands-content-content a {
    color: var(--red);
}

.brands-content-content ul li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--red);
    left: 0;
    top: 9px;
}

@media (max-width: 768px) {
    .catalog .container .main-catalog .catalog-content .catalog-list .product-list .product-item .product-link .img-block {
        height: 300px;
    }

}

@media (max-width: 450px) {
    .catalog .container .main-catalog .catalog-content .catalog-list .product-list .product-item .product-link .img-block {
        height: 220px;
    }

    .catalog .container .main-catalog .catalog-content .catalog-list .product-list {
        grid-template-columns: repeat(2, 2fr);
    }
}

@media (max-width: 350px) {
    .catalog .container .main-catalog .catalog-content .catalog-list .product-list .product-item .product-link .img-block {
        height: 300px;
    }

    .catalog .container .main-catalog .catalog-content .catalog-list .product-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

.hero-mobile {
    border-radius: 10px;
}

.mySwiperBrands .swiper-slide {
    width: 382px !important;
    height: 230px !important;
    cursor: pointer;
}

.mySwiperBrands .swiper-slide img {
    height: 230px !important;
    width: 100%;
}

@media (max-width: 768px) {
    .mySwiperBrands .swiper-slide {
        width: 25% !important;
        min-width: 297px !important;
        height: 199px !important;
    }

    .mySwiperBrands .swiper-slide img {
        height: 199px !important;
    }
}