@media screen and (max-width: 1440px) {
    header .header__wrapper .nav-list {
        margin-left: 0;
        column-gap: 24px;
    }
}

/* Global styles */
@media screen and (max-width: 1350px) {

    .legal-information .legal-information__wrapper img {
        position: relative;
        right: 74px;
    }

    header .header__wrapper .header-contacts {
        column-gap: 16px;
    }

    header .header__wrapper .nav-list {
        margin-left: 0;
        column-gap: 16px;
    }

    header .header__wrapper .header-contacts .header-tel {
        column-gap: 6px;
    }
}

@media screen and (max-width: 1250px) {
    .payment {
        padding-top: 116px !important;
        min-height: auto;
        height: auto;
        padding-bottom: 156px !important;
    }

    .legal-information .legal-information__wrapper .information p {
        max-width: 668px;
        width: 100%;
    }

    .legal-information .legal-information__wrapper img {
        transform: scale(1) !important;
        left: 11%;
    }

    .header__wrapper nav .nav-list {
        display: none;
    }

    .header-contacts .tel {
        display: none;
    }

    .header__wrapper .header-btns {
        align-items: center;
    }

    .header-btn-more {
        display: block;
        height: 35px;
        width: 35px;
    }

    .enter-btn-small {
        display: block;
        height: 38px;
        width: 38px;
    }

    .btn-enter {
        display: none;
    }

    section {
        padding: 56px 0 !important;
    }

    section.video-instructions {
        padding-top: 113px !important;
    }

    #desktop-change-language {
        display: none !important;
    }
}

@media screen and (max-width: 500px) {
    header .header__wrapper {
        height: 56px;
    }

    header .header__wrapper a {
        position: relative;
        right: 22px;
        top: 2px;
    }

    section.credit-online h2 {
        font-size: 28px;
    }

    section.credit-online h3 {
        font-size: 20px;
    }

    section.credit-online .text {
        font-size: 16px;
    }

    header .header__wrapper .header-contacts .header-btns {
        column-gap: 10px;
    }

    .btn-pay {
        height: 30px;
        font-size: 12px;
        width: 100px;
    }

    .header-btn-more {
        display: block;
        height: 30px;
        width: 30px;
    }

    .enter-btn-small {
        display: block;
        height: 30px;
        width: 30px;
    }

    header .header__wrapper .logo {
        transform: scale(.6);
    }

    header .header__wrapper {

    }

    header {
        height: 56px;
    }

    .side-menu {
        margin-top: 55px;
    }

    section.first-screen {
        padding-top: 35px !important;
    }

    section.video-instructions {
        padding-top: 70px !important;
    }
}

@media screen and (max-width: 350px) {
    section.credit-online h2 {
        font-size: 26px;
    }

    section.credit-online h3 {
        font-size: 18px;
    }

    section.credit-online .text {
        font-size: 14px;
    }

    .btn-pay {
        height: 25px;
        font-size: 11px;
        width: 80px;
    }

    .header-btn-more {
        height: 25px;
        width: 25px;
    }

    .enter-btn-small {
        height: 25px;
        width: 25px;
    }

    header .header__wrapper .logo {

    }

    header .header__wrapper {

    }

    header {
        height: 56px;
    }

    .side-menu {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1000px) {
    footer .footer__wrapper {
        flex-direction: column;
        align-items: center;
        row-gap: 32px;
    }

    footer .footer__wrapper .footer-brand {
        max-width: 700px;
        text-align: center;
    }

    footer .footer__wrapper .footer-list {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 15px;
        max-width: 270px;
        justify-content: center;
    }

    footer .footer__wrapper .footer-contacts {
        align-items: center;
    }

    footer .footer__wrapper .footer-contacts .footer-contacts-text {
        text-align: center;
    }

    footer .footer__wrapper .footer-partners {
        max-width: 270px;
        text-align: center;
    }

    footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 800px) {
    .side-menu {
        width: 50%;
    }
}

@media screen and (max-width: 560px) {
    .side-menu {
        width: 75%;
    }
}

/* Main page */

@media screen and (max-width: 750px) {
    .out-advantages-list .out-advantages-list-item {
        width: 225px;
        height: 225px;
    }

    .out-advantages-list .out-advantages-list-item.white-list-item img {
        transform: scale(1.5);
    }
}

@media screen and (max-width: 1440px) {
    .swiper .swiper-button-prev {
        left: 65.5%;
    }

    .swiper .swiper-pagination {
        left: 28.5% !important;
    }

    .swiper .swiper-button-next {
        left: 86.5%;
    }

    .how-to-return-money .how-to-return-money__wrapper img {
        width: 600px;
        height: 400px;
    }

    .work-with-terminal .work-with-terminal__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 1410px) {
    .how-it-works .how-it-works-list {
        justify-content: center;
    }
}


@media screen and (max-width: 1250px) {
    .swiper .swiper-wrapper .swiper-slide .slider-text-title {
        margin-bottom: 0;
        margin-top: 36px;
    }

    .swiper .slider-text__wrapper {
        gap: 0;
    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide img {
        transform: scale(.6);
    }

    section.first-screen {
        padding-top: 85px !important;
    }

    .work-with-terminal .wrapper {
        flex-direction: column;
        padding-bottom: 0;
    }

    .swiper {
        min-height: auto;
    }

    .media-1250-hide-flex {
        display: none !important;
    }

    section {
        padding: 56px 0 !important;
    }

    section.bring-friend .wrapper {
        flex-direction: column;
        padding: 32px 32px 0 32px;
    }

    section.bring-friend .wrapper img {
        max-width: 440px;
        width: 100%;
        margin: 0 auto;
    }

    .first-screen {
        padding-top: 4px;
    }

    .first-screen .first-screen__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .first-screen .first-screen__wrapper .swiper {
        max-width: 415px;
    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide {
        display: flex;
        align-items: center;
        column-gap: 10px;
        flex-direction: column;
    }

    .slider-btn {
        margin-bottom: 32px;
        margin-top: 20px;
    }
    .slider-text {
        text-align: center;
    }
    .first-screen .first-screen__wrapper .swiper .swiper-slide img {


    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text__wrapper {
        display: flex;
    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text-title {
        font-size: 24px;
        line-height: 100%;
        text-align: center;
        margin-inline: auto;
    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text {
        font-size: 14px;
        margin-bottom: 0;
    }

    /*.swiper .swiper-button-next {*/
    /*    display: none;*/
    /*}*/
    /*.swiper .swiper-button-prev {*/
    /*    display: none;*/
    /*}*/
    /*.swiper-pagination {*/
    /*    display: none;*/
    /*}*/
    .how-to-return-money .how-to-return-money__wrapper {
        flex-direction: column-reverse;
        align-items: center;
    }

    .how-to-return-money .how-to-return-money__wrapper .how-to-return-money-list {
        margin-left: 0;
    }

    .how-to-return-money .how-to-return-money__wrapper h2 {
        text-align: center;
    }

    .about-us .about-us__wrapper img {
        position: static;
    }

    .about-us .about-us__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        padding: 25px 20px 0 20px;
    }


    /*.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {*/
    /*    display: none;*/
    /*}*/
    .how-it-works {
        padding-bottom: 0;
        padding-top: 0;
    }

    .how-to-return-money {
        padding-bottom: 60px;
    }

    .about-us {
        padding-top: 20px;
    }

    .notification {
        background: none;
    }

    .swiper {
        height: auto;
    }
}

@media (max-width: 991px) {
    .get-credit-btn {
        font-size: 20px;
        font-weight: 600;
    }

    .referral-block {
        background-image: url(../img/pages/main-page/referral-block-bg-mob.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .referral-block__wrap {
        flex-direction: column-reverse;
    }

    .referral-block .referral-block-img {
        height: 340px;
    }

    .referral-block .referral-block-img img {
        display: none !important;
    }

    .referral-block .referral-block-img img.referral-block-img-mob {
        display: block !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .referral-block__title {
        max-width: none;
        text-align: center;
        font-size: 28px;
        font-weight: 400;
    }

    .referral-btn {
        position: absolute;
        bottom: 40px;
        font-size: 20px;
        font-weight: 600;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 650px) {
    .container {
        padding: 0 15px;
    }

    .how-to-return-money .how-to-return-money__wrapper img {
        width: 345px;
        height: 245px;
    }

    .about-us .about-us__wrapper img {
        width: 324px;
        height: 250px;
    }

    .work-with-terminal .work-with-terminal__wrapper h2 {
        font-size: 28px;
    }

    .work-with-terminal h3 {
        font-size: 18px;
    }

    .work-with-terminal p {
        font-size: 14px;
    }

    .work-with-terminal .requisites {
        font-size: 16px;
    }

    .first-screen .first-screen__wrapper .calculator .get-loan-btn {
        width: 100%;
    }

    .our-partners .container {
        padding: 0;
    }

    .what-needs-to-loan {
        padding: 50px 0;
    }

    .notification {
        padding: 76px 0 80px 0;
    }
}

@media screen and (max-width: 500px) {
    section.first-screen {
        padding-top: 35px !important;
    }

    section.credit-online .container {
        gap: 24px;
    }

    .media-500 {
        display: block !important;
    }

    .media-500-hide {
        display: none !important;
    }

    .out-advantages h2 {
        font-size: 28px !important;
    }

    .out-advantages .out-advantages-list .out-advantages-list-item img {
        width: 40px;
        height: 40px;
    }

    .out-advantages-list .out-advantages-list-item {
        width: 165px;
        height: 165px;
        gap: 16px;
    }

    .out-advantages-list .out-advantages-list-item.white-list-item img {
        transform: scale(1.3);
    }

    .out-advantages-list .out-advantages-list-item.white-list-item {
        padding-bottom: 0;
    }

    .out-advantages-list {
        column-gap: 16px;
    }

    .out-advantages-list .out-advantages-list-item .text {
        font-size: 16px;
    }

    .first-screen .first-screen__wrapper .calculator .sum {
        padding: 12px 0 0 12px;
    }

    .first-screen .first-screen__wrapper .calculator .sum .range {
        right: 6px;
        top: 4px;
    }

    .notification .notification__wrapper h3 {
        font-size: 24px;
    }

    .notification .notification__wrapper p {
        font-size: 16px;
    }

    .first-screen .first-screen__wrapper {
        margin-top: 24px;
    }

    .return-money-list li .text {
        font-size: 16px;
    }

    .work-with-terminal .wrapper {
        padding: 28px 16px 0 16px;
    }

    .work-with-terminal .wrapper img {
        width: 100% !important;
    }
}

/*@media screen and (max-width: 730px) {*/
/*    .out-advantages .out-advantages-list .out-advantages-list-item {*/
/*        !*width: 165px;*!*/
/*        !*height: 165px;*!*/
/*    }*/
/*}*/

@media screen and (max-width: 400px) {
    .swiper-slide {

    }
    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text__wrapper {
        margin-left: 20px;
    }
    .first-screen a button.slider-btn, .first-screen a {
        max-width: 350px;
        width: 100%;
    }

    .swiper .swiper-wrapper .swiper-slide .slider-text-title {
        margin-top: 37px;
    }

    .first-screen .first-screen__wrapper .calculator .calc_info .calc_info__desc p {
        font-size: 10px;
    }

    .out-advantages h2 {
        font-size: 28px;
    }

    .out-advantages .out-advantages-list .out-advantages-list-item .text {
        font-size: 14px;
    }

    .out-advantages .out-advantages-list .out-advantages-list-item img {
        width: 62px;
        height: 62px;
    }

    .how-to-return-money .how-to-return-money__wrapper .how-to-return-money-list .how-to-return-money-list-item h3 {
        font-size: 24px;
        line-height: 1;
    }

    .about-us .about-us__wrapper h2 {
        font-size: 28px;
    }

    .about-us .about-us__wrapper p {
        font-size: 14px;
    }

    .about-us .about-us__wrapper img {
        width: 245px;
        height: 190px;
    }

    .work-with-terminal .requisites {
        font-size: 13px;
    }


}

@media screen and (max-width: 350px) {

    .what-needs-to-loan h2 {
        font-size: 28px;
    }

    .how-to-return-money .how-to-return-money__wrapper img {
        width: 260px;
        height: 180px;
    }

    .notification .notification__wrapper p {
        font-size: 13px;
    }

    .work-with-terminal .requisites {
        font-size: 12px;
    }


    .first-screen .first-screen__wrapper .swiper {
        max-width: 265px;
    }

    .first-screen .first-screen__wrapper .calculator .sum_up p {
        font-size: 12px;
    }
}

@media screen and (max-width: 320px) {

}

@media screen and (max-width: 300px) {
    .first-screen .first-screen__wrapper .calculator {
        padding: 18px;
    }

    .first-screen .first-screen__wrapper .calculator h3 {
        font-size: 20px;
    }

    .first-screen .first-screen__wrapper .calculator .get-loan-btn {
        height: 42px;
    }
}

/*Product page */

@media screen and (max-width: 1250px) {
    .calculator {
        margin-bottom: 45px;
    }
    .first-screen {
        background: url("../img/pages/main-page/first-screen-bg-1250.png") center center/cover no-repeat, #282B38;
        padding-bottom: 10px !important;
    }
    .swiper-button-next {
        display: none !important;
    }

    .swiper-button-prev {
        display: none !important;
    }

    .swiper-pagination {
        max-width: 250px;
    }

    .work-with-terminal .wrapper img {
        width: 60%;
        margin: 0 auto;
    }

    section.legal-information {
        padding-bottom: 0 !important;
        padding-top: 24px !important;
    }

    .first-screen .first-screen__wrapper .calculator {
        height: auto;
    }

    .calc-open {
        height: auto !important;
    }

    .first-screen__product-page .first-screen__wrapper {
        flex-direction: column-reverse;
        row-gap: 33px;
        align-items: center;
    }

    section.first-screen__product-page {
        padding-bottom: 55px;
        padding-top: 64px !important;
    }

    .first-screen__product-page .first-screen__wrapper .calculator {
        margin-top: 22px;
    }

    .media-1250 {
        display: block !important;
    }

    .media-1250-hide {
        display: none !important;
    }

    .media-computer {
        display: none !important;
    }
}

@media screen and (max-width: 500px) {
    section.credit-online h1 {
        color: #282B38;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 36px */
    }

    section.credit-online h2 span {
        font-size: 20px;
    }

    .lines:before {
        left: -20px;
    }

    .lines:after {
        left: -20px;
    }

    .lines:before, .lines:after {
        left: -9px;
    }

    .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
        top: 10px;
    }

    .what-needs-to-loan {
        background: url("../img/what-need-to-loan-bg.png"), #FFF
    }

    .what-needs-to-loan .what-needs-to-loan-list {
        margin-top: 32px;
    }

    .how-it-works .how-it-works-list {
        margin: 48px 0;
    }

    .legal-information .legal-information__wrapper .information h1 {
        margin: 32px 0;
    }

    .calc_info {
        padding: 16px;
    }

    .third-screen ul li {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 16px;
    }

    .first-screen__product-page h1 {
        font-size: 28px;
        margin-top: 12px;
        margin-bottom: 20px;
    }

    .first-screen__product-page .btns__wrapper button {
        max-width: calc(50vw - 34px);
        font-size: 14px;
        width: 164px;
        height: 50px;
    }

    .first-screen__product-page .btns__wrapper {
        margin-bottom: 24px;
    }

    .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .first-screen__product-page .first-screen__wrapper .calculator h3 {
        font-size: 24px;
    }

    .indicators p {
        font-size: 14px;
    }

    .grn {
        font-size: 14px;
    }

    .first-screen__product-page .container {
        margin-top: 58px;
    }
}

@media screen and (max-width: 400px) {
    /*.first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text-title {*/
    /*    font-size: 20px;*/
    /*}*/

    .first-screen .first-screen__wrapper .swiper .swiper-slide img {
        transform: scale(.5);
    }

    .third-screen ul li p {
        font-size: 14px;
    }

    .third-screen ul li a {
        font-size: 14px;
    }

    .first-screen__product-page .btns__wrapper {
        margin-bottom: 10px;
    }

    .first-screen__product-page h1 {
        margin-bottom: 14px;
    }

    /*.first-screen .btns__wrapper button {*/
    /*    transform: scale(0.6);*/
    /*}*/
    .first-screen__product-page .first-screen__wrapper .information-for-familiarization {
        padding: 15px 20px 20px 20px;
    }
}

@media screen and (max-width: 470px) {
    .first-screen .first-screen__wrapper .calculator .sum .range {
        max-width: 375px;
        width: 100%;
    }
}

@media screen and (max-width: 300px) {


    /*.first-screen__product-page .first-screen__wrapper .calculator {*/
    /*    min-height: 600px;*/
    /*}*/
    .first-screen__product-page .first-screen__wrapper .information-for-familiarization .agreement .agreement-text {
        font-size: 12px;
    }

    .first-screen__product-page .first-screen__wrapper .information-for-familiarization {
        padding: 15px;
    }
}

/* Document page */

@media screen and (max-width: 1350px) {
    .legal-information .legal-information__wrapper img {
        transform: scale(0.8);
    }

    .swiper .swiper-button-prev {
        left: 63.5%;
    }

    .swiper .swiper-button-next {
        left: 87.5%;
    }

}

@media screen and (max-width: 1250px) {
    .first-screen .first-screen__wrapper {
        margin-top: 0;
    }

    .first-screen__product-page .btns__wrapper {
        max-width: calc(100vw - 16px);
        justify-content: center;
        flex-wrap: wrap;
    }

    .media-1250-flex {
        display: flex !important;
    }

    .legal-information .legal-information__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .legal-information .legal-information__wrapper img {
        margin-top: 0;

    }

    .legal-information .legal-information__wrapper {
        justify-content: flex-start;
    }

    .legal-information .legal-information__wrapper .information h1 {
        text-align: center;
    }

    .bg {
        margin-top: 15px;
    }
}

@media screen and (max-width: 700px) {
    .legal-information .legal-information__wrapper .information h1 {
        font-size: 36px;
    }

    section.video-instructions .content-list-change-btn {
        justify-content: initial;
    }

    .legal-information .legal-information__wrapper .information p {
        font-size: 16px;
    }

    .legal-information .legal-information__wrapper img {
        transform: scale(0.6);
    }
}

@media screen and (max-width: 500px) {

    .first-screen__product-page .container {
        margin-top: 5px;
    }

    .legal-information .legal-information__wrapper .information h1 {
        font-size: 28px;
    }

    .legal-information .legal-information__wrapper img {
        transform: scale(0.7);
    }

    section.video-instructions .content-list-change-btn {
        margin-bottom: 48px;
    }

    section.video-instructions ul.video-tutorials-list li {
        width: 100% !important;
        padding: 0 !important;
        max-width: initial !important;
        min-height: initial !important;
    }

    .bg img {
        transform: scale(0.6);
    }

    h2 {
        font-size: 28px;
    }

    .disclosure-of-information ul li img {
        height: 62px;
        width: 62px;
    }

    section ul li p {
        font-size: 16px;
    }

    section ul li {
        max-width: 345px;
        min-height: 146px;
        padding: 25px 15px;
    }

    section.spotify ul li img {
        width: 62px;
        height: 62px;
    }

    .legal-information .legal-information__wrapper {
        align-items: normal;
        margin-top: 58px;
    }

    section.video-instructions .content-list-change-btn li {
        max-width: 170px;
        min-height: 51px;
        padding: 0;
    }

    section.video-instructions .content-list-change-btn button#prev, section.video-instructions .content-list-change-btn button#next {
        display: none;
    }

    section.video-instructions h1 {
        font-size: 34px;
        margin: 18px 0 24px 0;
    }
}

@media screen and (max-width: 360px) {
    .first-screen .first-screen__wrapper .swiper {
        position: relative;
        left: 0%;
    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text__wrapper .wrapper {
        position: relative;
        left: -4%;
    }
    /*.first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text__wrapper {*/
    /*    margin-left: 55px;*/
    /*}*/
    /*.first-screen a button.slider-btn, .first-screen a {*/
    /*    margin-left: 20px;*/
    /*}*/
    /*.legal-information .legal-information__wrapper img {*/
    /*    transform: scale(0.7);*/
    /*}*/
}

@media screen and (max-width: 400px) {
    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text__wrapper .wrapper {
        position: relative;
        left: -4%;
    }


}

@media screen and (max-width: 369px) {
    .legal-information .legal-information__wrapper img {
        transform: scale(0.7);
    }

    section ul li p {
        font-size: 14px;
    }

    .bg {
        max-width: 279px;
    }

    .bg h2 {
        font-size: 22px;
    }

    .bg img {
        transform: scale(0.5);
    }
}

@media screen and (max-width: 310px) {
    section ul li p {
        font-size: 12px;
    }

    section ul li {
        padding: 10px 5px;
    }

    .legal-information .legal-information__wrapper img {
        transform: scale(0.7);
    }
}

/* Contacts page */

@media screen and (max-width: 1400px) {
    .contacts {
        padding-bottom: 200px;
    }
}

@media screen and (max-width: 950px) {
    .contacts {
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 500px) {
    .contacts h1 {
        font-size: 34px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .contacts .contacts-list .contacts-list-item .item__wrapper .item-text {
        font-size: 16px;
    }

    .second-item-text-noticed {
        font-size: 20px;
    }

    .contacts .container {
        margin-top: 18px;
    }
}

@media screen and (max-width: 400px) {
    .contacts .contacts-list .contacts-list-item .item__wrapper .item-text {
        font-size: 14px;
    }

    .second-item-text-noticed {
        font-size: 18px;
    }
}

@media screen and (max-width: 370px) {
    .divider {
        width: 5px;
    }

    .second-item-text-noticed {
        font-size: 16px;
    }
}

@media screen and (max-width: 350px) {
    .contacts .contacts-list .contacts-list-item .item__wrapper .item-text {
        font-size: 12px;
    }

    .second-item-text-noticed {
        font-size: 14px;
    }
}


/* Payment page */

@media screen and (max-width: 500px) {
    .payment {
        padding-top: 80px !important;
    }

    .payment .payment__wrapper {
        margin-top: 33px;
    }

    .nav {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .first-screen .first-screen__wrapper .swiper {
        max-width: 350px;
        width: 100%;
    }

    .payment .payment__wrapper h1 {
        font-size: 24px;
    }

    .payment .payment__wrapper label {
        font-size: 14px;
    }

    .payment .payment__wrapper button {
        height: 46px;
        font-size: 14px;
    }

    .payment .payment__wrapper {
        padding: 28px;
        justify-content: flex-start;
        height: auto;
        min-height: auto;
    }

    .payment .payment__wrapper .error {
        font-size: 14px;
    }

    .payment .payment__wrapper .info .for-repayment {
        font-size: 14px;
    }

    .payment .payment__wrapper .details .details-item-wrapper p {
        font-size: 12px;
    }

    .status-h1 {
        font-size: 22px;
    }

    .payment .payment__wrapper.failure img {
        width: 52px;
        height: 50px;
    }

    .payment .payment__wrapper .try-again {
        font-size: 14px;
    }

    .payment {


    }
}

@media screen and (max-width: 350px) {
    .payment .payment__wrapper {
        justify-content: flex-start;
        min-height: auto;
    }

    .payment .payment__wrapper h1 {
        font-size: 6vw;
    }

    .payment .payment__wrapper label {
        font-size: 14px;
    }

    .payment .payment__wrapper .info .for-repayment {
        font-size: 12px;
    }

    .payment .payment__wrapper {
        padding: 24px;
    }

    .payment .payment__wrapper .info .tel p {
        font-size: 18px;
    }


    .payment .payment__wrapper input {
        height: 43px;
    }

    .payment .payment__wrapper .details .details-item-wrapper p {
        font-size: 11px;
    }
}

/* Sales page */
@media screen and (max-width: 500px) {
    .payment .payment__wrapper.failure .error-message {
        height: auto;
        font-size: 16px;
    }

    .payment .payment__wrapper.failure .error-message svg {
        width: 143px;
    }

    section.sales {
        padding-top: 90px;
        padding-bottom: 50px;
    }

    section.sales h1 {
        font-size: 34px;
        margin-bottom: 26px;
        margin-top: 12px;
    }

    ul.card__wrapper {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 350px) {
    .payment .payment__wrapper.failure .error-message {
        padding: 16px;
    }

    .payment .payment__wrapper.failure .error-message {
        gap: 8px;
    }

    section.sales {
        padding-top: 65px;
    }
}

/* News page */
@media screen and (max-width: 500px) {
    .warning h3 {
        font-size: 24px;
    }

    section.news {
        padding-top: 90px;
        padding-bottom: 50px;
    }

    section.news h1 {
        font-size: 34px;
        margin-bottom: 26px;
        margin-top: 12px;
    }

    ul.card__wrapper {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 350px) {
    section.news {
        padding-top: 65px;
    }
}

/*Card page*/
@media screen and (max-width: 1050px) {
    section.card-open .card-open__wrapper {
        padding: 0;
    }
}

@media screen and (max-width: 800px) {
    section.card-open .card-open__wrapper h1 {
        font-size: 40px;
        margin-top: 12px;
        margin-bottom: 39px;
    }

    section.card-open .card-open__wrapper h3 {
        margin-top: 32px;
    }

    section.card-open .card-open__wrapper {
        margin-top: 0;
    }
}

@media screen and (max-width: 500px) {
    section.card-open {
        padding-top: 75px;
        min-height: 1100px;
    }

    section.card-open .card-open__wrapper h1 {
        font-size: 32px;
        text-align: left;
    }

    section.card-open .card-open__wrapper h3 {
        font-size: 28px;
        margin-top: 32px;
    }

    section.card-open .card-open__wrapper p {
        font-size: 16px;
        padding: 0 5px;
    }

    section.card-open.card-open-news {
        padding-bottom: 40px;
        min-height: 1042px;
    }
}

@media screen and (max-width: 350px) {
    section.card-open {
        padding-top: 65px;
    }
}

@media screen and (max-width: 300px) {
    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text-title {
        font-size: 18px;
    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text {
        font-size: 12px;
    }

    section.card-open .card-open__wrapper h1 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    section.card-open .card-open__wrapper h3 {
        font-size: 22px;
    }

    section.card-open .card-open__wrapper p {
        font-size: 14px;
    }

    section.card-open.card-open-news {
        min-height: 900px;
    }
}

/*Pagination ul*/
@media screen and (max-width: 470px) {
    .pagination-container #prev-button img {
        display: none;
    }

    .pagination-container #next-button img {
        display: none;
    }

    .pagination-container #next-button #next-button-media-470 {
        display: block;
    }

    .pagination-container #prev-button #prev-button-media-470 {
        display: block;
    }

    #pagination-numbers button {
        font-size: 14px;
    }

    #pagination-numbers {
        column-gap: 16px;
    }
}

@media screen and (max-width: 320px) {
    #pagination-numbers {
        column-gap: 8px;
    }

    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text-title {
        font-size: 18px;
    }
}

/* SEO */
@media screen and (max-width: 500px) {
    .first-screen .first-screen__wrapper .swiper .swiper-slide .slider-text {
        line-height: 18px;
    }
    section.bring-friend .wrapper {
        padding: 32px 16px 0 16px;
    }

    section.bring-friend h2 {
        font-size: 28px !important;
    }

    section.bring-friend ul {
        gap: 24px;
        margin-top: 24px;
    }

    section.bring-friend ul li {
        max-width: fit-content;
        min-height: auto;
        padding: 0;
    }

    section.bring-friend .title-wrapper h3 {
        font-size: 20px;
    }

    .return-money-list {
        margin-top: 32px;
        flex-direction: column;
        align-content: center;
    }

    .return-money-list li {
        gap: 8px;
        min-height: auto;
    }

    .return-money-list li .text {
        text-wrap: balance;
    }

    .return-money-list li img {
        transform: scale(.6);
    }

    h2 {
        font-size: 24px !important;
    }

    section.seo {
        padding: 56px 0;
    }

    section.seo .subtitle {
        font-size: 20px;
    }
}

@media (max-width: 550px) {
    .instagram-modal {
        width: 95vw;
        padding: 24px 16px 32px 16px;
    }

    .instagram-modal .wrapper {
        height: 105vw;
    }
    .instagram-modal .close-modal {
        right: -92%;
        margin-bottom: 24px;
    }
}
@media (max-width: 450px) {
    .instagram-modal .wrapper {
        height: 460px;
    }
}
@media (max-width: 400px) {
    .instagram-modal .wrapper {
        height: 115vw;
    }
}

@media screen and (max-width: 1000px) {
    .header {
        margin-bottom: 50px;
    }
    .promotions-cards__title {
        font-size: 30px;
    }
    .promotions-sidebar {
        max-width: 280px;
    }
    .promotions-sidebar__item .link {
        font-size: 16px;
    }
    .promotions {
        gap: 20px;
    }
}
@media screen and (max-width: 968px) {
    .promotions-cards__title {
        font-size: 28px;
    }
}
@media screen and (max-width: 860px) {
    .header {
        margin-bottom: 40px;
    }
    .promotions {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .promotions__scrollbar {
        display: block;
    }
    .promotions-cards {
        margin-bottom: 50px;
    }
    .promotions-cards__title {
        font-size: 26px;
    }
    .promotions-sidebar {
        max-width: 100%;
        margin-bottom: 50px;
        position: relative;
    }
    .promotions-sidebar__title {
        text-align: center;
        margin-bottom: 20px;
    }
    .promotions-sidebar__wrap {
        display: flex;
        flex-direction: row;
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 30px;
        overflow: hidden;
    }
    .promotions-sidebar__wrap::before {
        display: none;
    }
    .promotions-sidebar__item {
        padding-left: 0;
        min-width: max-content;
    }
}