@media (max-width: 991px){
.toggle_btn {
        color: #1b1a1a !important;
        font-size: 25px;
    }
    .offcanvas-start {
        border-right: 3px solid var(--whiteColor) !important;
    }
    .trvl-container {
        grid-template-columns: auto auto auto;
      }
    #header {
        background: var(--whiteColor) !important;
    }
    .demoNavBar li a {
        color: var(--darkColor) !important;
    }
    .app_sub_title {
        font-size: 13px !important;

    }
    .btn_view_eats {
        font-size: 12px !important;
    }
    .demoNavBar li {
        /* padding: 6px 10px 6px 0px !important; */
        text-align: left !important;
      
    }
    .demoNavBar .dropdown-menu li:first-child a {
        padding-left: 16px !important;
    }
    /* = contact =*/
    .b-contact-form-box {
        border: 1px solid var(--buleColor) !important;
    }
    /* = header =*/
    .w_100_mobile {
        width: 100% !important;
    }
    header::after {
        width: 50%;
        clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .title_caption {
        font-size: 15px;
        text-transform: capitalize;
    }
    .title_about_us{
        font-size: 22px !important;
    }
    .animate_route_section {
        direction: none !important;
    }
    .section-title h2 {
        font-size: 22px !important;
    }
    .works-text{
        font-size: 22px;
    }
    .section h1{
        font-size: 22px;
    }
    .section h3 {
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }
    .animate_route_section .shape{
        top: 0px !important;
    }
    /* .route_section_animate{
        display: none;
    } */
    .animate_route_section {
        padding: 30px 0;
    }
    .b-contact-form-boxs {
        border-right: none !important;
    }
    .nav-link.active::after{
        display: none !important;
    }
}

@media (max-width: 767px){
    .section-title h2 {
        font-size: 22px !important;
        margin-bottom: 0px !important;
    }
    .footer_logo {
        width: 160px !important;
        margin: 0px !important;
    }
    .page_title {
      font-size: 22px !important;  
    }
    .passenger-details-box {
        padding: 15px !important;
        border: 1px solid var(--buleColor);
    }
    .site_logo {
		width: auto !important;
	}
    .works-text {
        font-size: 25px;
    }
    .trip_book_now_btn {
        font-size: 18px;
        padding: 8px 30px;
    }
    .qr_image {
        width: 140px;
    }
    .footer_title {
        margin: 15px 0px 5px;
        font-size: 20px;
    }
    .footer-bg {
        padding: 40px 0px 30px !important;
    }
    .trvl-container {
        grid-template-columns: auto auto;
        grid-gap: 20px;
      }
    .departure-search {
        margin-top: 0px !important;
    }
    .banner_carousel .owl-nav button span {
        display: none;
    }
    .single_search_result_item ul.result_content li .item-content h6 {
        font-size: 10px;
        font-weight: 600;       
    }
    .how_works {
        min-height: 0px !important;
        box-shadow: none;
        background: #eee;
        border-radius: 7px;
    }
    .search__panel {
        margin-top: -55px !important;
    }
    .banner_img{
        height: 250px !important;
    }
    .repeat-arrow-img-btn {
        top: 82px;
    }
    button.repeat-arrow-img-btn.repeat-arrow-img-btn2 {
        top: 80px;
        transform: rotate(90deg);
    }
    .accordion-button {
        padding: 8px 0px;
        font-size: 18px;
    }
    .accordion-body {
        padding: 10px 0px;
    }
    .app_sec .section-title h2 {
        font-size: 22px !important;
        line-height: 35px;
    }
    .lang_title span {
        font-size: 14px;
        font-weight: 600;
        color: var(--darkColor) !important;
    }
   .scroll-to-tops {
       bottom: 84px !important;
   }
   .service-icon-wrapper img {
       height: 100px !important;
       object-fit: contain;
      
   }
   .single_search_result_item ul.result_content li .item-content h6 {
       font-size: 13px !important;
   }
   .select2-container--default .select2-selection--single {
       height: 41px !important;
   }
   .site_logo {
       max-width: 170px !important;
       max-height: 70px;
       object-fit: contain;
   }
   /* footer */
  .social-banner {
      margin-top: 30px;
      padding: 15px 18px !important;
  }
   .all__info {
       font-size: 18px !important;
   }
   .contact-icons{
    padding: 0px !important;
    margin: 0px !important;
   }
   .title_caption {
       font-size: 15px;
       text-transform: capitalize;
   }  
    .title_about_us {
        font-size: 22px !important;
    }
    .section h2{
        font-size: 15px !important;
    }
    .section h1{
        font-size: 22px !important;
        margin-bottom: 0px !important;
    }
    .animate_route_section{
        direction: none !important;
    }
    .why_choose {
        padding: 0px !important;
    }
    .features-wrapper{
        gap: 0px !important;
    }
   .features-column {
       margin: 20px 0px !important;
   }
    .route_section_animate {
        display: none;
    }
    .single_boxs{
        margin:0px 35px !important ;
    }
   .b-contact-form-boxs {
       border-right: none !important;
   }

}
@media (max-width: 600px){
    .trvl-container {
        grid-template-columns: auto;
        grid-gap: 15px;
      }
}
@media (max-width: 575px){
    .repeat-arrow-img-btn {
            position: absolute;
            right: 0px !important;
            top: 80px;
            transform: rotate(90deg);
        }
         
}
@media (max-width: 400px){
      .dpe_ariv_wrap {
        flex-wrap: nowrap !important;
    }
    .bi_arrow {
        width: 80px;
    }
    .single_search_result_item ul.result_content li .item-content p {
        font-size: 13px;
    }
    p.text-danger.fw-bold {
        font-size: 14px;
    }
    .single_search_result_item ul.result_content li .price {
        font-size: 20px;
    }
    
}