@media (max-width: 1440px) {
    section.tariff-plans ul {
        justify-content: flex-start;
    }

    section.about-us img.mobile {
        right: 190px;
    }
}

@media (max-width: 1250px) {
    section.what-we-offer ul {
        justify-content: center;
    }

    header .logo {
        margin: 0;
    }

    section.what-we-offer ul {
        flex-direction: column;
        gap: 48px;
        justify-content: center;
        align-items: center;
    }

    section.about-us .wrapper {
        flex-direction: column;
        gap: 24px;
    }

    section.about-us {
        background: #0C0C11;
    }

    section.about-us .mobile {
        display: block;
        position: initial !important;
        width: 600px;
    }

    section.about-us .desktop {
        display: none !important;
    }

    section.why-we .container>.wrapper {
        flex-direction: column-reverse;
    }

    section.why-we .mobile {
        display: block;
        max-width: 345px;
        width: 100%;
    }

    section.why-we .desktop {
        display: none !important;
    }

    section.why-we .btn.mobile {
        display: block;
    }

    .trust__list {
        max-width: 100%;
    }

    .trust__item {
        flex-direction: column;
        text-align: center;
        justify-content: start;
    }

    .promotions__item .promotion__addedImg {
        width: 300px;
    }

    .promotions__item.first p.h3 {
        font-size: 22px;
        max-width: 420px;
    }

    .promotions__subtitle {
        max-width: 420px;
    }
}

@media (max-width: 1025px) {
    section.lk-notice {

        padding-bottom: 0 !important;
    }

    header nav {
        display: none;
    }

    header .container .wrapper>.select-dropdown {
        display: none;
    }

    header .container .wrapper>.header-btn {
        display: none;
    }

    header .media-1024 {
        display: block;
    }

    footer .footer-wrapper {
        flex-direction: column;
    }

    footer .work-time {
        text-align: center;
        max-width: 374px;
    }

    footer .contacts ul {
        justify-content: center;
        align-items: center;
    }

    footer .contacts {
        text-align: center;
    }

    footer .footer-details .wrapper {
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }

    footer .footer-details {
        flex-direction: column;
    }

    footer .footer-details .socials {
        margin-top: 24px;
    }

    .trust__list {
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }

    .promotions__item .promotion__addedImg {
        z-index: 0;
    }
}

@media (max-width: 780px) {
    .promotions__item.first {
        background-image: url("../img/promoMobBG.webp");
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 45px 20px;
    }

    .promotions__item .promotion__addedImg {
        position: static;
        width: 100%;
        margin-top: 20px;
        z-index: 5;
    }

    .promotions__item.first .promotions__link {
        position: static;
        width: 100%;
        margin-top: 180px;
    }

    .promotions__advantages {
        bottom: 160px;
        top: auto;
        z-index: 7;
        left: 15px;
    }
}

@media (max-width: 700px) {

    section.first-screen {
        padding-bottom: 220px;
    }

    section.why-we img {
        width: 100%;
    }

    section.about-us .wrapper .left-side {
        width: 100%;
    }

    section.about-us .mobile {
        width: 100%;
    }

    h1 {
        font-size: 38px;
        line-height: 120%;
    }

    .promotions .tariffPlans__title {
        background-position-x: 0px;
    }

    .promotions__item {
        min-height: 530px;
    }

    .promotions__item.second {
        padding-top: 20px;
        background-image: url("../img/promoMobBg2.webp");
        background-position-y: 0;
        padding-left: 15px;
    }

    .promotions__item .promotion__addedImg {
        left: calc(50% - 130px);
    }

    .promotions__item.first .h3,
    .promotions__item.second .h3 {
        font-size: 24px;
    }

    .promotions__link {
        width: calc(100% - 64px);
        left: 32px;
    }

    .trust__title {
        background-size: 42%;
        background-position: 55px 38px;
    }

    .feedbacks__title {
        padding: 30px 0;
    }

    .trustBr {
        display: inline;
    }

    .promotions__advantages {
        bottom: 100px;
        top: auto;
        z-index: 7;
        left: 15px;
    }

    .popup {
        align-items: start;
        z-index: 1001;
        padding-left: 10px;
        padding-right: 10px;
    }

    .contactsList {
        gap: 24px;
    }

    .contacts-block__mapWrap {
        height: 450px;
    }
}

@media (max-width: 500px) {
    section.lk-notice {
        padding-top: 160px !important;
    }

    section.lk-notice .btn {
        max-width: 375px;
        width: 100%;
    }

    section.lk-notice .text {
        font-size: 14px;
        line-height: 20px;
    }

    section.what-we-offer ul img {
        display: none;
    }

    section.what-we-offer ul img.mobile {
        display: block;
        width: 40px;
        height: 40px;
    }

    section.what-we-offer ul .name-wrapper {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .side-menu {
        top: -35px;
    }

    section.first-screen {
        padding-top: 140px;
        background: url("../img/first-screen-bg-mobile.png") center center/cover no-repeat, #0C0C11;
    }

    footer {
        padding-top: 48px;
    }

    section.first-screen {
        padding-bottom: 160px;
    }

    h1 {
        font-size: 32px;
        line-height: 120%;
    }

    section.what-we-offer ul li .name {
        font-size: 24px;
    }

    section.what-we-offer ul li img {
        width: 64px;
    }

    section.what-we-offer ul {
        gap: 64px;
    }

    section.what-we-offer ul li {
        gap: 12px;
        min-height: auto;
    }

    footer .footer-wrapper nav {
        flex-direction: column;
        gap: 16px;
    }

    footer .footer-wrapper nav ul {
        align-items: center;
    }

    h2 {
        font-size: 28px;
        line-height: 120%;
    }

    h4 {
        font-size: 32px;
        line-height: 130%;
    }

    section.faq h2 {
        text-align: left;
    }

    section.faq .text {
        text-align: left;
    }

    section {
        padding: 64px 0;
    }

    h3 {
        font-size: 28px;
        line-height: 120%;
    }

    .bank-info__window {
        padding: 16px;
    }

    .bank-info__window h3 {
        font-size: 24px;
    }

    .info-row .label {
        font-size: 14px;
    }

    .info-row .label.short {
        max-width: 90px;
    }

    .info-row .dots {
        height: 0.4em;
    }

    .info-row .value {
        font-size: 14px;
    }

    .value-group .copy-btn img {
        width: 18px;
    }

    .tariffPlans__title {
        font-size: 28px;
        padding: 30px 0;
        background-position: calc(50%);
    }

    .about-us .h3 {
        font-size: 28px;
        line-height: 120%;
    }

    .bank-info__window h1.h3 {
        font-size: 24px;
    }

    .feedbacks__slide {
        width: 295px;
        height: 270px;
    }

    .feedback__text {
        font-size: 16px;
    }
}

@media (max-width: 350px) {
    section.tariff-plans ul li {
        padding: 24px;
    }

    .bank-info__window {
        padding: 16px 10px;
    }

    .bank-info__window h3 {
        font-size: 20px;
    }

    .info-row .label {
        font-size: 12px;
    }

    .info-row .value {
        font-size: 12px;
    }

    .bank-info__payLink {
        width: 90%;
        margin: 16px auto;
    }
}