@media(max-width:991px) {

    /* ========== index about responsive css code start ========== */
    .about_us_container>.flex_container {
        flex-wrap: wrap;
    }

    .about_us_container .left_box {
        flex-basis: 100%;
    }

    .about_us_container .right_box {
        flex-basis: 100%;
    }

    /* .about_us_container .left_child_box{
        flex-basis: 40%;
    } */
    .about_us_container .right_child_box {
        flex-basis: 100%;
    }

    /* ========== index about responsive css code end ========== */

    /* ========== why choose responsive css code start ========== */
    .why_choose_section{
        padding-top: 0;
    }
    .why_choose_section .custom_container{
        padding: 0;
    }
    .why_choose_section:before{
        width: 100%;
    }
    .why_choose_section .flex_container{
        flex-wrap: wrap;
    }
    .why_choose_section .left_box{
        /* border: 1px solid green; */
        flex-basis: 100%;
        height: 300px;
    }
    .why_choose_section .right_box{
        flex-basis: 100%;
    }
    .why_choose_section .right_box .why_choose_text_box{
        margin-left: 1rem;
    }
    /* ========== why choose responsive css code end ========== */
}

@media(max-width:850px) {

    /* ========== navbar responsive css code start ========== */
    /* .navbar>.flex_container{
        align-items: center;
    } */
    .navbar .left_box .logo_box img {
        width: 80px;
    }

    .navbar .right_box {
        /* border: 1px solid; */
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .navbar .right_box .flex_container {
        display: none;
    }
    .humber_menu{
        display: block;
    }
    .navbar .login_box{
        display: none;
    }

    /* ========== navbar responsive css code end ========== */


    /* ========== popular destinations responsive css code start ========== */
    .popuplar_destination_container>.flex_container {
        display: none;
    }

    .popular_mobile_design_contener {
        display: block;
    }

    .popular_mobile_design .popular_box {
        flex-basis: 300px;
    }

    /* ========== popular destinations responsive css code end ========== */

    /* ========== testimonial responsive css code start ========== */
    .testimonial_container .flex_container{
        flex-wrap: wrap;
    }
    .testimonial_container .left_box {
        /* border: 1px solid red; */
        flex-basis: 100%;
        padding: 0;
        padding-bottom: 2rem;
    }
    .testimonial_container .right_box {
        /* border: 1px solid green; */
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
        /* height: 600px; */
    }
    /* ========== testimonial responsive css code end ========== */

    /* ========== blog responsive css code start ========== */
    .blog_container>.flex_container{
        /* gap: 1rem; */
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .blog_container .blog_box{
        /* border: 1px solid; */
        flex-basis: 300px;
    }
    /* ========== blog responsive css code end ========== */
}

@media(max-width:815px){
    .remember_us_container>.flex_container{
        flex-wrap: wrap;
    }
    .remember_us_section .remember_box{
        flex-basis: 270px;
        flex-grow: 1;
    }
}

@media(max-width:647px) {

    /* ========== popular destinations responsive css code start ========== */
    .popular_mobile_design .popular_box {
        flex-basis: 250px;
    }

    /* ========== popular destinations responsive css code end ========== */

    /* ========== main banner section start ========== */
    .main_banner_container .main_banner .banner_text_container .title {
        font-size: 19vw !important;
    }
    /* ========== main banner section end ========== */
}

@media (max-width:575px) {

    /* ========== index about responsive css code start ========== */
    .about_us_container .left_box>.flex_container {
        flex-wrap: wrap;
    }

    .about_us_container .left_child_box {
        flex-basis: 100%;
        /* border: 1px solid red; */
    }

    .about_us_container .left_child_box .about_img_text_box {
        top: -10%;
        left: 5%;
        right: 5%;
        width: 90%;
    }

    .about_us_container .left_child_box .about_img_text_box .about_img_text_child_box {
        padding: .5rem;
    }

    .about_us_container .left_child_box .about_img_text_box .about_img_text_child_box h3 {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }

    .about_us_container .left_child_box .left_bottom_img {
        position: relative;
        width: 100%;
    }

    .about_us_container .right_child_box {
        flex-basis: 100%;
        padding: 0;
    }

    /* ========== index about responsive css code end ========== */
}

@media(max-width:547px) {

    /* ========== popular destinations responsive css code start ========== */
    .popular_mobile_design .popular_box {
        flex-grow: 1;
    }

    /* ========== popular destinations responsive css code end ========== */
}

@media(max-width:500px) {

    /* ========== main banner section start ========== */
    .main_banner_container .main_banner .banner_text_container .title {
        line-height: 5.5rem !important;
    }
    /* ========== main banner section end ========== */
}

@media(max-width:425px){
    .h2had{
        font-size: 1.8rem !important;
    }
}

@media (max-width: 370px){
    .why_choose_text_box .why_choose_text_child_box .call_us_button a {
        font-size: 7vw;
    }
}