@media screen and (max-width: calc(720px)) {
    body,
    input,
    textarea,
    select {
        font-family: 'Montserrat', sans-serif;
        font-size: 5vw;
        -webkit-text-size-adjust: none;
    }
    html {
        scroll-behavior: smooth;
    }
    img,
    svg,
    iframe {
        max-width: 100%;
        display: block;
    }
    * {
        box-sizing: border-box;
        outline: none !important;
        -webkit-tap-highlight-color: transparent;
        -webkit-appearance: none;
    }
    body,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    form,
    table,
    tr,
    td,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    p,
    span,
    b,
    i,
    input,
    textarea,
    fieldset {
        margin: 0;
        padding: 0;
    }
    .none {
        display: none;
    }
    .fade-out {
        opacity: 1;
        transition: 0.3s;
        pointer-events: auto;
    }
    .fade-out.active {
        opacity: 0;
        pointer-events: none;
    }
    .fade-in {
        opacity: 0;
        transition: 0.3s;
        pointer-events: none;
    }
    .fade-in.active {
        opacity: 1;
        pointer-events: auto;
    }
    .column {
        width: 90.625vw;
        margin: 0 auto;
    }
    .text-extra-header {
        font-style: italic;
        font-weight: 900;
        font-size: 5vw;
        line-height: 6.25vw;
    }
    .h1 {
        font-style: normal;
        font-weight: 800;
        font-size: 10.9375vw;
        line-height: 12.5vw;
    }
    .text-main {
        font-style: normal;
        font-weight: 800;
        font-size: 5vw;
        line-height: 7.5vw;
    }
    .text-additional-button-big {
        font-style: normal;
        font-weight: 800;
        font-size: 9.375vw;
        line-height: 12.5vw;
    }
    .h2 {
        font-style: normal;
        font-weight: 800;
        font-size: 5.625vw;
        line-height: 7.5vw;
    }
    .text-extra-bold {
        font-style: normal;
        font-weight: 700;
        font-size: 4.375vw;
        line-height: 6.875vw;
    }
    .text-extra {
        font-style: normal;
        font-weight: 400;
        font-size: 4.375vw;
        line-height: 6.875vw;
    }
    .text-additional-price {
        font-style: normal;
        font-weight: 800;
        font-size: 5.625vw;
        line-height: 7.5vw;
    }
    .text-additional-button-small {
        font-style: normal;
        font-weight: 800;
        font-size: 6.25vw;
        line-height: 9.375vw;
    }
    .text-extra-big {
        font-style: normal;
        font-weight: 800;
        font-size: 10.9375vw;
        line-height: 14.0625vw;
    }
    .mobile-none {
        display: none;
    }
    .mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
    /* DISCOUNTS HEADER  */
    .discounts-header {
        border: 1px solid var(--color-main-black);
        padding: 3.125vw 6.25vw;
    }
    /* BANNER */
    .banner {
        position: relative;
        width: 100%;
        height: 241.5625vw;
    }
    .banner-back {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    .banner-image {
        width: 90.9375vw;
        height: 90.625vw;
        position: absolute;
        top: auto;
        bottom: 15.625vw;
        left: 4.6875vw;
    }
    .banner-title-first {
        transform: rotate(-3.24deg);
        position: absolute;
        top: 9.375vw;
        right: 3.4375vw;
    }
    .banner-title-second {
        transform: rotate(-3.24deg);
        position: absolute;
        top: 23.125vw;
        right: 3.4375vw;
    }
    .banner-desc {
        background: var(--color-main-blue);
        padding: 6.25vw 9.375vw 13.75vw 6.25vw;
        transform: rotate(-3.24deg);
        width: 90.625vw;
        border-radius: 6.25vw;
        position: absolute;
        top: 45vw;
        right: 4.6875vw;
    }
    .banner-helmet-block {
        width: 18.75vw;
        height: 18.75vw;
        border-radius: 50%;
        border: 2px dashed var(--color-main-white);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 6.25vw;
        bottom: 6.25vw;
    }
    .banner-helmet-image {
        width: 10vw;
        height: 10vw;
    }
    .banner-flag {
        display: none;
    }
    .banner-btn {
        width: 90.625vw;
        height: 18.75vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-main-yellow);
        border: 2px solid var(--color-main-black);
        transform: rotate(-3.24deg);
        border-radius: 4.6875vw;
        position: absolute;
        top: 105.625vw;
        right: 4.6875vw;
        transition: 0s;
    }
    /* SECTION 1 */
    .body-wrapper {
        overflow: hidden;
    }
    .section-1 {
        height: 248.75vw;
        position: relative;
    }
    .section-1-rectangle-1 {
        width: 45.3125vw;
        height: 45.3125vw;
        background: var(--color-additional-red);
        border: 1px solid var(--color-main-black);
        position: absolute;
        top: 15.625vw;
        left: 4.6875vw;
    }
    .section-1-rectangle-2 {
        width: 35vw;
        height: 82.5vw;
        background: var(--color-additional-red);
        border: 1px solid var(--color-main-black);
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .section-1-icon {
        position: absolute;
    }
    .section-1-icon-1 {
        width: 6.25vw;
        height: 6.25vw;
        top: 12.5vw;
        left: 46.875vw;
    }
    .section-1-icon-2 {
        width: 15.625vw;
        height: 15.625vw;
        top: 38.125vw;
        right: 4.6875vw;
    }
    .section-1-icon-3 {
        width: 20.3125vw;
        height: 20.3125vw;
        top: auto;
        bottom: 8.125vw;
        left: 12.5vw;
    }
    .section-1-image-1 {
        position: absolute;
        top: 5.625vw;
        left: 0;
        width: 50.625vw;
        height: 70.3125vw;
        z-index: 1;
    }
    .section-1-image-2 {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        width: 65.3125vw;
        height: 82.5vw;
        z-index: 1;
    }
    .section-1-product {
        position: absolute;
        top: 73.4375vw;
        left: 12.5vw;
    }
    /* PRODUCT */
    .product-info {
        margin-top: 3.125vw;
    }
    .product-price {
        margin-top: 4.6875vw;
    }
    .product-title {
        position: relative;
    }
    .product-btn {
        margin-top: 3.125vw;
        width: 62.5vw;
        height: 15.625vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--color-main-black);
        border-radius: 4.6875vw;
    }
    .product-btn-red {
        background: var(--color-main-red);
    }
    .product-btn-blue {
        background: var(--color-main-blue);
    }
    .product-btn-purple {
        background: var(--color-main-purple);
    }
    .product-title::before {
        content: "";
        display: block;
        width: 1.5625vw;
        height: 100%;
        background: var(--color-main-yellow);
        position: absolute;
        top: 0;
        left: -4.6875vw;
    }
    .product-title::after {
        content: "";
        display: block;
        width: 1.5625vw;
        height: 100%;
        background: var(--color-main-blue);
        position: absolute;
        top: 0;
        left: -6.25vw;
    }
    .product-info-row span {
        margin-right: 1.875vw;
    }
    /* SECTION 2 */
    .section-2 {
        position: relative;
        height: 241.25vw;
        background: var(--color-aditional-blue);
    }
    .section-2-image-1 {
        position: absolute;
        top: 8.4375vw;
        left: 0;
        width: 78.4375vw;
        height: 72.5vw;
    }
    .section-2-image-2 {
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        width: 62.8125vw;
        height: 74.375vw;
    }
    .section-2-rectangle-1 {
        width: 60.625vw;
        height: 60.625vw;
        background: var(--color-main-white);
        border: 1px solid var(--color-main-black);
        position: absolute;
        top: 15.625vw;
        left: 4.6875vw;
    }
    .section-2-rectangle-2 {
        width: 60.625vw;
        height: 60.625vw;
        background: var(--color-main-white);
        border: 1px solid var(--color-main-black);
        position: absolute;
        top: auto;
        bottom: 9.6875vw;
        right: -25.9375vw;
    }
    .section-2-product {
        position: absolute;
        top: 88.75vw;
        left: 12.5vw;
    }
    .section-2-icon-1 {
        width: 23.4781vw;
        height: 25vw;
        position: absolute;
        top: 53.75vw;
        right: 3.4375vw;
    }
    .section-2-icon-2 {
        width: 23.4781vw;
        height: 25vw;
        position: absolute;
        top: 178.125vw;
        left: 6.25vw;
    }
    /* SECTION 3 */
    .section-3 {
        position: relative;
        height: 191.25vw;
    }
    .section-3-rectangle-1 {
        width: 20vw;
        height: 27.1875vw;
        background: var(--color-additional-purple);
        border: 1px solid var(--color-main-black);
        position: absolute;
        bottom: auto;
        top: 15.625vw;
        left: auto;
        right: 0;
    }
    .section-3-rectangle-2 {
        width: 100%;
        height: 27.8125vw;
        background: var(--color-additional-purple);
        border: 1px solid var(--color-main-black);
        position: absolute;
        top: 105.9375vw;
        right: 0;
    }
    .section-3-product {
        position: absolute;
        top: 15.625vw;
        left: 12.5vw;
    }
    .section-3-icon-1 {
        width: 12.5vw;
        height: 12.5vw;
        position: absolute;
        top: 61.5625vw;
        right: 4.9531vw;
    }
    .section-3-icon-2 {
        width: 17.3156vw;
        height: 17.3156vw;
        position: absolute;
        top: 17.8125vw;
        left: auto;
        right: 10.4375vw
    }
    .section-3-image {
        width: 100vw;
        height: 89.0625vw;
        position: absolute;
        top: 77.1875vw;
        left: 0;
    }
    /* FOOTER */
    .footer {
        border-top: 1.5625vw solid var(--color-main-black);
        position: relative;
        height: 83.125vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .zsu-block {
        position: absolute;
        top: -11.875vw;
        left: 50%;
        transform: translateX(-50%);
        width: 25vw;
        height: 25vw;
        border-radius: 50%;
        background: var(--color-main-white);
        border: 1.5625vw solid var(--color-main-black);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .zsu-image {
        width: 18.75vw;
        height: 18.75vw;
    }
    .footer-back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        object-fit: cover;
    }
    .footer-title {
        -webkit-text-stroke: 1px #000000;
        text-align: center;
    }
}