@media (max-width:1024px) {
    .banner_right {
        text-align: center;
        margin-top: 30px;
    }

    .about_card {
        margin-bottom: 20px;
    }

    .flex_col-wrap {
        flex-direction: column-reverse;
    }

    .faq_wrapper .faq_flex {
        max-width: 90%;
    }

    .footer_link {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .header_wrapper nav.navbar ul.navbar-nav {
        gap: unset;
    }

    .header_wrapper nav.navbar ul.navbar-nav li.nav-item a.nav-link {
        border-bottom: 1px solid #eee;
    }

    .header_wrapper nav.navbar ul.navbar-nav li:last-child.nav-item a.nav-link {
        border: unset;
    }

    .header_wrapper button.navbar-toggler {
        padding: unset;
        border: unset;
    }
     .header_wrapper button.navbar-toggler:focus{
        outline: unset;
        box-shadow: unset;
     }

}

@media(max-width:767px) {
    .banner_left .qr_box {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    section.banner_wrapper {
        padding: 50px 0;
    }

    .banner_wrapper .banner_left h2,
    .banner_wrapper .banner_left h2 span {
        font-size: 2rem;
        line-height: normal;
    }

    .footer_wrapper .copytext p {
        flex-wrap: wrap;
    }

    section.faq_wrapper .faq_flex {
        max-width: 100%;
    }

    .header_wrapper nav.navbar ul.navbar-nav {
        gap: unset;
        padding-top: 10px;
    }

}