@media (max-width: 1600px) {
    section.about-us img {
        right: 0;
    }

    .side-up-btn {
        right: 2vw
    }
}

@media (max-width: 1250px) {
    .side-up-btn {
        right: .5vw
    }

    section.about-us.main h2 {
        display: initial;
        text-align: center !important;
    }

    section.about-us img {
        position: initial;
    }

    ul.advantages-list li.advantages-list__item {
        min-height: auto;
    }

    section.about-us {
        text-align: center !important;
        padding: 64px 0;
        padding-top: 96px;
    }

    section.about-us .main-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }

    section.about-us h2 {
        text-align: center;
        margin-top: 0;
    }

    section.about-us .about-us__wrapper {
        flex-direction: column;
        align-items: center;
    }

    header ul {
        gap: 32px;
    }

    section.sales-open .container > .wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.fast-exchange .wrapper {
        flex-direction: column;
    }

    section.fast-exchange .text-wrapper img {
        display: none;
    }

    section.fast-exchange .text-wrapper .text {
        width: auto;
        text-align: center;
    }

    section.fast-exchange .wrapper {
        gap: 48px;
    }

    section.fast-exchange h2 {
        text-align: center;
    }

    section.fast-exchange ul li {
        max-width: 343px;
    }

    section.fast-exchange ul {
        justify-content: center;
    }

    section.first-screen ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    section.first-screen ul li {
        display: inherit !important;
    }

    section.first-screen .list-pagination-btns {
        display: none;
    }

    section.first-screen .wrapper {
        flex-direction: column;
        padding: 48px 24px 0 24px;
        text-align: center;
    }

    section.first-screen .wrapper .btn {
        margin: 0 auto;
        max-width: 283px;
        background: transparent;
        font-family: 'SF Pro Display Medium', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0%;
        color: #FFFFFF;
    }

    ul.advantages-content-wrapper li .text-wrapper {
        text-align: left;
    }

    .get-loan-list {
        flex-direction: column;
    }

    ul.advantages-list {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .side-up-btn {
        right: 2vw;
        width: 60px;
        height: 60px;
    }

    .side-up-btn img {
        width: 60px;
        height: 60px;
    }

    footer .footer-wrapper .wrapper .icon-wrapper {
        margin-inline: auto;
    }

    section.calculation-explain .btn.btn-black.mobile {
        display: block;
    }

    section.calculation-explain .btn.btn-black.desk {
        display: none;
    }

    section.calculation-explain .calculation-explain__wrapper .wrapper {
        align-items: center;
        flex-direction: column;
    }

    section.calculation-explain .title {
        text-align: center;
    }

    section.first-screen {
        background: url("../img/first-screen-mobile-bg.png") bottom right no-repeat, #101C40;
        background-size: 1000px 765px;
        background-position-y: 624px;
    }

    section.first-screen .first-screen-wrapper {
        flex-direction: column;
        gap: 0;
    }

    section.first-screen .first-screen-bg-img {
        display: none;
    }

    section.first-screen .first-screen-bg-img-mobile {
        display: block;
    }

    h1 {
        font-size: 44px;
        text-align: center;
    }

    section.first-screen .subtitle-wrapper {
        text-align: center;
    }

    section.first-screen .text.desktop {
        display: none;
    }

    section.first-screen .text.mobile {
        display: block;
    }

    section.first-screen .text {
        text-align: center;
    }

    footer .footer-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 6px;
    }

    footer ul.social-list {
        display: inherit !important;
    }

    footer ul.social-list {
        justify-content: center;
        margin-bottom: 16px;
    }

    footer ul.social-list.desktop {
        display: none !important;
    }

    footer ul {
        display: none;
    }

    .footer-contacts {
        align-items: center;
    }

    .footer-manager-title {
        text-align: center;
    }

    section.calculator-section .wrapper {
        flex-direction: column-reverse;
        padding: 0;
        gap: 32px;
    }

    section.calculator-section .application-info {
        gap: 32px;
    }

    section.calculator-section .application-info img {
        transform: rotate(90deg);
    }

    section.calculator-section {
        text-align: center;
    }

    section.calculator-section .btn {
        max-width: 343px;
        margin: 0 auto;
    }

    section.calculator-section .wrapper .btn {
        display: none;
    }

    section.registration .wrapper {
        flex-direction: column;
        text-align: center;
        gap: 0;
    }

    section.registration .wrapper .text, section.registration .wrapper h4 {
        margin: 0 auto;
    }

    section.registration .wrapper .condition-wrapper {
        align-items: center;
        justify-content: center;
    }

    section.registration .wrapper .content-wrapper img {
        display: none;
    }

    section.registration .wrapper .btn {
        max-width: 343px;
        width: 100%;
        margin: 0 auto;
    }

    .media-1024 {
        display: inherit !important;
    }

    header .header-wrapper {
        justify-content: flex-start;
        gap: 14px;
    }

    .mobile-header-pay {
        min-width: 104px;
        height: 40px;
        margin-left: auto;
        border-radius: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(145.92deg, #03D9FF 9.35%, #A5DE07 81.45%);
        color: #101C40;
        font-family: 'SF Pro Display Medium', sans-serif;
        font-weight: 600;
        font-size: 15px;
        line-height: 140%;
        text-decoration: none;
    }

    header ul {
        display: none;
    }

    header .btns-wrapper {
        display: none;
    }
}

@media (max-width: 900px) {
    section.help .help__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px;
    }

    section.help h3 {
        text-align: center !important;
    }

    section.help .wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section.about-us .advantages-list .application-item.mobile {
        display: flex;
        margin-top: -40px;
    }

    section.about-us {
        padding-bottom: 90px;
    }

    section.about-us .advantages-list .application-item.desktop {
        display: none !important;
    }

    section.about-us .advantages-list {
        flex-direction: column;
        gap: 24px;
    }

    section.about-us .list-title {
        position: initial !important;
        margin: 24px 0 90px 0;
    }

    section.about-us .advantages-list li {
        position: initial !important;
    }
}

@media (max-width: 768px) {
    section.about-us.main img {
        width: 100%;
    }

    section.help .wrapper {
        padding: 32px;
    }

    section.exchange .exchange-rate-wrapper {
        gap: 8px;
    }

    section.exchange .exchange-wrapper .mobile {
        display: block;
    }

    section.first-screen .wrapper img {
        width: 100%;
    }

    section.contacts .container .contacts-wrapper > .wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.contacts .input-wrapper .content-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.contacts .input-wrapper .text-wrapper img {
        transform: rotate(90deg);
    }

    section.contacts .input-wrapper {
        align-items: center;
    }

    .single-section-page .page-nav {
        margin-bottom: 24px;
    }

    .single-section-page h2 {
        margin-bottom: 24px;
    }

    section.socials ul {
        gap: 40px;
    }


}

@media (max-width: 500px) {
    section.socials {
        padding: 48px 0;
    }

    section.help h3 {
        font-size: 24px;
    }

    section.fast-exchange {
        padding-bottom: 48px;
    }

    section.help .wrapper {
        padding-top: 0;
    }

    section.about-us {
        padding-bottom: 24px;
    }

    section.about-us {
        padding-top: 64px;
    }

    section.about-us .main-img {
        width: 100%;
    }

    section.about-us.single-section-page h2 {
        font-size: 32px;
    }

    section.first-screen {
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .list-pagination-btns {
        justify-content: center;
    }

    .rs-full .rs-tooltip {
        top: 118px;
    }

    .rs-full .rs-tooltip.rs-hover {
        top: 117px;
    }

    section.first-screen .first-screen-wrapper {
        gap: 0;
    }
    .side-up-btn {
        right: 4vw;

    }
    section.first-screen .title-wrapper {
        padding: 10px;
    }

    h1 {
        text-align: center;
    }

    section.exchange .exchange-wrapper {
        background: url("../img/exchange-mobile-bg.png") center center/cover no-repeat, #00192F;
        background-size: cover;
        padding: 42px 16px 450px 16px;
        padding-bottom: 300px;
    }

    section.exchange .exchange-rate-wrapper {
        gap: 0;
    }

    section.exchange h2 {
        font-size: 32px;
    }

    .single-section-page {
        padding-top: 64px;
    }

    section.sales-open {
        padding-bottom: 120px;
    }

    section.contacts .input-wrapper {
        margin-top: 24px;
    }

    section.first-screen .wrapper {
        border-radius: 30px;
    }

    section {
        padding: 48px 0;
    }

    .calculator .application-info .text {
        font-size: 17px;
    }

    .calculator {
        padding: 16px;
    }

    h4 {
        font-size: 22px;
    }

    section.feedback {
        text-align: center;
    }

    section.feedback ul li .text {
        text-align: left;
    }

    section.registration .content-wrapper {
        gap: 16px;
    }

    section.registration .content-wrapper h2 {
        margin: 0 auto;
    }

    section.registration .wrapper img {
        width: 100%;
    }

    .container {
        padding: 0 16px;
    }

    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 32px;
        line-height: 120%;
    }

    section.first-screen .wrapper .text {
        font-size: 24px;
        line-height: 140%;
    }

    header {
        height: 48px;
        background: #101C40;
        box-shadow: 0px 10px 30px 0px #0000000F;

    }

    section.privacy-policy h2 {
        font-size: 22px;
    }

    section.first-screen ul {
        margin-top: 48px;
    }

    header img {
        width: 120px;
    }

    section.safety ul li {
        min-height: auto;
    }

    section.feedback {
        padding: 64px 0;
    }

    section.blog-open {
        text-align: left;
    }

    section.blog-open .date {
        margin: 16px 0;
    }

    section.blog-open .text-wrapper {
        gap: 32px;
    }

    section.calculation-explain .calculation-explain__wrapper {
        gap: 40px;
    }

    section.calculation-explain {
        background: #FFFFFF;
        padding: 60px 0;
    }

    section.calculation-explain .calculation-explain__wrapper {
        border: none;
        padding: 0;
    }

    section.calculation-explain .calculation-explain__wrapper .wrapper .right {
        gap: 0;
    }

    section.calculation-explain .calculation-explain__wrapper #up-btn {
        margin-top: 0;
    }

    section.calculation-explain .text {
        font-size: 16px;
    }

    section.blog-open {
        padding-bottom: 140px;
    }

    section.sales-blog ul li .wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 12px;
    }

    section.sales-blog ul li .wrapper img {
        display: none;
    }

    section.sales-blog ul li .wrapper img.mobile {
        display: block;
    }

    section.faq ul.faq-list li {
        padding: 24px;
    }
}

@media (max-width: 450px) {
    section.sales-open .container > .wrapper img {
        width: 100%;
    }

    section.payment .payment-wrapper {
        margin-top: 60px;
    }

    section.payment .payment-by-card-wrapper {
        margin-top: 60px;
    }

    section.payment .payment-by-card-wrapper #payment-by-card-first-step ul {
        gap: 24px;
        margin-top: 24px;
    }

    #payment-by-card-how-to-pay-step ul li {
        max-width: 500px !important;
        width: 100%;
    }
}

@media (max-width: 425px) {
    section.sales-blog ul li a > img {
        width: 100%;
    }

    section.sales-blog ul {
        padding-bottom: 80px;
    }

    section.first-screen .wrapper {
        padding: 48px 12px 0 12px;
    }
}

@media (max-width: 400px) {


    .calculator-wrapper {
        transform: scale(.9);
    }
}

@media (max-width: 350px) {
    .calculator {
        width: 325px;
    }

    section.sales-open {
        padding-bottom: 100px;
    }

    section.blog-open {
        padding-bottom: 100px;
    }

    section.contacts .btn {
        height: 60px;
    }

    section.first-screen ul li {
        gap: 16px;
    }
}

@media (max-width: 321px) {
    .calculator {
        width: 315px;
    }
}

@media (max-width: 640px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    header .header-wrapper {
        min-height: 48px;
    }

    .side-menu {
        top: 0;
        width: min(86vw, 320px);
        min-height: 100vh;
    }

    .side-menu .side-menu-header {
        min-height: 56px;
    }

    .side-menu .side-menu__wrapper {
        padding: 28px 24px;
    }

    .side-menu .side-menu__wrapper ul {
        align-items: flex-start;
        text-align: left;
    }

    .side-menu .side-menu__wrapper ul li {
        text-align: left;
    }

    .side-menu .side-menu__wrapper ul a {
        max-width: none;
        font-size: 20px;
        text-align: left;
    }

    .side-menu .side-menu__wrapper .btns-wrapper {
        align-items: stretch;
    }

    .side-menu .side-menu__wrapper .btns-wrapper .header-transparent-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        width: 100%;
        border: 2px solid #A5DE07;
        border-radius: 32px;
        background: transparent;
        color: #A5DE07;
        font-family: 'SF Pro Display Medium', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 140%;
    }

    .mobile-header-pay {
        min-width: 96px;
        height: 36px;
        font-size: 14px;
    }

    section.first-screen {
        padding-top: 72px;
        padding-bottom: 44px;
        overflow: hidden;
        background-size: 720px auto;
        background-position: center 300px;
    }

    section.first-screen .first-screen-wrapper {
        gap: 22px;
    }

    section.first-screen .info-wrapper,
    section.first-screen .calculator-wrapper {
        position: relative;
        z-index: 1;
    }

    section.first-screen h1 {
        background: none;
        color: #03D9FF;
        -webkit-text-fill-color: #03D9FF;
        font-size: 38px;
        line-height: 1.15;
    }

    section.first-screen .title-wrapper {
        margin: 18px 0 0;
        border-radius: 28px;
    }

    section.first-screen .subtitle-wrapper {
        padding: 16px 14px;
        font-size: 22px;
        line-height: 1.35;
    }

    section.first-screen .first-screen-bg-img-mobile {
        position: absolute;
        z-index: 0;
        top: 410px;
        right: 20px;
        width: 160px;
        opacity: 0.65;
        pointer-events: none;
    }

    .calculator-wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
        flex: 0 1 auto;
        padding: 10px;
        border-radius: 30px;
        transform: none !important;
    }

    .calculator {
        width: 100%;
        max-width: 343px;
        border-radius: 30px;
        gap: 18px;
        padding: 12px;
    }

    .calculator .pie-slider-wrapper {
        min-height: 220px;
        margin-top: 0;
    }

    .calculator .sum-input-wrapper {
        top: 116px;
        width: 102px;
        height: 102px;
    }

    .calculator .sum-input-wrapper .sum-input-content {
        width: 78px;
        height: 78px;
    }

    .calculator .sum-input-wrapper .sum-input-content .calculator-current-value {
        font-size: 20px;
    }

    .calculator .exchange-rate {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: -16px;
        text-align: center;
    }

    .calculator .exchange-rate.usdt-rate {
        margin-top: -2px;
    }

    .calculator .btn {
        max-width: 100%;
        height: 46px;
        margin: 0;
        font-size: 16px;
    }
}

@media (max-width: 390px) {
    section.first-screen h1 {
        font-size: 35px;
    }

    section.first-screen .subtitle-wrapper {
        font-size: 20px;
    }

    .calculator-wrapper {
        padding: 8px;
    }
}
