@media (max-width: 1200px) {
    .container {
        max-width: 992px;
    }

    .advantages_block {
        justify-content: center;
        gap: 16px;
    }

    .main_img {
        max-width: 485px;
    }

    .progress_steps {
        padding-inline: 130px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 768px;
    }

    .header_left {
        gap: 24px;
    }

    .header_right {
        gap: 12px;
    }

    .main_h1 {
        font-size: 46px;
    }

    .img_btn img {
        width: 80%;
    }

    .deposit_calc form {
        flex-wrap: wrap;
    }

    .deposit_calc-second {
        width: 100%;
    }

    footer .feedback_block .feedback_numbers,
    .about_sqbMobile {
        gap: 32px;
    }

    footer .feedback_block .feedback_messengers {
        text-align: start;
    }

    .main_links {
        gap: 60px;
    }

    .main_links-third_column .helpline_block-item {
        gap: 37px;
    }

    .sqbMobile_iso {
        text-align: start;
    }

    .sqbMobile_iso .footer_iso {
        justify-content: start;
    }

    .footer_link-lists {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: max-content;
    }

    .banner-header {
        padding-top: 147px;
    }

    .deposit_calc {
        flex-direction: column;
    }

    .microloan {
        grid-template-columns: 1fr 1fr;
    }

    .calc_block_wrapper {
        grid-template-columns: 1fr;
    }

    .white_calc_block {
        border-radius: 12px 12px 0px 0px;
    }

    .blue_calc_block {
        border-radius: 0px 0px 12px 12px;
    }

    .microloan_advantages_block {
        width: 100%;
    }

    .custom_dropdown {
        width: 100%;
    }

    .selected_model {
        font-size: 24px;
    }

    .css_accordions.car_selects {
        display: grid;
        grid-template-columns: 30% 1fr;
    }

    .progress_steps {
        padding-inline: 90px;
    }

    .additional_block_img {
        position: relative;
    }
    .additional_block-wrapper {
        flex-direction: column;
        padding: 0;
    }
    .additional_block-content {
        padding: 36px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 576px;
    }

    .navigation_list,
    .header_right_items {
        display: none;
    }

    .main {
        flex-direction: column;
    }

    .main_img {
        bottom: 0;
        display: none;
    }

    .main_h1 {
        font-size: 32px;
        font-weight: 700;
    }

    .main_p {
        font-size: 14px;
        font-weight: 400;
    }

    .special_features-item.burger_wrapper {
        display: block;
        border-radius: 100%;
        border: 1px solid;
        padding: 11px;
        color: #777E90;
        border-color: #E6E8EC;
        width: 39px;
        height: 38px;
    }

    .phone_number {
        display: flex;
        align-items: center;
    }

    .main_text {
        width: 100%;
    }

    .microloan {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: max-content;
        gap: 16px;
    }

    .callBackForm_title {
        font-size: 36px;
    }

    .callBackForm_subtitle {
        font-size: 14px;
    }

    .premium_btn {
        margin-top: 15px;
    }

    .callBackForm .form_content {
        grid-template-columns: 1fr;
    }

    .advantages_block {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 200px;
    }

    .qulay_blocks {
        flex-wrap: wrap;
    }

    .gtk_block {
        flex-direction: column;
    }

    .main_img_mobile {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 410px;
    }

    .credit_steps_block {
        gap: 10px;
    }

    .small_text_block_wrapper {
        grid-template-columns: 100%;
        padding: 30px 20px;
        gap: 20px;
    }

    .big_text_block_wrapper {
        padding: 30px 20px;
    }

    .text_block_title {
        max-width: 100%;
    }

    .catalog__tabs {
        border-radius: 14px;
    }

    .catalog__tab {
        padding: 8px 0;
        border-radius: 8px;
    }


    .selected_model {
        font-size: 17px;
    }

    .css_accordions.car_selects {
        display: grid;
        grid-template-columns: 40% 1fr;
    }

    .white_calc_block,
    .blue_calc_block {
        padding: 24px;
    }

    .progress_steps {
        padding-inline: 65px;
    }

}

@media (max-width: 576px) {
    .main_img {
        max-width: 360px;
    }

    .advantages_h3 {
        font-size: 18px;
    }

    .advantages_p {
        font-size: 14px;
    }

    .apply_h1 {
        font-size: 24px;
    }

    .microloan_h3 {
        font-size: 12px;
    }

    .microloan_text {
        font-size: 18px;
    }

    .bank_img {
        width: 32px;
        height: 32px;
    }

    .microloan_joyda_text {
        font-size: 18px;
    }

    .joyda_h3 {
        font-size: 12px;
    }

    .joyda_btn {
        display: none;
    }

    .joyda_btn-2 {
        display: block;
    }

    .how_to-get {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .how-to_h3 {
        font-size: 12px;
    }

    .steps_text {
        font-size: 14px;
    }

    .step {
        width: 32px;
        height: 32px;
        font-weight: 400;
    }

    .microloan_text_blue {
        font-size: 18px;
    }

    .how-to_h3_blue {
        font-size: 12px;
    }

    .callBackForm_wrapper {
        padding: 60px 30px;
    }

    footer {
        padding-top: 74px;
    }

    footer .feedback_block {
        padding: 32px 36px;
    }

    footer .feedback_block .feedback_numbers .feedback_number-wrapper .feedback_number {
        font-size: 32px;
    }

    footer .feedback_block .feedback_numbers .feedback_number-wrapper .feedback_title {
        font-size: 14px;
    }

    .footer_logo img {
        width: 158px;
    }

    footer .main_links-left {
        flex-wrap: wrap;
        gap: 48px;
    }

    .footer_link-lists {
        grid-template-columns: 100%;
    }

    .about_sqbMobile .sqbMobile_download {
        flex-wrap: wrap;
    }

    footer .footer_wrapper {
        gap: 48px;
    }

    .address_items {
        margin-top: 36px;
        flex-direction: column;
    }

    .main_links-third_column .helpline_block-item {
        flex-wrap: wrap;
    }

    .footer_list {
        gap: 11px;
    }

    .main_links {
        flex-direction: column;
    }

    .headed_blocks {
        grid-template-columns: 100%;
    }

    .deposit_calc-second {
        min-width: 100%;
    }

    .deposit_calc .deposit_calc-first {
        padding: 20px;
    }

    .more-padding {
        padding: 20px;
    }

    .just_text {
        grid-column: auto;
    }

    .deposit_calc button {
        grid-column: auto;
    }

    .main_img_mobile {
        position: relative;
        width: 100%;
        padding-bottom: 40px;
    }

    .main_text {
        position: absolute;
        z-index: 1;
        bottom: 108px;
        padding-inline: 15px;
    }

    .main_h1 {
        font-size: 28px;
        color: #EBF7FF;
        text-align: center;
    }

    .advantages_block {
        position: absolute;
        grid-template-columns: 100%;
        margin: 0;
        padding: 40px 22px;
        width: 100%;
        left: 0;
        bottom: 0;
        transform: translateY(calc(100% - 50px));
        gap: 20px;
        background-color: #FFFFFF;
        border-radius: 12px;
    }

    .main_wrapper {
        position: static;
    }

    .colour {
        position: relative;
    }

    .microloan_advantages_block {
        padding: 0;
        display: flex;
        gap: 12px;
        flex-direction: row-reverse;
        justify-content: start;
        background-color: unset;
        border: none;
        border-radius: 0;
    }

    .loan_calc {
        padding-top: 400px;
    }

    .loan_calc .container,
    .credit_steps .container {
        padding: 0;
    }

    .main_btn {
        width: 100%;
        margin-top: 20px;
    }

    .calc_section_h2 {
        font-size: 28px;
        line-height: 100%;
        text-align: center;
    }




    .microloan_advantages_block {
        width: 100%;
    }

    .main_wrapper {
        margin-top: 45px;
    }

    .steps_wrapper {
        display: flex;
        background-color: #FFFFFF;
        border-radius: 12px;
        padding: 40px 18px;
        margin-top: 40px;
        gap: 18px;
    }

    .progress_steps {
        flex-direction: column;
    }

    .step_number {
        display: none;
    }

    .step_img {
        display: block;
    }

    .credit_steps_item_img {
        display: none;
    }

    .credit_steps_block {
        flex-direction: column;
        gap: 20px;
        margin-top: 0;
    }

    .credit_steps_item_h3 {
        margin-top: 0;
    }

    .credit_steps_item {
        width: 100%;
        text-align: start;
        padding: 0;
    }

    .credit_steps_item_text {
        max-width: 100%;
    }

    .step_img {
        max-width: 62px;
    }

    .step {
        background-color: unset;
    }

    .line {
        width: 2px;
        height: 100%;
    }

    .progress_steps {
        gap: 0;
        margin-top: 0;
        margin-bottom: 50px;
    }

    .credit_steps_item {
        border-radius: 0;
        background-color: unset;
    }

    .block_with_percent {
        grid-template-columns: 100%;
        gap: 12px;
    }

    .info_text_block {
        grid-template-columns: 100%;
        gap: 8px;
    }

    .info_text_block+.info_text_block {
        margin-top: 24px;
    }

    .file_download_wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .file_dwnld {
        text-align: center;
    }

    .catalog__tabs {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 24px;
    }

    .catalog__tab {
        padding: 12px;
    }

    .catalog__content {
        margin-top: 0;
    }


    .white_calc_block,
    .blue_calc_block {
        padding: 30px 18px;
    }

    .css_accordions.car_selects {
        grid-template-columns: 100%;
    }

    .loan_term_wrapper {
        flex-direction: column;
    }

    .term_block {
        max-width: 100%;
    }

    .loan_term_wrapper {
        margin-top: 40px;
    }

    .loan_term_wrapper {
        gap: 80px;
    }

    .blue_block_titles,
    .permonth_payment {
        text-align: center;
        justify-content: center;
    }

    .take_loan_box {
        flex-direction: column;
    }

    .take_loan {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .credit_steps_h2 {
        font-size: 28px;
    }

    .form_response .form_wrapper img {
        max-width: 85px;
    }

    .form_response .form_wrapper {
        gap: 24px;
    }

    .form_response .modal_title {
        font-size: 28px;
    }

    .form_response .modal_subtitle {
        font-size: 14px;
    }

    .progress_steps {
        padding-inline: 0;
    }

    .additional_block-content {
        padding: 24px 15px;
    }
    .additional_block-btns {
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .additional_block-title {
        font-size: 28px;
        text-align: center;
    }
    .aditional_block .container {
        padding: 0;
    }
}

@media (max-width: 360px) {
    .main_img {
        width: 270px;
    }

    .callBackForm_wrapper {
        padding: 50px 30px;
    }

    .footer_lang {
        display: none;
    }

    .footer_list {
        flex-wrap: wrap;
    }

    .progress_steps {
        margin-bottom: 57px;
        margin-top: 10px;
    }
}