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

    .fixed_scroll{
        overflow-y: hidden;
    }
    #menuToggle{
    display: block !important;
    position: relative;
    top: 5px;
    right: 0rem;
    z-index: 999;
    
    -webkit-user-select: none;
    user-select: none;
    }

    #menuToggle input{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    
    cursor: pointer;
    
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
    
    -webkit-touch-callout: none;
    }

    .inner_menu span{
        background: #000 !important;
    }

    #menuToggle span{
    display: block;
    width: 35px;
    height: 3px;
    margin-bottom: 9px;
    position: relative;
    
    background: #fff;
    border-radius: 3px;
    
    z-index: 1;
    
    transform-origin: 4px 0px;
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
    }

    #menuToggle span:first-child{
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2){
        transform-origin: 0% 100%;
    }

    /* 
    * Transform all the slices of hamburger
    * into a crossmark.
    */
    #menuToggle input:checked ~ span{
        opacity: 1;
        transform: rotate(45deg) translate(-11px, -19px);
        background: #000000;
        margin-bottom: 4px;
    }

    /*
    * But let's hide the middle one.
    */
    #menuToggle input:checked ~ span:nth-last-child(3){
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
    * Ohyeah and the last one should go the other direction
    */
    #menuToggle input:checked ~ span:nth-last-child(2){
        transform: rotate(-45deg) translate(0, 9px);
    }

    .header_bar #menuToggle span{
        background: #000;
    }

    .header_pack_btn{
        display: flex;
        gap: 25px;
        align-items: center;
    }
    .header_pack_btn button {
        padding: 11px 13px;
        border-radius: 50px;
        font-size: 18px;
    }
    .header_pack_btn button span{
        display: none;
      }
    .header_main {
        display: flex;
        justify-content: space-between;
        padding: 8px 14px;
        align-items: center;
        border-bottom: 1px solid #ffffff40;
        color: #fff;
        border-radius: 0px 0px 20px 20px;
        
    }
    .mobile_header_bg{
        background-color: #00000000;
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        backdrop-filter: blur(3px);
        opacity: 0;
    visibility: hidden;
    transition: 0.5s all ease-in-out;
    z-index: 9;
    transform: translateX(100%);
    }
    .mobile_header_bg.active{
        opacity: 1;
        visibility: visible;
        transition: 0.5s all ease-in-out;
        transform: translateX(0%);
    }
    .header_nav{
        background: #ffffff;
        height: 100vh;
        width: 75%;
        right: 0;
        position: absolute;
        color: #7f7f7f;
        display: flex;
        border-radius: 34px 0px 0px 34px;
        line-height: 3;
        padding: 71px 25px;
        box-shadow: -2px 1px 21px -3px #0000004f;
    }
    .header_nav ul {
        display: block;
        padding: 0;
        width: 100%;
        font-size: 17px;
        font-weight: 500;
    }
    .header_nav ul li:hover{
        background-color: #e8f5f7;
        padding: 0px 9px;
        border-radius: 14px;
        transition: 0.3s;
    }
    .logo img{
        width: 160px;
    }
    .ftr_logo {
        display: none;
    }
    .ftr_logo_both{
        display: flex !important;
        width: 280px !important;
      }
    .banner_explore p {
        font-size: 13px;
    }
    .footer_cars{
        display: none;
    }

    /* -------------------------- */

    .banner_cnt{
        padding: 0;
    }
    .banner_main{
        background-image: url(../images/mobile_view.png);
        color: #fff;
        background-repeat: no-repeat;
        position: relative;
        height: 100vh;
        background-size: cover;
        align-items: center;
        display: flex;
    }
    .banner_cnt h1{
        font-size: 50px;
    }
    .banner_cnt p{
        width: 100%;
    }
    .pack_search_main form{
        display: block;
        width: 100%;
    }
    .pack_search_main input{
        margin-bottom: 10px;
    }
    .search_icon {
        display: flex;
        font-size: 15px;
        align-items: center;
        width: 117px;
        border-radius: 10px;
    }
    .search_icon i {
        padding: 12px 11px;
        font-size: 25px;
    }
    .search_icon p{
        display: block;
    }
    .banner_explore button {
        padding: 10px 13px;
        z-index: 9999;
    }
    .inner_search_main form{
        display: block;
        width: 100%;
    }
    .inner_search_main input{
        margin-bottom: 10px;
    }

    /* -------------------------------------- */
    .index_packges h2 {
        font-family: 'League Spartan', sans-serif;
        font-size: 35px;
        line-height: 1;
    }
    .index_packges p {
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        margin: 5px 0px 0px !important;
    }
    .index_packges button{
        font-size: 13px;
    }
    .pack_rating {
        top: 12px;
        border-radius: 12px;
        font-size: 8px;
        padding: 5px 4px 4px;
    }
    .pack_detail{
        bottom: 10px;
        margin: 0px 5px;
    }
    .pack_detail h6 {
        font-size: 13px;
        margin-bottom: 0px !important;
    }
    /* .space_line::after {
        content: "";
        background-color: #F1F1F1;
        height: 17px;
        width: 1px;
        position: absolute;
        margin-left: 6px;
    } */
    .count_visitors p{
        font-size: 10px;
    }
    .count_visitors {
        gap: 12px;
    }

    /* ------------------------------------ */

    .customer, .staff, .visa, .destination{
        position: inherit;
        width: 47%;
    }
    .abt_image_main {
        margin: 0px 0px;
    }
    .abt_img{
        width: 100%;
    }
    .mobile_view_abt_item{
        display: flex;
        flex-wrap: wrap;
        row-gap: 15px;
        column-gap: 15px;
        margin-top: 15px;
    }
    .index_abt_cnt h1{
        font-size: 35px;
    }
    .mobile_row{
        flex-direction: column-reverse;
    }

    /* -------------------------------------- */
    

    .abt_banner_img{
        display: none;
    }
    .abt_customer {
        display: block;
        height: 115px;
        margin-bottom: 17px;
    }
    .staff_img {
        width: 34px;
        margin-bottom: 5px !important;
    }
    .abt_customer p {
        font-size: 13px;
    }

    .banner_next_button {
        position: absolute;
        right: 0px;
        left: 70px;
        bottom: 0;
        background: none;
        border: none;
        transform: rotate(270deg);
    }
    .banner_prev_button {
        position: absolute;
        right: 70px;
        left: 0;
        z-index: 9;
        bottom: 0;
        background: none;
        border: none;
        
    }
    .banner_prev_button img{
        transform: rotate(269deg);
    }
    .pack_search_main select {
        margin-bottom: 10px;
        width: 100%;
    }
    .inner_search_main select {
        margin-bottom: 10px;
        width: 100%;
    }
    .abt_banner_cnt{
        margin: 0px 0px 0px;
    }
    .abt_banner h1 {
        font-size: 26px;
    }
    .tabs_head{
        padding: 15px 15px;
    }
    .tabs_head h6{
        font-size: 14px;
    }
    .tabs_item_main {
        width: auto;
        margin-left: 7rem;
    }
    .tabs {
        padding: 7px 7px 7px 0px;
    }
    .package_cnt {
        padding: 11px 6px;
    }
    .package_cnt h6 {
        font-size: 13px;
        margin-bottom: 5px !important;
    }
    .pack_time {
        font-size: 12px;
    }
    .package_cnt li {
        padding: 0px 4px;
    }
    .package_cnt img {
        width: 16px;
    }
    .pack_sub_head h4 {
        font-size: 22px;
        margin: 50px 0px 0px 0px !important;
    }
    .prev_button {
        padding: 0px 12px;
        font-size: 21px;
    }
    .next_button {
        padding: 0px 12px;
        font-size: 21px;
        right: 1.5rem;
    }
    .sub_head {
        text-align: left;
    }
    .sub_head h2{
        font-size: 35px;
    }
    .servi_head{
        text-align: center;
    }
    .holidays_services h2 {
        font-size: 35px;
        text-align: center;
        margin-bottom: 15px !important;
    }
    .prev_button_client, .next_button_client{
        display: none !important;
    }
    .abt_count_items {
        padding: 0rem !important;
    }
    .contact_details {
        padding: 2.5rem 2rem;
    }
    #video-popup-container {
    display: none;
    position: fixed;
    z-index: 996;
    width: 94%;
    left: 50%;
    margin-left: -47%;
    top: 35%;
    background-color: #fff;
}
.package_items img {
    position: relative;
    width: 100%;
    height: -webkit-fill-available;
    object-fit: cover;
    border-radius: 15px;
    max-height: 200px !important;
}
.visa_apply {
    background-color: #e3f3fa;
    width: 100%;
    padding: 2rem 2rem;
    margin: auto;
    border-radius: 12px;
}
.package_cnt ul {
    gap: 2px;
}
.price_detail p {
    font-size: 13px;
}
.package_img img {
    max-height: 145px;
    min-height: 145px;
}
/* .package_items{
    max-height: 200px;
    margin-bottom: 10px;
} */

.slider_1, .slider_2, .slider_3, .slider_4, .slider_5{
    height: 90vh !important;
}
.servicep {
    text-align: justify;
  }
  .vision_main{
    flex-direction: column;
  }
  .vision, .mission {
    width: 100%;
  }
  .testimonial:after{
    display: none;
  }
  .testimonial{
    margin: 0px;
    margin-bottom: 10px;
  }
  .testimonial-content p{
    text-align: justify;
  }
  .abt_banner h1{
    width: 100%;
  }

  }

  @media screen and (max-width: 991px) {
    .fixed_scroll{
        overflow-y: hidden;
    }
    #menuToggle{
    display: block !important;
    position: relative;
    top: 5px;
    right: 0rem;
    z-index: 999;
    
    -webkit-user-select: none;
    user-select: none;
    }

    #menuToggle input{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    
    cursor: pointer;
    
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
    
    -webkit-touch-callout: none;
    }

    .inner_menu span{
        background: #000 !important;
    }

    #menuToggle span{
    display: block;
    width: 35px;
    height: 3px;
    margin-bottom: 9px;
    position: relative;
    
    background: #fff;
    border-radius: 3px;
    
    z-index: 1;
    
    transform-origin: 4px 0px;
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
    }

    #menuToggle span:first-child{
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2){
        transform-origin: 0% 100%;
    }

    /* 
    * Transform all the slices of hamburger
    * into a crossmark.
    */
    #menuToggle input:checked ~ span{
        opacity: 1;
        transform: rotate(45deg) translate(-11px, -19px);
        background: #000000;
        margin-bottom: 4px;
    }

    /*
    * But let's hide the middle one.
    */
    #menuToggle input:checked ~ span:nth-last-child(3){
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    /*
    * Ohyeah and the last one should go the other direction
    */
    #menuToggle input:checked ~ span:nth-last-child(2){
        transform: rotate(-45deg) translate(0, 9px);
    }

    .header_bar #menuToggle span{
        background: #000;
    }

    .header_pack_btn{
        display: flex;
        gap: 25px;
        align-items: center;
    }
    .header_pack_btn button {
        padding: 11px 13px;
        border-radius: 50px;
        font-size: 18px;
    }
    .header_pack_btn button span{
        display: none;
      }
    .header_main {
        display: flex;
        justify-content: space-between;
        padding: 8px 14px;
        align-items: center;
        border-bottom: 1px solid #ffffff40;
        color: #fff;
        border-radius: 0px 0px 20px 20px;
        
    }
    .mobile_header_bg{
        background-color: #00000000;
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        backdrop-filter: blur(3px);
        opacity: 0;
    visibility: hidden;
    transition: 0.5s all ease-in-out;
    z-index: 9;
    transform: translateX(100%);
    }
    .mobile_header_bg.active{
        opacity: 1;
        visibility: visible;
        transition: 0.5s all ease-in-out;
        transform: translateX(0%);
    }
    .header_nav{
        background: #ffffff;
        height: 100vh;
        width: 75%;
        right: 0;
        position: absolute;
        color: #7f7f7f;
        display: flex;
        border-radius: 34px 0px 0px 34px;
        line-height: 3;
        padding: 71px 25px;
        box-shadow: -2px 1px 21px -3px #0000004f;
    }
    .header_nav ul {
        display: block;
        padding: 0;
        width: 100%;
        font-size: 17px;
        font-weight: 500;
    }
    .header_nav ul li:hover{
        background-color: #e8f5f7;
        padding: 0px 9px;
        border-radius: 14px;
        transition: 0.3s;
    }

    .logo img{
        width: 160px;
    }
    .banner_explore p {
        font-size: 13px;
    }
    .customer, .staff, .visa, .destination{
        position: inherit;
        width: 47%;
    }
    .abt_image_main {
        margin: 0px 0px;
    }
    .abt_img{
        width: 100%;
    }
    .mobile_view_abt_item{
        display: flex;
        flex-wrap: wrap;
        row-gap: 15px;
        column-gap: 15px;
        margin-top: 15px;
    }
    .index_abt_cnt h1{
        font-size: 35px;
    }
    /* .mobile_row{
        flex-direction: column-reverse;
    } */
    .holidays_services h2 {
        font-size: 1.9rem;
    }
    .servicep {
        text-align: justify;
      }
    }

  @media screen and (max-width: 5000px){
    /* .banner_main{
        background-image: url(../images/banner_1.png);
    color: #fff;
    background-repeat: no-repeat;
    position: relative;
    height: 100vh;
    background-size: cover;
    background-position: bottom;
    display: flex;
    align-items: center;
    } */
    #menuToggle{
        display: none;
    }
    .slider_1{
    /* background-image: url(../images/2.jpg); */
    color: #fff;
    background-repeat: no-repeat;
    position: relative;
    height: 100vh;
    background-size: cover;
    background-position: bottom;
    display: flex;
    align-items: center;
    }
    .slider_2{
    background-image: url(../images/3.jpg);
    color: #fff;
    background-repeat: no-repeat;
    position: relative;
    height: 100vh;
    background-size: cover;
    background-position: bottom;
    display: flex;
    align-items: center;
    }
    .slider_3{
        background-image: url(../images/4.jpg);
        color: #fff;
        background-repeat: no-repeat;
        position: relative;
        height: 100vh;
        background-size: cover;
        background-position: bottom;
        display: flex;
        align-items: center;
        }
        .slider_4{
            background-image: url(../images/1.jpg);
            color: #fff;
            background-repeat: no-repeat;
            position: relative;
            height: 100vh;
            background-size: cover;
            background-position: bottom;
            display: flex;
            align-items: center;
            }
            .slider_5{
                background-image: url(../images/5.jpg);
                color: #fff;
                background-repeat: no-repeat;
                position: relative;
                height: 100vh;
                background-size: cover;
                background-position: bottom;
                display: flex;
                align-items: center;
                }
                .slider_5{
                    background-image: url(../images/6.jpg);
                    color: #fff;
                    background-repeat: no-repeat;
                    position: relative;
                    height: 100vh;
                    background-size: cover;
                    background-position: bottom;
                    display: flex;
                    align-items: center;
                    }
        .abt_count_items{
            padding: 1.2rem 9rem;
        }
  }
  @media screen and (min-width:320px) and (max-width: 600px) {
    .inner_banner img {
        height: 140px;
    }
      .inner_banner .abt_banner_cnt{
        max-width: 300px;
        bottom: 10px;
        left: 30px;
      }
      .abt_slide img {
        margin-bottom: 20px;
        margin-top: 10px;
    }
  }
  @media screen and (min-width:600px) and (max-width: 991px) {
    .inner_banner img {
        height: 140px;
    }
    .inner_banner .abt_banner_cnt {
        bottom: -10px;
        left: 120px;
        max-width: 500px;
    }
    .abt_slide img {
        margin-bottom: 20px;
        margin-top: 10px;
    }
  }
  @media screen and (min-width:757px) and (max-width: 1920px) {
    .test_center{
        display: flex;
        justify-content: center;
    }
  }