@media (max-width: 1024px) {
    .Bl {
        display: none;
    }

    .np{
        height: 60px;
    }

    .ny.nz a img {
        width: 100px;
    }

    #content {
        padding-top: 60px;
    }

    .jR {
        display: block;
        height: -webkit-fill-available;
    }

    .swiper-banner .swiper-slide {
        min-width: 180px !important;
        height: 300px !important;
    }

    .swiper-button {
        display: none;
    }

    .ze-ze {
        flex-direction: column;
        gap: 1.5rem;
    }

    .productDetailPage aside.sidebar {
        display: none;
    }

    .productDetailPage .product_right aside.sidebar {
        display: block;
        padding: 0 16px;
    }

    .productDetailPage .product_right {
        width: 100%;
    }

    .tab-content-wrapper {
        padding: 0 1rem;
    }

    .size_box {
        display: flex !important;
        flex-wrap: wrap;
    }

    h1.about-title {
        font-size: 45px;
        line-height: 110%;
    }

    .about-riders-images {
        width: 100%;
    }

    .about-image-desktop {
        width: 315px;
        height: 315px;
        position: relative;
        margin: 10px 0 0 10px;
        z-index: 1;
    }

    .about-offers-wrapper {
        display: block;
    }

    .contact-page .contact-method {
        padding: 16px;
        gap: 16px;
        height: 88px;
    }

    .filter-sort_1 {
        display: none;
    }

    .row.filter-sort {
        display: block !important;
        margin: 0;
        width: 100%;
    }

    .row.filter-sort .col {
        display: flex;
                align-items: center;
        margin: 1rem 0;
        justify-content: space-between;
    }

    .products_catalog .col .row {
        grid-template-columns: repeat(2, 1fr);
    }

    .products_catalog .col .row .product-txt {
        padding: 10px 16px 10px;
    }
}

@media (max-width: 599px) {
    .swiper-product .swiper-wrapper {
        padding-left: 16px;
    }

    .about-offers-title h3 {
        text-transform: uppercase;
        font-size: 24px;
        line-height: 36px;
        font-weight: var(--figma-font-weight-bold);
    }

    .about-image-desktop {
        width: 280px;
        height: 280px;
        position: relative;
        margin: 5px 0 0 5px;
        z-index: 1;
    }

    .contact-page .contact-links {
        flex-wrap: wrap;
        flex-direction: column;
        gap: .5rem;
    }

    .contact-page .contact-links a {
        margin: 0 !important;
    }

    .main-popup{
        width: 100%;
    }
}