@media (min-width: 800px) {
    .section--mainbanner .nav .nav__item .nav__item_link {
        position: absolute;
        white-space: nowrap;
        text-transform: uppercase;
    }

    .mainBanner .nav--custom-banner {
        position: relative;
    }

    div.section--mainbanner .nav .nav__item .nav__item_link:has(span.nav__item_link--postfix) {
        display: flex;
        gap: 5px;
    }

    div.section--mainbanner .nav .nav__item .nav__item_link.is-zooming-in:has(span.nav__item_link--postfix) {
        display: flex;
        gap: 10px;
    }

    .nav__item_link .nav__item_link--postfix {
        font-size: 10px;
        color: rgba(255, 255, 255, 0.5);
        font-family: "Korataki";
        text-transform: uppercase;
    }

    .mainBanner .nav--custom-banner::before,
    .mainBanner .nav--custom-banner::after {
        content: '';
        position: absolute;
        width: 32px;
        height: 32px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .mainBanner .nav--custom-banner::before {
        top: 0;
        left: 0;

        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 31V11C1 5.47715 5.47715 1 11 1H31' stroke='%235BBCF9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    .mainBanner .nav--custom-banner::after {
        bottom: 0;
        left: 0;

        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 31L11 31C5.47715 31 1 26.5228 1 21L0.999999 1' stroke='%235BBCF9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    .section--mainbanner .nav {
        padding: 25px 30px;
    }

    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner {
        display: flex;
        flex-direction: column;
        gap: 15px;
        position: relative;
        padding: 20px 0;
        font-family: "Korataki";
        min-width: 170px;
    }

    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner::before {
        content: 'СК';
        position: absolute;
        writing-mode: sideways-lr;
        color: rgba(0, 0, 0, .5);
        right: 200px;
        top: 50%;
        letter-spacing: 13px;
        transform: translateY(-50%);
        font-size: 57px;
        font-weight: 300;
        max-height: 155px;
        line-height: 52px;
    }

    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 10px;
        width: 1000%;
        height: 100%;
        backdrop-filter: blur(40px);
        background-color: rgba(105, 149, 191, 0.15);
        z-index: -1;
    }   
}

@media (min-width: 1200px) {
    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner {
        gap: 25px;
        padding: 30px 0;
    }

    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner::before {
        font-size: 62px;
        line-height: 67px;
        letter-spacing: 16px;
        max-height: 175px;
    }

    .nav__item_link .nav__item_link--postfix {
        font-size: 12px;
    }
}

@media (min-width: 1500px) {
    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner::before {
        right: 215px;
    }

    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner {
        gap: 30px;
        padding: 30px 0;
    }

    .section--mainbanner .nav.nav--custom-banner {
        gap: 30px;
    }

    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner::before {
        font-size: 104px;
        line-height: 94px;
        letter-spacing: 20px;
        max-height: 280px;
    }
}

@media (min-width: 992px) and (max-height: 870px) {
    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner {
        gap: 15px;
        padding: 20px 0;
    }
}

@media (min-width: 1200px) and (max-height: 800px) {
    .mainBanner .nav--custom-banner .nav-sk-wrapper-banner::before {
        letter-spacing: 20px;
        font-size: 57px;
        max-height: 159px;
        line-height: 52px;
    }
}