@media screen and (max-width: 979px) {
    .mobile-nav-visible .wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--accent);
    }

    .nav-block {
        display: none;
        position: relative;
        z-index: 1;
        color: var(--white);
        padding: 10px;
        text-align: center;
    }

    .nav-block ul {
        display: grid;
        grid-gap: 10px;
        max-width: 360px;
        margin: 0 auto;
    }

    .nav-block .nav-item {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px 0;
        min-height: 40px;
    }

    .nav-block .signup-link {
        display: none;
    }

    .nav-block .signup-item {
        padding: 0;
    }

    .nav-block .nav-item-dropdown {
        width: 100%;
        margin: 0;
    }

    .signup-item .nav-item-dropdown {
        display: block;
        padding: 0;
    }

    .nav-block .nav-item-dropdown a {
        margin: 0 0 10px;
    }

    .nav-block .nav-item .btn {
        width: 100%;
        height: 40px;
    }

    .mobile-nav-visible main,
    .mobile-nav-visible .awards-section,
    .mobile-nav-visible footer {
        display: none;
    }

    .mobile-nav-visible .nav-block {
        display: block;
        width: 100%;
        margin-top: 20px;
        background: var(--accent);
    }

    .mobile-btn {
        display: block;
    }

    .mobile-nav-visible .mobile-btn {
        width: 24px;
        transform: rotate(-270deg);
        right: 2px;
        padding: 0;
        height: 20px;
    }

    .mobile-nav-visible .mobile-btn .icon-line-1 {
        transform: rotate(-45deg);
    }

    .mobile-nav-visible .mobile-btn .icon-line-2 {
        transform: rotate(45deg);
    }

    .mobile-nav-visible .mobile-btn .mobile-btn-item {
        position: absolute;
        width: 24px;
    }

    .is-active .nav-item-dropdown {
        display: block;
    }

    [data-form='is-open'] .nav-block {
        visibility: hidden;
        position: absolute;
        height: 0;
        width: 0;
        overflow: hidden;
    }

    .signup .form-submit-block {
        display: grid;
    }

    .signup .btn-form-prev {
        order: 1;
    }
}

@media screen and (min-width: 980px) {
    /* Cookie */
    .cookies-popup {
        display: flex;
    }
    .cookies-content {
        max-width: 635px;
        width: 100%;
        margin-right: 20px;
    }
    .cookies-btns {
        flex: 1;
        margin-top: 0;
    }
    h1,
    .h1 {
        font-size: 50px;
    }

    form .form-item {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    form select {
        opacity: 0;
    }

    form .select-value {
        display: -webkit-box;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }

    .form-item .select-dropdown {
        display: block;
    }

    .login .form-wrapper {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }

    .page-bg-wrapper {
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .page-bg {
        width: 100%;
        height: 100%;
        background-image: url('/new/img/landing/web-bg.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 100%;
    }

    .page-bg:before,
    .page-bg:after {
        content: '';
        position: absolute;
        z-index: -2;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
    }

    .page-bg:after {
        background-image: linear-gradient(
            150deg,
            #02111d 2.63%,
            var(--accent) 2.63%,
            var(--accent) 50%,
            #02111d 50%,
            #02111d 52.63%,
            var(--accent) 52.63%,
            var(--accent) 100%
        );
        background-size: 76px 43.88px;
    }

    .page-bg:before {
        z-index: -1;
        background: -webkit-radial-gradient(center, ellipse cover, transparent 0%, var(--accent) 65%);
        background: radial-gradient(ellipse at center, transparent 0%, var(--accent) 65%);
    }

    header.center {
        padding: 15px 40px;
    }

    .mobile-nav-visible header.center {
        position: sticky;
        height: auto;
    }

    header .nav-block ul {
        display: flex;
        align-items: center;
        text-transform: uppercase;
        font-weight: 700;
    }

    header .nav-block .nav-item {
        margin-left: 30px;
    }

    header .nav-block .signup-item {
        margin-left: 15px;
    }

    [data-role='dropdown']:hover .nav-item-dropdown {
        visibility: visible;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 1;
    }

    .nav-item-dropdown {
        display: grid;
        grid-gap: 10px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        right: 0;
        min-width: 180px;
        max-height: 400px;
        padding: 10px;
        white-space: nowrap;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        border-radius: 4px;
        z-index: 3;
        background: linear-gradient(57.38deg, #001b2f 0%, #1f2b34 100%);
        box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.25), 0px 0px 15px rgba(0, 0, 0, 0.25);
    }

    .nav-item-dropdown a {
        opacity: 1;
    }
    .nav-item-dropdown .btn-flat {
        margin-bottom: 0;
    }
    .nav-item-dropdown:before {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 0;
        width: 30%;
        height: 10px;
    }
    [data-nav='login'] .nav-item-dropdown,
    [data-nav='news'] .nav-item-dropdown {
        margin-top: 14px;
    }
    [data-nav='login'] .nav-item-dropdown:before,
    [data-nav='news'] .nav-item-dropdown:before {
        height: 28px;
    }
    [data-nav='news'] .nav-item-dropdown {
        right: -70px;
    }
    [data-nav='news'] .nav-item-dropdown:before {
        right: 60px;
        width: 40%;
    }
    .is-active .nav-item-dropdown {
        visibility: visible;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 1;
    }

    .promo {
        margin: auto;
        padding: 0;
        grid-gap: 35px;
    }

    .promo .promo-title {
        max-width: 100%;
    }

    .promo .promo-title .highlighted {
        display: inline-block;
        padding: 10px 20px;
    }

    .promo .promo-text {
        padding: 0 45px;
    }

    .promo .logo-block img {
        height: 190px;
    }

    .promo .offers-block {
        display: grid;
        grid-template-columns: 440px 440px;
        grid-gap: 35px;
    }

    .promo .offer-item {
        display: grid;
        grid-template-rows: auto 1fr auto;
        padding: 45px 45px 35px;
        margin: 0;
    }

    .promo .offer-item.is-inactive {
        opacity: 0.7;
    }

    .promo .btn {
        font-size: 22px;
        height: 70px;
        margin-top: 45px;
    }

    .advantages.center {
        max-width: 100%;
        margin: auto;
        padding: 10px 40px;
    }

    .advantages .advantages-block {
        grid-template-columns: repeat(4, minmax(200px, 440px));
        align-items: stretch;
        grid-gap: 20px;
    }

    .advantages .offer-item {
        font-size: 12px;
        grid-template-columns: 60px 1fr 50px;
        align-items: center;
        grid-gap: 0 20px;
        text-align: left;
        background: rgba(255, 255, 255, 0.01);
        border: 1px solid rgba(185, 143, 126, 0.4);
    }

    .advantages .offer-item .offer-title {
        margin-bottom: 0;
    }

    .advantages .offer-item .icon {
        margin: 0;
    }

    .advantages .offer-item .btn {
        display: none;
    }

    .advantages .btn-logout {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-radius: 4px;
    }

    .advantages .btn-logout .icon:before {
        font-size: 24px;
    }

    .advantages .btn-logout span {
        display: none;
    }

    .login h1 {
        margin-bottom: 30px;
    }

    .login .form-submit-block {
        padding: 30px 0 0;
    }

    .faq h1 {
        margin-bottom: 40px;
    }

    .faq .faq-wrapper {
        display: grid;
        align-items: flex-start;
        justify-content: center;
        grid-gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .faq .faq-element {
        margin-bottom: 30px;
    }

    .faq .faq-title {
        margin-bottom: 20px;
    }

    .faq .faq-item {
        grid-gap: 20px;
    }

    .signup {
        max-width: 100%;
        margin: auto;
    }

    .signup .form-item label {
        text-align: left;
    }

    .signup .form-item-wrapper {
        display: grid;
        grid-template-columns: 300px 300px;
        grid-gap: 40px;
        justify-content: center;
    }

    .signup .form-item-wrapper .form-item {
        width: 100%;
        margin: 0;
    }

    .signup .radio-wrapper {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        width: auto;
        max-width: 100%;
    }

    .signup form .radio-item {
        display: inline-grid;
        margin: 0 12px;
    }

    .signup .radio-wrapper label {
        width: 100%;
        text-align: center;
    }

    .signup .form-submit-block {
        display: flex;
        justify-content: center;
    }

    .signup .form-submit-block .btn {
        width: 230px;
    }

    .signup .form-submit-block .btn + .btn {
        margin-left: 20px;
    }

    .signup [data-step='events'] {
        max-width: 1240px;
        margin: 0 auto;
    }

    .signup [data-step='events'] .step-wrapper {
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        max-width: 640px;
        margin: 0 auto 30px;
    }

    .signup [data-step='events'].event-selected .step-wrapper {
        max-width: 100%;
    }

    .signup .step-wrapper .btn-flat {
        margin: 10px;
    }

    .signup [data-step='events'] .inner-wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .signup .event-input-block {
        padding: 20px 0 0;
    }
    .slider {
        padding: 20px 0;
    }
    .slider-page .go-to-all-block .btn {
        width: 184px;
        margin: 0 auto;
        padding: 0;
    }
    .slider .slider-content {
        padding: 20px;
    }
    .slider .slider-content .btn {
        width: 140px;
        margin-left: auto;
        text-transform: uppercase;
    }
    .slider .slider-nav {
        display: block;
    }
    .blog-article .center .picture-wrapper {
        margin: 0;
    }
    /*** 404 media ***/
    .page-404 main .ooops-picture {
        width: 100%;
        margin: 0;
        max-height: 55vh;
    }
    .page-404 main .ooops-info {
        grid-gap: 20px;
    }
    /*** // 404 media ***/
    .section-contacts {
        display: block;
        position: fixed;
        padding: 40px;
        top: 0;
        right: 0;
        bottom: 0;
        width: 640px;
        overflow-y: auto;
        transform: translateY(-100%);
        transition: transform var(--transition);
    }
    .section-contacts::-webkit-scrollbar {
        width: 5px;
        background: #273d4d;
    }
    .section-contacts::-webkit-scrollbar-thumb {
        border-radius: 40px;
        background: #000;
    }

    [data-form='is-open'] .section-contacts {
        transform: translateY(0);
    }

    [data-form='is-open'] .overlay-block {
        display: block;
    }

    header,
    main,
    footer,
    .page-bg-wrapper {
        transition: var(--transition);
        will-change: filter;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    [data-form='is-open'] header,
    [data-form='is-open'] main,
    [data-form='is-open'] footer,
    [data-form='is-open'] .awards-section,
    [data-form='is-open'] .page-bg-wrapper {
        -webkit-filter: blur(10px);
        filter: blur(10px);
        will-change: filter;
    }

    .section-contacts .close-form-btn {
        display: block;
        position: absolute;
        top: 40px;
        right: 40px;
        width: 50px;
        height: 50px;
    }

    .close-form-btn .close-btn-icon:before,
    .close-form-btn .close-btn-icon:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transform: rotate(45deg);
        background: #b8bfc5;
    }

    .close-form-btn .close-btn-icon:before {
        width: 12px;
        height: 2px;
    }

    .close-form-btn .close-btn-icon:after {
        width: 2px;
        height: 12px;
    }

    .section-contacts .contact-form .btn {
        width: 190px;
        margin: 40px auto 20px;
    }

    .section-contacts .contacts-info {
        display: block;
        margin-bottom: 40px;
    }

    .overlay-block.is-active {
        display: block;
    }
	
    .footer .social-link a {
        padding: 10px 5px;
    }

    .footer .languages-nav {
        margin-bottom: 5px;
    }

    .describe-success-message .icon {
        font-size: 100px;
    }
    .describe-success-message .h1 {
        margin-bottom: 10px;
    }
    .describe-success-message .h3 {
        font-size: 22px;
        font-weight: 400;
    }
    .describe-success-message {
        min-height: 490px;
    }
}

@media screen and (min-width: 1200px) and (max-height: 920px) {
    h1,
    .h1 {
        font-size: 40px;
        margin-bottom: 2vh;
    }

    body {
        font-size: 14px;
    }

    .section-contacts {
        overflow-y: auto;
    }

    .section-contacts .contacts-info {
        display: block;
        margin-bottom: 40px;
        margin-bottom: 2vh;
    }

    .section-contacts .contact-form .btn {
        margin: 4vh auto 2vh;
    }

    .section-contacts .info-wrapper {
        grid-gap: 1vh;
    }

    .section-contacts .form-item label {
        font-size: 16px;
        padding: 2vh 0 5px;
    }

    form .textarea-describe {
        min-height: 40px;
        padding: 9px 10px 10px 40px;
    }
    form .form-field .icon,
    form input,
    form .select-value,
    form select,
    .btn {
        height: 40px;
    }
    form .form-field .icon img {
        margin-top: 7px;
    }
    form .form-field .icon::before {
        line-height: 40px;
    }
    .select-field:before,
    .select-field:after {
        top: 19px;
    }
    .select--focused.select-field:before {
        top: 16px;
    }
    form .form-field .icon.icon-notice {
        top: 5px;
    }
    .checkbox-item .checkbox-icon {
        top: 3px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1600px) {
    .advantages-block > .advantage-item {
        min-height: 300px;
    }

    .advantages .offer-item {
        grid-template: initial;
        grid-gap: 10px;
        padding: 10px;
    }

    .advantages .btn-logout {
        height: 30px;
    }

    .advantages .btn-logout span {
        display: inline-block;
        margin: 0 10px 0 0;
        font-weight: 700;
    }

    .advantages [data-offer='cpa'] .btn-logout span {
        color: var(--blaprimaryck);
        background: var(--primary-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .advantages .offer-item > .icon {
        display: none;
    }
}