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

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        --aous-aw-content-padding: 2rem;
        padding-inline: 1rem;
    }

    section {
        min-height: unset;
    }

    .header_section h1 {
        font-size: 1.75rem;
        text-align: center;
    }

    .main_navbar {
        position: relative;
        height: unset;
        z-index: 99999999;
    }

    .main_navbar .navbar_area .links {
        display: none;
    }

    .main_navbar .navbar_area .links.end_links {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .main_navbar .navbar_area .fill_link {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }

    .main_navbar .navbar_area .links.end_links img {
        width: 25px;
        height: 25px;
    }

    .hero_section {
        grid-template-columns: 1fr;
        padding-top: 2rem;
        align-items: flex-start;
    }

    .hero_section .text_area {
        padding-top: 0;
        z-index: 999;
    }

    .hero_section .text_area h1 {
        font-size: 2.25rem;
        margin-bottom: 1.5rem;
        line-height: 1.2;
    }

    .hero_section.book_now_content .text_area h1 {
        width: 100%;
    }

    .hero_section .text_area p {
        width: 100%;
        margin-bottom: 3rem !important;
        display: inline-block;
    }

    .hero_section .text_area .hero_action {
        flex-direction: column;
        gap: 0.5rem;
    }

    .hero_section .hero_action .btn-transparent,
    .hero_section .text_area .hero_action a.btn_main {
        width: 100%;
    }

    .hero_section .text_area .credit_features_info {
        flex-direction: column;
        align-items: start;
    }

    .hero_section .text_area .credit_features_info li {
        display: grid;
        grid-template-columns: 5% 80%;
        align-items: start;
        gap: 5%;
        width: 100%;
    }

    .hero_section .silder_image_area {
        margin-top: 2rem;
        display: flex;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .hero_section .silder_image_area .silder_image_links {
        flex-direction: column;
    }


    .hero_section .silder_image_area .silder_image_links a {
        width: 100%;
    }

    .hero_section .silder_image_area .img_content {
        min-height: 358px;
    }

    .hero_section .credit_card_area {
        padding-top: 2rem;
    }

    .hero_section .credit_card_area::before,
    .hero_section .credit_card_area::after {
        width: 100%;
    }

    .hero_section .credit_card_area .credit_card_content {
        width: 100%;
        height: 13.5rem;
    }

    .hero_section .credit_card_area .credit_card_content .numbers_card {
        padding-top: 1.25rem;
    }

    .hero_section .credit_card_area .credit_card_content .numbers_card .numbers {
        font-size: 1.5rem;
    }

    .hero_section .credit_card_area .credit_card_content .date_card {
        padding-top: 1.5rem;
    }

    .hero_section .credit_card_area .note_credit {
        margin-right: unset
    }

    .hero_section .credit_card_area .customer_name_content {
        width: 100%;
    }

    .services_area {
        padding-block: 4rem;
    }

    .service_cards_book_now {
        margin-top: 0rem;
    }

    .services_area .service_cards_area {
        grid-template-columns: 1fr;
    }

    .services_area .service_cards_area.book_now_page {
        display: flex;
        flex-direction: column-reverse;
    }

    .services_area .service_cards_area .title_description::after {
        width: 100%;
    }

    .services_area .service_cards_area .title_description h1 {
        font-size: 2.25rem;
    }

    .services_area .service_cards_area.book_now_page .title_description {
        margin-top: 0rem;
    }

    .services_area .service_cards_area .service_cards {
        grid-template-columns: 1fr;
    }

    .services_area .service_cards_area.book_now_page .service_cards {
        margin-top: 3rem;
    }

    .services_area .service_cards_area .title_description a {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .gallery_section {
        margin-bottom: 2rem;
        margin-top: 0;
    }

    .gallery_section::before {
        content: unset
    }

    .gallery_section img {
        width: 100% !important;
        height: 25rem;
    }

    .gallery_section .text_header_area {
        margin-left: 0;
    }

    .gallery_section .text_header_area h1 span,
    .gallery_section .text_header_area h1 {
        font-size: 2.25rem;
        width: 100%;
    }

    .gallery_section .text_header_area p {
        width: 100%;
    }

    .services_tabs {
        padding-top: 2rem;
    }

    .services_tabs .service_links {
        align-items: start;
        gap: 1.25rem;
        flex-direction: column;
    }

    .services_tabs .service_links a.active::after {
        bottom: -6px;
    }

    .services_tabs .service_body_content {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding-top: 2rem;
    }

    .services_tabs .service_body_content .text_content .service_title {
        font-size: 1.75rem;
        margin-bottom: 1.25rem;
    }

    .services_tabs .service_body_content .img_content {
        position: absolute;
        inset: 0;
        opacity: .1;
        margin-top: 0;
        margin-top: 2rem;
        z-index: -1;
    }

    .services_tabs .service_body_content .img_content img {
        border-radius: 0;
        height: 100%;
        object-fit: cover;
    }

    .services_tabs .service_body_content .text_content a {
        padding: 0.7rem 1.4rem;
        width: 100%;
        justify-content: center;
    }

    .services_tabs .service_body_content .text_content .details_btn_area {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: 0.25rem;
    }

    .step_get_credit_area .step_get_credit_content {
        grid-template-columns: 1fr;
    }

    .step_get_credit_area .step_get_credit_content .left_content::after {
        width: 100%;
    }

    .step_get_credit_area .step_get_credit_content .left_content h1 {
        font-size: 2.25rem;
    }

    .step_get_credit_area .step_get_credit_content .left_content .action_tools {
        position: relative;
        z-index: 99;
    }

    .step_get_credit_area .step_get_credit_content .left_content .action_tools a {
        width: 100%;
    }

    .card_steps .card_step:nth-of-type(1) {
        width: 100%;
    }

    .card_steps .card_step:nth-of-type(3) {
        width: 90%;
    }

    .card_steps .card_step:nth-of-type(5) {
        width: 90%;
    }

    .card_steps .card_step:nth-of-type(7) {
        width: 100%;
    }

    .banca_works {
        padding-top: 4rem;
    }

    .cookies_area p {
        font-size: 1rem;
    }

    .cookies_area .col,
    .cookies_area .col-auto,
    .cookies_area button {
        width: 100%;
    }

    .app_footer .app_footer_content .content_copyright {
        flex-direction: column;
        align-items: start;
        gap: 2rem;
    }

    .faqs_section {
        padding-block: 4rem;
    }

    .faqs_section .question_area {
        grid-template-columns: 1fr;
    }

    .online_area {
        padding-top: 1rem;
    }

    .online_area .options_area {
        grid-template-columns: 1fr;
    }

    .links_area_mobile {
        display: block;
        background-color: #02040f;
        padding-block: 0.75rem;
        border-radius: 10px;
    }

    .online_area .options_area .links_area {
        display: none;
    }

    .online_area .options_area .body_content {
        width: 100%;
        margin: unset;
    }

    .question_title h1 {
        font-size: 1.1rem;
        font-weight: 600;
    }

    .question_title .avatar_content {
        margin: 1rem auto;
    }

    .question_title span {
        font-size: 1rem;
    }

    .result_message_area,
    .progress_request_area,
    .online_area .contact_info_area {
        width: 100%;
    }

    .book_now_content .text_area .credit_features_info li {
        grid-template-columns: 1fr;
    }

    .book_now_content .text_area .credit_features_info li svg {
        display: none;
    }

    .book_now_content a.btn_main {
        width: 100%;
    }

    .list_languages {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .service_details {
        padding-top: 2rem;
        width: 100%;
    }

    .service_details h1 {
        font-size: 1.75rem;
    }

    .service_details h2 {
        margin-top: 4.5rem;
    }

    .service_details .the_canvas_area {
        z-index: -1;
        left: 0;
    }

    .auth_area .auth_content {
        width: 100%;
    }

    .profile_area {
        padding-top: 2rem;
    }

    .profile_area .profile_content {
        display: block;
    }

    .profile_content .list_content {
        margin-bottom: 2rem;
    }

    .profile_area .recommendation_program_area {
        padding-bottom: 5rem;
    }

    .profile_area .invitation_link_area .link_details {
        display: grid;
        grid-template-columns: 8% 1fr;
    }

    .profile_area .invitation_link_area .link_details span {
        display: grid;
        grid-template-columns: 1fr 10%;
    }

    .profile_area .invitation_link_area .link_details span svg {
        --aous-aw-icon-size: 1.25rem !important;
    }

    .profile_area .change_password_area button {
        width: 100%;
        color: white;
        background-color: #846cc0;
    }

    .referral_program {
        padding-top: 3rem;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .gallery_area .item {
        margin: 0 12px 60px;
        width: 260px;
        height: 360px;
    }

    .gallery_area .item.active {
        width: 400px;
    }

    .gallery_area .item-desc {
        transform: translateY(calc(100% - 46px));
        -webkit-transform: translateY(calc(100% - 46px));
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .gallery_area .item {
        margin: 0 12px 60px;
        width: 240px;
        height: 330px;
    }

    .gallery_area .item.active {
        width: 360px;
    }

    .gallery_area .item-desc {
        transform: translateY(calc(100% - 42px));
        -webkit-transform: translateY(calc(100% - 42px));
    }
}

@media (max-width: 767px) {

    .gallery_area .item {
        margin: 0 15px 40px;
        width: 200px;
        height: 280px;
    }

    .gallery_area .item.active {
        width: 270px;
        box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.25);
    }

    .gallery_area .item-desc {
        padding: 0 14px 5px;
        transform: translateY(calc(100% - 42px));
        -webkit-transform: translateY(calc(100% - 42px));
    }

    .gallery_area .item .item-desc h3 {
        font-size: 1rem;
    }

    .gallery_area .item.active .item-desc p {
        font-size: 0.9rem;
    }
}