@media all and (min-width: 1921px) and (max-width: 3000px) {
  .section-52 .arrow-steps .step:after, .section-52 .arrow-steps .step:before{
      right:-15px;
  }
}
/* }

@media all and (min-width: 1400px) and (max-width: 1920px) {
 .section-52 .arrow-steps .step:after,
  .section-52 .arrow-steps .step:before {
    
      right: -16px;
     
  }

} */

@media all and (min-width: 12001px) and (max-width: 1500px) {
  
  
  .flights-list-item{
    padding: 25px 30px 25px 30px!important;
  }
}

@media (min-width: 1500px) {
  

  .carousel-inner .carousel-item {
    padding: 6rem 0;
    height: 100vh;
    min-height: 650px;
  }

  /* .hero-header {
    min-height: 750px;
    height: 100vh;
  } */

  .xl-heading {
    font-size: 4em;
    line-height: 1.31818182em;
  }

  .h1,
  h1 {
    font-size: 3.5rem;
  }

}
@media all and (min-width: 1367px) and (max-width: 1499px) {
  .return-searchable-airport, .searchable-airport{
    font-size: 12px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1400px) {
  .hide-mobile{
    display: block;
  }
  /* .custom-postion-fixed{
    height: 600px;
    overflow-y: scroll;
    
  } */

  .package-right-content .customizable-package{
    padding: 8px 8px;
    font-size: 14px;
  }
  .package-right-content .enqiry-btn .btn-primary{
    padding: 8px 8px;
    font-size: 14px;
  }
  .package-element-box .element-text .text-field{
    font-size: 12px;
  }
  .package-element-box .element-text span{
    font-size: 12px;
  }
  .package-right-content .bottom-text .title-2{
    font-size: 16px;
  }
  .form-group label{
    font-size: 12px;
  }
  .form-group label{
    font-size: 12px;
  }
  .search-wrap .form-control{
    font-size: 12px;
  }
  .mobile-device{
    display: none;
  }
  .large-device{
    display: block;
  }
  .flying-text{
    font-size: 14px;
    position: absolute;
    bottom: unset;
    padding: 0px 40px;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .tooltip .tooltip-inner {
    max-width:  300px !important; /* Set maximum tooltip width, e.g., 200px */
    padding: 5px 10px;
    font-size: 12px;
    
}
  .navbar{
    padding: 10px 0px;
  }
  .header.header-fixed {
    background: #174ad1 !important;
  }
  .m-center{
    text-align: center;
  }
  .m-center img{
    width: 140px;
  }
  
  .common-modal .modal-header h2{
    font-size: 14px;
    line-height: 1.4;
  }
  .common-modal .btn{
    width: 70%;
  }
  .common-modal .modal-header h2 small{
    font-size: 16px;
  }
  .common-modal .modal-header span{
    font-size: 14px;
  }
  .common-modal .modal-body h3{
    font-size: 14px;
  }
  .common-modal .black-btn{
    padding: 10px 10px;
    font-size: 12px;
  }
  .common-modal .modal-footer{
    padding: 10px 10px;
  }
  .common-modal .modal-body .box .a-amount{
    font-size: 16px;
  }
  .flatpickr-calendar {
      width: 307.875px!important;
  }
   .centered-border{
    padding-bottom: 5px;
   }
    .next-day{
        font-size: 12px;
        padding: 4px 6px;
        border-radius: 5px;
        background: linear-gradient(to right, #2278FB, #2278FB) !important;
    }
    
  .main-card-price-summary .travel-insurance .custom-slider .slider-box .box img{
    height: 55px;
    width: 55px;
    border-radius: 50%;
  }
  .main-card-price-summary .travel-insurance .custom-slider .slider-box{
    margin-bottom: 15px;
  }
  .main-card-price-summary .travel-insurance .check-box-danger{
    font-size: 12px;
    margin: 10px 0px 0px 20px;
  }
  .main-card-price-summary .travel-insurance .main-title .insurance-logo img{
      width: 40px;
  }
  .main-card-price-summary .travel-insurance .custom-bg-info{
    padding: 20px 10px;
  }
  .main-card-price-summary .travel-insurance .main-title .img{
    text-align: center;
    margin-top: 10px;
  }
  .main-card-price-summary .travel-insurance .main-title .img img{
    width: 100px;
  }
  .main-card-price-summary .travel-insurance .main-title span{
    font-size: 14px;
  }
  .main-card-price-summary .travel-insurance .main-title h2{
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 18px;
  }

  .main-card-price-summary .travel-insurance .check-box-section .form-check-label{
    font-size: 12px;
  }

  .mobile-coupons .gray-simple{
    background-color: unset!important;
  }
  .mobile-coupons .custom-select-area{
    border: dashed #ccc 1px;
  }
  .mobile-coupons .select-form{
    border: 1px solid #2278FB;
    font-weight: 600;
    color: #26895b;
  }
  .text-primary-custom{
    color: #686868 !important;
    font-weight: normal;
  }
   .fw-bold-bold{
    font-weight: 500;
   }
   .font-14{
      font-size: 14px;
   }
  #center-mode{
    text-align: end;
  }
  .label {
    padding: 6px 8px !important;
    font-weight: 500;
    border-radius: 4px;
    font-size: 65%;
}
  #center-mode p{
      padding: 10px 10px;
      border-radius: 5px;
      display: inline-block;
      justify-content: end;
      background-color: #eaffef;
      color: #318c0b;
      border: 1px solid #b1f7c1;
  }

  #center-mode p{
    padding: 5px 20px;
    border-radius: 5px;
    display: inline-block;
    justify-content: end;
    background-color: #ffdede;
    color: #d62525;
    border: 1px solid #d62525;
}
.step-count .text{
      
}
.step-count .text p{
      background-color: #dcf1e1;
      padding: 5px 10px;
      border-radius: 5px;
      color: #000;
      border: 1px solid #84c092;
      display: flex;
      justify-content: center;
      align-items: center;
}
.step-count .text p span{
  font-size: 12px;
}
  #center-mode p span{
    font-weight: 500;
  } 
  .m-refundable{
    font-size: 10px;
    margin-top: 5px;
    color: #6c757d !important;
  }
  .per-adult-text{
    font-size: 10px!important;
    color: #6c757d !important;  
  }
  .final-submit-btn{
    font-size: 16px;
    font-weight: 600;
  }
  .center-mood-price .card-footer:last-child{
    border-radius: 10px;
  }
  .custom-title .material-symbols-outlined {
    font-size: 20px!important;
  }
  .custom-border-radious{
    border-radius: 10px;
  }
  .mobile-textavailable{
    font-size: 10px;
  }
  .flights-list-item{
    padding: 10px 10px!important;
  }
  .discounted-fare-mobile{
      padding: 4px 8px!important;
  }
.light-green-gradient{
  font-size: 10px;
  padding: 3px 3px;
  border-radius: 5px;
}

  .best-price-copy .verified-user{
    display: none;
  }
  .total-search-results-count{
    font-size: 12px!important;
  }
  .mobile-text-sm{
    font-size: 10px;
  }
  .review-text{
      font-size: 14px;
  }
  .best-price-copy .material-symbols-outlined{
      font-size: 14px;
  }
  .crd-heaader-first h4{
    font-size: 15px;
  }
  .layover-div::before{
    top: 68%;
  }
  .custom-card-booking{
    padding: 10px 10px;
  }
  .custom-card-booking .mobile-text{
    font-size: 12px;
  }
  .custom-title h2{
    font-size: 16px;
  }
  .price-text-amount{
    font-size: 14px;
  }

  .price-text-amount-II{
    font-size: 12px;
  }
  .light-green-gradient{
    font-size: 10px;
  }
  .text-sm{
    font-size: 8px;
  }
  .section-box p{
    padding: 0px 0px;
    font-size: 14px;
  }
  .section-box h5{
    font-size: 22px;
    line-height: 26px;
  }
  .section-box h5 span{
    font-size: 18px;
  }
  
  .white-bg-confirm .m-remove{
    display: none;
  }
  .search-item-list{
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
  }
  .search-item-list .flight-filter .material-symbols-outlined{
    font-size: 20px;
  }
  .search-item-list p{
    margin: 0px;
    font-size: 14px;
    font-weight: 400;
  }
  .search-item-list p b{
    font-weight: 500;
  }
  .search-item-list .material-symbols-outlined{
    font-size: 14px;
  }
  .search-item-list ul{
    padding: 0px;
    margin: 0px;
  }
  .search-item-list a .material-symbols-outlined{
      font-size: 20px;
      color: #252B33;
  }
  .search-item-list ul li{
    font-size: 12px;
    padding-top: 5px;
    margin: 0px;
    color: #6E7E8E;
    padding-right: 3px;
  }
  .forgot-section .main-box-forgot{
    padding: 25px 15px;
    
  }
  .forgot-section .main-box-forgot{
    margin: 50px 0px;
  }
  .forgot-section .main-box-forgot .form-control{
    height: 44px;
  } 
  .forgot-section .main-box-forgot .btn {
    height: unset;
    padding: 5px 20px;
    font-size: 14px;
}
  .forgot-section .main-box-forgot h4{
    font-size: 16px;
  } 
  .forgot-section .main-box-forgot p{
    font-size: 12px;
  }
  
  .lighr-green-color{
    padding:4px 0px;
  }
   #live-assistance{
    display: none;
  }
  #center-step{
    display: none;
  }


  .btn-payments-pay{
    font-size: 14px;
  }
  .passengers-title-II .ticket-table tr td{
    font-size: 14px;
  }
  /* .section-52-booking{
    margin-top: 50px;
  } */
  .section-34{
    padding-bottom: 0px;
  }

  .cab-hotel-selector .card{
    padding: 0px;
    margin: 0px;
  }
  .cab-hotel-selector .card .card-body{
      padding: 15px 15px;
  }
  .cab-hotel-selector .card-header{
      padding-top: 15px;
  }
  .section-34{
    border-bottom: 1px solid #dee2e6;    
    padding: 30px 0px;
  }
  .offcanvas-header{
    border-bottom: 1px solid #dee2e6;
  }
  .section-31 .edit-btn span{
    font-size: 22px;
    color: #21A1F8;
  }
  .dbox{
    position: relative;
  }
  /* .dbox .editBtn{
    position: absolute;
    right: 15px;
    bottom: 5px;
  } */
   .center-icons span{
    font-size: 14px;
   }
  .dbox .editBtn span{
    font-size: 22px;
  }
  .section-33 .top-section-payment .section-title h2{
    font-size: 14px;
  }
  .section-33 .top-section-payment-II .btn{
    width: 100%;
    margin-bottom: 10px;
  }
  .section-33 .top-section-payment-II .e-ticket{
    font-size: 28px;
  }
  .section-33 .top-section-payment-II .badge{
    font-size: 10px;
    padding: 1px 7px;
    margin: 0px;
    line-height: 20px;
  }
  .section-33 .top-section-payment-II .booking-section .ttx-id{
    font-size: 14px; 
  }
  .section-33 .top-section-payment-II .booking-section .text-name span{
    font-size: 14px;
  }
  .section-33 .top-section-payment-II .booking-progress h4{
    font-size: 16px;
  }
  .section-33 .top-section-payment-II .title-text{
    font-size: 14px;
    font-weight: 600;
  }
  .section-33 .top-section-payment-II .bg-daneger{
    padding: 15px 15px;
  }
  .section-33 .top-section-payment-II .bg-daneger p{
    font-size: 12px;
  }
  .section-33 .top-section-payment-II .yellow-bg p{
    font-size: 12px;
  }
  .yellow-bg{
    padding: 15px 15px;
  }
  .total-amount-cal .table-container th, .table-container td{
    text-wrap: nowrap;
    font-size: 12px;
  }
  .section-33 .top-section-payment-II{
    padding: 10px 10px;
  }
  .section-33 .top-section-payment-II .booking-progress .main-text p{
    font-size: 12px;
  }
  .payment-options{
    padding: 0px 0px;
  }
  .payment-section .payment-title{
    padding: 10px 0px 0px 0px;
  }
  .payment-container .accordion-item{
    border-radius: 5px;
  }
  .payment-container .accordion-header{
    line-height: 0px;
    border-radius: 5px;
    font-size: 14px;
  }
  .payment-container .accordion-button{
    padding: 12px 20px;
  }
  .payment-container .accordion-button::after{
    margin-left: auto;
  }
  .payment-container .accordion-button:not(.collapsed)::after{
    margin-left: auto;
  }
  .secure-payment{
    padding-top: 15px;
  }
  .secure-payment img{
    width: 130px;
  }
  .guarantee-img{
    display: none!important;
  }
  .paynow-btn{
    font-size: 0.9rem;
    padding: 10px 10px;
  }
  .payment-container{
    margin-top: 0px;
  }
  .mobile-timer .timer{
    text-align: center;
    width: 100%;
    padding-top: 5px;
  }
  .payment-options{
    font-size: 12px;
    padding: 8px 15px;
  }  
  .center-text-payment{
    text-align: center;
    font-size: 12px;
    padding: 3px 10px;
  }
  .payment-container .accordion-button {
    background-color:#174ad1!important;
    width: 100%;
  }
  .payment-options{
    font-weight: 500;
  }
  .payment-options img{
    margin-right: 10px;
  }
  .payment-section .para{
    font-size: 12px;
    margin-bottom: 20px;
  }
  .payment-section .price-amount{
    font-size: 22px;
    line-height: 2rem;
  }
  .payment-section .price-amount{
    margin-bottom: 0px;
  }
  .payment-section .payment-title{
    font-size: 14px;
  }
  .journeyTypeDate{
    margin-top: 5px;
  }
  .journeyTypeDate span{
      font-size: 12px;
      margin-top: 10px;
  }
  .DepartCancellationInformation .cancellation-refundable-container ul{
    padding-left: 15px;
  }
  .card-header h6{
      font-size: 14px;
  }
  /* .packages-main-div {
    margin: 0px;
  } */
  .cab-hotel-selector .image img{
    width: 110px;
  }
  
  .cab-hotel-selector .center-text{
    margin-top: 0px;
  }
  .checkbox-icon{
    padding:0px 0px;
  }
  .checkbox-tile{
    position: relative;
    min-height: 88px;
    justify-content: start;
    padding-top: 8px;
  }
  /*.checkbox-tile:before{
    left: calc(50% - 10px);
  }*/
  .cab-hotel-selector .image-tick{
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
  .cab-hotel-selector .image-tick img{
    width: 15px;
    height: 15px;
    margin-top: -25px;
  }
  .cab-hotel-selector .image-tick{
    display: flex;
    justify-content: end;
    padding-right: 10px;
    width: 100%;
  }
  .checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label{
    padding: 0px 0px;
  }
  .cab-hotel-selector .center-text .save-min p{
    font-size: 10px;
  }
  .cab-hotel-selector .title-best-offer{
    text-align: start;
    padding-left: 8px;
    padding-right: 8px;
  }
  .cab-hotel-selector .title-best-offer small{
    font-size: 12px;
  }
  .cab-hotel-selector .title-best-offer small span{
    font-size: 12px;
  }
  .cab-hotel-selector .center-text .title-best-offer small{
    font-size: 12px;
  }
  .cab-hotel-selector .center-text .save-min{
    display: flex;
    justify-content: center;
    border-radius: 5px;
  }
  .cab-hotel-selector label{
    width: 100%;
    
  }
  .modal-form-search .form-select {
    font-size: 14px;
    padding: 25px 20px 15px 0px;
  }

  .modal-form-search .booking-form__input.guests-input button{
    font-size: 14px;
    padding: 25px 20px 15px 0px; 
  }
 
.cancellation-tab-section .cancellation-title{
    font-size: 12px;
  }
  .cancellation-tab-section .table-1 .title{
    font-size: 12px;
  }
  .cancellation-tab-section .table tr th, .table tr td{
    padding: 7px 5px!important;
    font-size: 8px;
  }


  .DepartCancellationInformation .cancellation-tab-section .cancellation-title{
    font-size: 12px;
  }
  .DepartCancellationInformation .cancellation-tab-section .table-1 .title{
    font-size: 12px;
  }
  .DepartCancellationInformation .cancellation-tab-section .table tr th, .table tr td{
    padding: 7px 5px!important;
    font-size: 8px;
  }


  .bg-light-info{
    font-size: 10px;
  }
  .section-31 .edit-btn{
      height: unset;
      padding: 0px 9px 7px 9px;
      font-size: 14px;
    }
    .nav-pills.small .nav-link{
      padding: 0.3rem 0.8rem;
    }
  .custom-postion-fixed{
    height: 530px;
  }
  .mobile-device{
    display: none;
  }
  .large-device{
    display: block;
  }

  .home-search-section .custome-round{
    border-radius: 0px;
  }
  .home-search-section .trip-type-radio .form-check-label{
      font-size: 14px;
  }
  .home-search-section .search-btn-home{
    width: 100%;
    font-weight: 500;
  }
  .home-search-section .main-fare-box{
    padding: 0px 0px;
  }
  .home-search-section .form-check-span{
      padding: 5px 8px;
  }
  .home-search-section .main-fare-box .special-fare{
    font-size: 12px;
  }
  .home-search-section .main-fare-box .special-fare span{
    font-size: 12px;
  }
  .section-31-mobile .icons i{
      font-size: 16px;
  }
  .section-31-mobile ul li{
    display: inline;
    list-style: disc;
    color: #7C7C7C;
  }
  
  .section-31-mobile .city-name{
    font-size: 14px;
    
  }
  
  .card-header h4{
    font-size: 12px;
  }
  .card-header h4 i{
    font-size: 12px;
  }
  .offcanvas{
    z-index: 9999999;
  }
  .search-form{
    padding: 0px;
  }
  .flights-result-data .flights-list-item small{
    font-size: 0.7em;
  }
  .flight-button-wrap .btn-sm{
    white-space: nowrap;
  }
  .flight-button-wrap .btn-sm i{
    white-space: nowrap;
  }
  .flights-list-item .nav-tabs .nav-link{
      padding: 5px 5px;
  }
  .testimonial-box p{
    font-size: 12px;
  }
  
  .main-card-price-summary .inner-text {
    padding: 10px 0px;
  }
  .main-card-price-summary .inner-text  ul{
    padding: 0px;
  }
  .main-card-price-summary .inner-text  ul li{
    padding: 0px 20px;
    color: #000;
  }
  .ticket-section ul li{
    font-size: 12px;
  }
  .ticket-section h6{
    font-size: 12px;
  }
  .ticket-section .text-warning{
    font-size: 12px;
  }
  .ticket-section .text-danger{
    font-size: 12px;
  }

  .square--50 {
    width: 40px;
    height: 40px;
  }

  .hero-title span{
      font-size: 12px;
  }
  
  .btn-group.account-drop .btn.btn-order-by-filt {
      height: 35px;
      width: 35px;
  }
  .hero-header {
    padding: 2em 0 3em;
  }
  .whyus{
      p{
        padding-right: 0px;
      }
  }
  .bottom-footer{
    margin-top: 0px;
    padding-bottom: 0px;
    p{
      font-size: 12px;
      text-align: center;
    }
    ul{
      li{
        display: block;
        margin-bottom: 10px;
        text-align: center;
        a{
          font-size: 12px;
          
        }
      }
    }
  }
  .ul-part-offer{
    li{
      font-size: 14px;
      padding-bottom: 10px;
    }
  }
  span.title {
    color: #6E7E8E;
    font-size: 14px;
  }
  .best-price-copy{
    min-height: unset; 
  }
  .best-price-copy p{
    font-size: 14px;
  }
  
  .best-price .final-price span{
    font-size: 14px;
  }
  .best-price .final-price p{
    padding: 5px 0px;
  }
  .final-submit-btn{
    font-size: 16px;
  }
  .section-52{
    top: 57px;
    z-index: 9;
  }
  .section-52 .arrow-steps .step.current:after{
    display: none;
  }
  .section-52 .arrow-steps .step:before{
    display: none;
  }
  .section-52 .arrow-steps .step:after, .section-52 .arrow-steps .step:before{
    display: none;
  }
  .section-52 .arrow-steps .step{
    height: unset;
    width: 100%;
    margin-bottom: 5px;
  }
    .avatar-xl {
      height: 4rem;
      width: 4rem;
    }

    .custom-avatar {
      width: 80px;
      height: 80px;
      object-fit: cover;
    }
    .section-52 .timer p{
      font-size: 12px;
      text-align: end;
    }
    .guests-input:after{
      right: 15px;
    }
    .package-search .search .search__input{
      padding: 8px 20px;
      font-size: 12px;
      border:1px solid #E7E7E7;
    }
    .tag-items .tag-btn .btn-dark{
      padding: 6px 20px;
      border:1px solid #E7E7E7;
      font-size: 12px;
    }
    .gray-simple .border-bottom .card-body .crd-heaader-first h4{
        font-size: 16px;
        padding: 8px 0px;
    }
    .text-info{
        font-size: 14px;
    }
    .custom-block span{
        display: block;
        text-align: center; 
    }
    .custom-block strong{
        display: block;
        padding-bottom: 10px;
        text-align: center;
    }
    .company-logo{
        height: 30px;
        width: 30px;
        border-radius: 50px;
    }

  .detail.ellipsis-container{
    font-size: 14px;
  }
  .section-booking .main-box-blue .white-bg-section .form-title-part .title{
    font-size: 14px;
  }
  .section-booking .main-box-blue .white-bg-section.custom-faq .accordion-item .accordion-button{
    font-size: 14px;
  }
  .section-booking .main-box-blue .main-title .title{
    font-size: 16px;
    padding-bottom: 10px;
  }
  .section-booking .main-box-blue .main-title .ul-part li{
    font-size: 14px;
  }
  .section-booking .main-box-blue .white-bg-section .form-check-label{
    font-size: 14px;
    padding-bottom: 10px;
  }
  .form-part .form-control{
    font-size: 12px;
  }
  .form-part .form-select{
    font-size: 12px;
  }
  .section-booking .btn-bottom .btn{
    padding: 10px 20px;
    height: unset;
    font-size: 14px;
  }
  .section-booking .common-section-booking .accordion-button{
    font-size: 16px;
  }
  .section-booking .common-section-booking .accordion-body .text .title{
    font-size: 14px;  
  }
  .section-booking .common-section-booking .accordion-body .text ul li{
    font-size: 13px;
  }
  .section-booking .main-box-blue .white-bg-section .form-title-part .left-title{
    font-size: 13px;
  }
  .call-icons{
    font-size: 18px!important;
  }
  
  /* .m-logo{
    width: 60px;
  }
  .m-logo .logo {
    width: 60px;
  } */
  .contact-info a{
    font-size: 12px;
  }
  .contact-info .assistance-bg{
    font-size: 10px;
    padding: 2px 6px 1px 7px;
  }
 
  .package-right-content .bottom-text .title-2{
    font-size: 16px;
  }
  .package-element-box .element-text span{
    font-size: 13px;
  }
  .package-element-box .element-text .text-field{
    font-size: 13px;
  }
  .package-element-box .element-icon span{
    font-size: 18px;
    margin-top: 5px;
  }
  .main-banner .container .banner-text{
    top: 43%;
    padding: 0px 5px;
  }
  .btn-md{
    padding: 0.5em 0.5em;
  }
  .form-section .form-control{
    height: 44px;
  }
  .form-section{
    padding: 15px 20px;
  }
  .heading-title.packages{
    font-size: 18px;
  }
  .main-banner video{
    min-height: 200px;
    max-height: 200px;
  }
  .banner-img.video-tag:after{
    height: 98%;
  }
  .main-banner img{
    min-height: 200px;
    max-height: 200px;
  }
  .main-banner .container h1{
    font-size: 22px;
  }
  .package-right-content .image img{
    min-height: 350px;
    max-height: 350px;
  }
  .package-right-content .customizable-package{
    padding: 8px 8px;
    font-size: 16px;
  }
  .package-right-content .enqiry-btn .btn-primary{
    padding: 8px 8px;
    font-size: 16px;
  }
 
  .package-right-content .bottom-text .title-1, .title-2{
    font-size: 14px;
  }
  .package-right-content .bottom-text .title-2{
    font-size: 14px;
  }
  .package-right-content .bottom-text .title-1 b{
    font-size: 18px;
  }
  .call-to-action p{
    font-size: 16px;
    line-height: 1.5em;
    text-align: center
  } 
  .call-to-action .main-text{
    margin-top: -255px;
    display: flex;
    justify-content: center;
  }
  .need-assistance .main-text{
    margin-top: -230px;
  }
  .call-to-action .common-title{
    font-size: 30px;
    text-align: center;
  }
  .call-to-action .bg-image img{
    min-height: 350px;
    max-height: 350px;
  }
  .call-to-action .call-btn{
    text-align: center;
  }

  .calltoAction-title h4{
      font-size: 22px;
  }
  .calltoAction-title p{
      font-size: 14px;
      padding-top: 10px;
      padding-bottom: 20px;
  }
  .form-check-span{
    padding-left: 0px;
    font-size: 12px;
    
  }
  .form-check-span:before{
    width: 15px;
    height: 15px;
  }
  .pmt-wrap img{
    width: 100%;
  }
  .pmt-wrap.pmt-wrap-II  img{
    width: unset;
  }
  /*.partners-img img{
    width: 50%;
  }*/
  .heading-title.packages{
    font-size: 18px;
  }
  .sec-title h2{
    font-size: 18px;
    margin-bottom: 0px;
  }
  .sec-title span{
    font-size: 14px;
  }
  .upside-heading h3{
    font-size: 18px;
    font-weight: 600;
  }
  
  .home-form-bg .repeat-section-search:first-child{
      padding-bottom: 10px;
      position: relative;
  }
  .home-form-bg .repeat-section-search .btn-flip-icon{
    position: absolute;
    height: 28px;
    width: 28px;
    top:80%;
    font-size: 10px;
    left: unset;
    right: 35px;

  }
  
  .arrow{
    height: 30px;
    width: 30px;
    font-size: 12px;
  }
  .right-arrow{
    right: -5px;
  }
  .left-arrow{
    left: -5px;
  }
  .testimonial-box .img img{
    width: 35px;
    height: 35px;
  }
  .testimonial-box{
    margin: 0px 10px;
    min-height: 216px;
    box-shadow: 0px;
    padding:20px;
  }
  .testimonial-box .client-name .city{
    font-size: 12px;
  }
  .testimonial-box .rating-section i{
    font-size: 12px;
  }
  .testimonial-box .client-name .text strong{
    font-size: 14px;
  }
    .hero-header h1{
        font-size: 1.5rem;
    }
    .btn-flip-icon{
        rotate: unset;
        transform: unset;
    }
    .btn-flip-icon .rotate-icon{
      rotate: 90deg;
    }
    
    
    .home-support-title{
        font-size: 16px;
    }
    .border-grey-1 {
        border: 1px solid #ccc !important;
        border-radius: var(--bs-border-radius);
    }
    .home-type-bg {
        background: #fff;
        border-radius: 6px 6px 0px 0px;
    }
    .home-form-bg{
        background: #fff;
        padding: 10px 15px 15px 15px;
        border-radius: 0px 0px 8px 8px;
        border-bottom: 0px;
    }
    .search-heading-border {
        border-right:0px solid #ccc;
      }

    .bg-blue {
        background: #001C66!important;
    }
    
  .navbar-toggler{
    border: 1px solid #fff;
    color:  #fff;
  }
  .login-btn .btn{
    padding: 10px 10px;
  }
  .navbar-toggler-icon{
    border: 1px solid #fff;
    color:  #fff;
  }
  .blue-back-bg{
      background:#174ad1 !important;
  }
  .carousel-inner .carousel-item {
    padding: 6rem 0;
    min-height: 750px;
  }

  .hero-header h1 {
    font-size: 2em;
  }

  .h1,h1 {
    font-size: 2.5rem;
  }

  .h2,h2 {
    font-size: 2rem;
  }

  .cols-4 .carousel-cell {
    width: 33.333333%;
  }

  .grid-space .repeat-section:nth-child(1) {
    width: 100%;
    margin: 0px;
  }

  .grid-space .repeat-section:nth-child(2) {
    width: 100%;
    margin: 0px;
  }

  .grid-space .repeat-section:nth-child(3) {
    width: 100%;
    margin: 0px;
  }

  

  .hero-header h2 {
    font-size: 1.5rem;
  }

  .hero-header p {
    font-size: 1rem;
  }


  /* Arpit Singh Media Query  for 0 to 1200*/

  .hero-header {
    min-height: 650px;
    margin-top: -30px;

  }
  .modal-form-search .modal-content .modal-header h5{
    font-size: 18px;
  }
  .modal-form-search .form-check-span{
    padding: 5px 10px ;
    font-size: 14px;
  }

  .modal-form-search .form-control{
    font-size: 14px;
  }
  .modal-form-search .booking-form__input.guests-input button{
    font-size: 14px;
    padding-left: 10px;
  }
  .modal-form-search .border-grey-1{
    border:0px!important;
    border-bottom: 1px solid #ccc!important;
  }
  .modal-form-search .form-select{
    font-size: 14px;
    padding-left: 10px;;
  }
  .modal-form-search .modal-content{
    border-radius:15px;
  }
  .add-container{
    min-height: 150px;
  }
  .flying-text{
    font-size: 13px;
  }
  .loading-text{
    font-size: 12px;
  }
  .plane-fly .main{
    width: 207px;
  height: 30px;
  }
  .modal-form-search .guests-input__options{
    top: 33px;
  }
  .modal-form-search .guests-input:after{
    right: 12px;
    top: 17px;
  }
  

  .hero-header .container {
    padding-top: 50px;
  }

  .btn-group.account-drop .btn.btn-order-by-filt {
    width: 35px;
    height: 35px;
  }

  .search-form .repeat-section {
    width: 100%;
  }

  .search-form .repeat-section:first-child {
    width: 100%;
    margin-left: 0px;
  }

  .search-form .repeat-section:nth-child(2) {
    width: 100%;
  }

  .search-form .repeat-section:nth-child(3) {
    width: 100%;
  }

  .search-form .repeat-section:last-child {
    width: 100%;
  }

  .app-wrap a {
    width: 49%;
    display: block;
  }
  p.text-light.opacity-75.text-uppercase.m-0{
    font-size: 8px;
  }
  .m-f-12{
    font-size: 12px !important;
  }
  .app-wrap a .cardApp-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .tabs-control-slider .nav .nav-item {
    float: left;
    width: 100%;
  }

  .tabs-control-slider .nav .nav-link {
    width: 100%;
  }

  .footer-bottom p {
    text-align: center;
  }

  .footer-bottom ul {
    text-align: center;
    justify-content: center;
  }

  p {
    font-size: 14px;
  }

  ul li {
    font-size: 14px;
  }

  .form-control {
    height: 42px;
  }
   /* .blue-back-bg{
        background: #001C66!important;
    } */
    .login-btn .btn{
        height: unset;
        padding: 5px  5px;
        font-size: 14px;
    }
    .navbar-toggler {
        border: 1px solid #fff;
        color: #fff;
    }
    .navbar-toggler span{
        color: #fff;
    }
    .navbar-toggler{
        padding: 8px 12px;
    }
    .nav-brand img {
        position: relative;
    }
    .nav-brand img {
        width: 160px;
    }
    .navbar-nav{
      flex-direction:unset;
    }
    .navbar-nav li{
      display: flex;
      align-items: center;
    }
    /* .navbar-nav li{
      padding: 30px 10px 20px 10px;
    } */
    
    .navbar-nav li a{
        padding: 0px;
    }
    .navbar-toggler:focus{
        box-shadow: unset!important;
    }
    .ctaCard {
        min-height: 250px;
        display: flex;
        align-items: center;
    }

    .heading-title.packages {
        font-size: 16px;
    }

    .mobile_nav ul li a {
        height: 40px;
        width: 40px;
    }

  .navigation-portrait {
    height: unset;
  }

  /* .form-check-span {
    color: #fff;
  } */

  .form-check-inline {
    margin-right: 0px;
  }


  .hero-header {
    padding: 5em 0px 3em 0em;
  }

  .search-wrap .btn {
    height: 40px;
    font-size: 14px;
  }

  .gray-simple{
    padding: 27px 0px;
  }
    .hero-header.packages {
      min-height: 350px;
    }

    .footer-bottom {
      ul {
        li {
            padding-bottom: 10px;
            text-align: start;
            display: inline-block;
            padding-right: 10px;

        }
      }
    }

    .footer-bottom p {
      padding-bottom: 20px;
    }
    .search-btn{
      height: 50px;
    }
    .overlay-bg::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      z-index: 0;
  }
  .zindex-high{
    z-index: 9999999;
  }
  .custom-sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 121px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
  }
}



@media all and (min-width: 992px) and (max-width: 1200px) {
  .section-52{
    top: 57px;
  }
  .section-52-booking{
    margin-top: 50px;
  }
  
  .add-container {
    min-height: 220px;
  }
  .loading-search-result .text {
    top: 72%;
  }
  .flying-planing-loading {
    height: 225px;
  }
  .mobile-device{
    display: block;
  }
  .large-device{
    display: none;
  }
  .flying-text{
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    padding: 0px 40px;
    top: unset;
    width: 100%;
  }

  .mobile-view-search .fl-pic img{
    width: 25px;
      height: 25px;
      max-width: unset;
  }
  .mobile-view-search .mobile-price{
    font-size: 12px;
    color: #000;
    font-weight: 600;
  }
  .mobile-view-search .flights-list-item-mobile{
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 0.7em;
  }
  .custome-sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    
  }
  .book-now-btn{
    font-size: 14px;
    padding: 5px 10px;
  }
  .bg-active{
    background-color: #eaffef!important;
    border: 1px solid #318c0b;
  }
  .mobile-view-search .flights-list-item-mobile .both-time{
    font-size: 12px;
    color: #05264e;
    font-weight: 500;
  }
  
  .mobile-view-search .flights-list-item-mobile .time-depart-mobile{
    font-size: 12px;
  }
  .mobile-view-search .flights-list-item-mobile .total-duration{
    font-size: 12px;
    text-align: center;
  }
  
  .total-fare-price{
    font-size: 14px;
    font-weight: 700;
  }
  .both-fare-price{
    font-size: 12px;
    font-weight: 600;
    padding-top: 5px;
  }
  .international-mobile.booked{
    bottom: 0px!important;
  }
  .per-adult{
    font-size: 14px;
  }
  .repeat-grid:nth-child(2){
    border-right: 1px dashed #dee2e6;
  }
  .repeat-grid:nth-child(3){
    border-left: 1px dashed #dee2e6;
  }
  .stop{
    font-size: 12px;
    padding-top: 5px;
  }
  .refundable-text{
    font-size: 12px;
  }
  

}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .nav-brand{
    width: 160px;
  }
  .nav-brand img{
    width: 160px;
  }
  .navbar{
    padding: 10px 0px;
  }
  .section-52{
    top: 57px;
  }
  .package-right-content .customizable-package{
    padding: 8px 8px;
    font-size: 14px;
  }
  .package-right-content .enqiry-btn .btn-primary{
    padding: 8px 8px;
    font-size: 14px;
  }
.calltoAction-title h4{
  font-size: 28px;
}  
  .calltoAction-title p{
      font-size: 16px;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .partners-img img{
    width: 100%
  }
  .footer-bottom p{
      text-align: start;
      padding-bottom: 10px;
    }
     .footer-bottom {
        ul {
          li {
            padding-bottom: 10px;
            text-align: start;
            display: inline-block;
            padding-right: 10px;

          }
        }
      }
    .testimonial-box{
        margin: 0px 10px;
    }
  /* .blue-back-bg{
      background:#001C66!important
  } */
  .h1,
  h1 {
    font-size: 1.7rem;
  }

  .h2,
  h2 {
    font-size: 1.3rem;
  }

  .h3,
  h3 {
    font-size: 1.1rem;
  }

  .h4,
  h4 {
    font-size: 1rem;
  }

  .h5,
  h5 {
    font-size: 0.88rem;
  }

  .fs-1 {
    font-size: 1.7rem;
  }

  .fs-2 {
    font-size: 1.4rem;
  }

  .fs-3 {
    font-size: 1.1rem;
  }
  .nav-pills.small .nav-link {
    padding: 0.4rem 0.6rem;
    font-size: 11px;
  }
  .loading-search-result .text {
    top: 72%;
  }
  .flying-planing-loading {
    height: 225px;
  }
  .mobile-device{
    display: block;
  }
  .large-device{
    display: none;
  }
  .flying-text{
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    padding: 0px 40px;
    top: unset;
    width: 100%;
  }

  .mobile-view-search .fl-pic img{
    width: 25px;
      height: 25px;
      max-width: unset;
  }
  .mobile-view-search .mobile-price{
    font-size: 12px;
    color: #000;
    font-weight: 600;
  }
  .mobile-view-search .flights-list-item-mobile{
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 0.7em;
  }
  .custome-sticky{
    position: sticky;
    position: -webkit-sticky;
    top: 58px;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .book-now-btn{
    font-size: 14px;
    padding: 5px 10px;
  }
  .bg-active{
    background-color: #eaffef!important;
    border: 1px solid #318c0b;
  }
  .mobile-view-search .flights-list-item-mobile .both-time{
    font-size: 12px;
    color: #05264e;
    font-weight: 500;
  }
  
  .mobile-view-search .flights-list-item-mobile .time-depart-mobile{
    font-size: 12px;
  }
  .mobile-view-search .flights-list-item-mobile .total-duration{
    font-size: 12px;
    text-align: center;
  }
  
  .total-fare-price{
    font-size: 14px;
    font-weight: 700;
  }
  .both-fare-price{
    font-size: 12px;
    font-weight: 600;
    padding-top: 5px;
  }
  .international-mobile.booked{
    bottom: 0px!important;
  }
  .per-adult{
    font-size: 14px;
  }
  .repeat-grid:nth-child(2){
    border-right: 1px dashed #dee2e6;
  }
  .repeat-grid:nth-child(3){
    border-left: 1px dashed #dee2e6;
  }
  .stop{
    font-size: 12px;
    padding-top: 5px;
  }
  .discounted-fare-mobile{
    font-size: 12px;
  }

}

@media (max-width: 768px) {
  .navbar{
    padding: 10px 0px;
  }
  .set-position-mobile{
      position: absolute;
      left: 30px;
      top: 30px;
  }
  .discounted-fare-mobile{
    font-size: 10px;
  }

  .large-device{
    display: none;
  }
  .flying-text{
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    padding: 0px 40px;
    top: unset;
  }
  .mobile-device{
    display: block;
  }
  .btn-flip-icon .rotate-icon{
    rotate: 90deg;
  }
  .package-right-content .customizable-package{
    padding: 8px 8px;
    font-size: 14px;
  }
  .package-right-content .enqiry-btn .btn-primary{
    padding: 8px 8px;
    font-size: 14px;
  }
  .footer-bottom p{
    text-align: start;
    padding-bottom: 10px;
  }

    .footer-bottom {
      ul {
        li {
          padding-bottom: 10px;
          text-align: start;

        }
      }
    }
  .testimonial-box{
        margin: 0px 5px;
    }
    .ctaCard{
        min-height: 170px;
    }
    .search-tripType-bg{
        padding: 0px;
    }
    .hero-header h1{
        font-size: 1.2rem;
    }
    .hero-header p{
        font-size: 0.8rem;
        padding-bottom: 5px;
    }
    .home-type-bg{
        background: #fff;
        border-radius: 6px 6px 0px 0px;
        padding: 10px 0px 8px 0px;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        line-height: 28px;
        font-size: 18px;
    }

    .fs-mob {
        font-size: 1rem !important;
    }

    .h-mob-auto {
        height: auto !important;
    }

    .footer-bottom .job-info-count-group {
        justify-content: flex-start;
        margin-top: 1rem;
    }

    .mob-full {
        width: 100%;
    }

    .cols-3 .carousel-cell {
        width: 100%;
    }

    .cols-4 .carousel-cell {
        width: 50%;
    }

    #currencyModal .modal-body,
    #countryModal .modal-body {
        padding: 1rem 0.4rem !important;
    }

    a.selectCurrency,
    a.selectCountry {
        padding: 0.8rem 0.6rem;
    }

    .devider-text {
        font-size: 12px;
    }
    .custom-margin-4 {
      margin: 16px 0px 0px 30px !important;
   }
    #loginmodal .social-login .row .col {
        padding: 0 2px;
    }

      .search-wrap .fliore .nav-tabs.medium .nav-link {
        padding: 0.8rem 0.8rem;
      }

      .card-header.nds-block {
        display: block !important;
      }

      .galleryGrid.typeGrid_3 {
        grid-row: 2 span;
      }

      .galleryGrid.typeGrid_3 {
        grid-column: 2 span;
      }

      .galleryGrid.typeGrid_3 {
        grid-template-columns: 1fr 1fr;
      }

      .bs-stepper .step-trigger {
        padding-top: 0px;
      }

      .flickity-enabled.is-draggable .flickity-viewport {
        min-height: 280px;
        width: 100%;
      }

      .carousel-cell img.object-fit {
        width: 100%;
      }

      .galleryGrid__item .btn {
        font-size: 11px;
        padding: 5px 12px;
        font-weight: 600 !important;
      }

      .flickity-prev-next-button.next {
        right: 15px;
      }

      .flickity-prev-next-button.previous {
        left: 15px;
      }

      .grid-space .repeat-section:nth-child(1) {
        width: 100%;
        margin: 0px;
      }

      .grid-space .repeat-section:nth-child(2) {
        width: 100%;
        margin: 0px;
      }

      .grid-space .repeat-section:nth-child(3) {
        width: 100%;
        margin: 0px;
      }

      /* .btn-flip-icon {
        rotate: 89deg;
      } */
      .search__input {
          width: 100%;
        }

        .filter .search {
          width: 100%;
        }
        .loading-search-result .text {
          top: 67%;
        }
        .flying-planing-loading {
          height: 200px;
        }

        .form-section {
          margin-top: 14px;
      }

      .mobile-view-search .fl-pic img{
        width: 25px;
          height: 25px;
          max-width: unset;
      }
      .mobile-view-search .mobile-price{
        font-size: 12px;
        color: #000;
        font-weight: 600;
      }
      .mobile-view-search .flights-list-item-mobile{
        background-color: #fff;
        padding: 5px;
        border-radius: 5px;
        margin-bottom: 0.7em;
      }
      .custome-sticky{
        position: sticky;
        position: -webkit-sticky;
        top: 58px;
        display: flex;
        justify-content: center;
        align-items: center
      }
      .book-now-btn{
        font-size: 14px;
        padding: 5px 10px;
      }
      .bg-active{
        background-color: #eaffef!important;
        border: 1px solid #318c0b;
      }
      .mobile-view-search .flights-list-item-mobile .both-time{
        font-size: 12px;
        color: #05264e;
        font-weight: 500;
      }
      
      .mobile-view-search .flights-list-item-mobile .time-depart-mobile{
        font-size: 12px;
      }
      .mobile-view-search .flights-list-item-mobile .total-duration{
        font-size: 12px;
        text-align: center;
      }
      
      .total-fare-price{
        font-size: 14px;
        font-weight: 700;
      }
      .both-fare-price{
        font-size: 12px;
        font-weight: 600;
        padding-top: 5px;
      }
      .international-mobile.booked{
        bottom: 0px!important;
      }
      .per-adult{
        font-size: 14px;
      }
      .repeat-grid:nth-child(2){
        border-right: 1px dashed #dee2e6;
      }
      .repeat-grid:nth-child(3){
        border-left: 1px dashed #dee2e6;
      }
      .stop{
        font-size: 12px;
        padding-top: 5px;
      }

}
@media (max-width: 576px) {
  .nav-brand{
    width: 115px;
  }
  .nav-brand img{
    width: 115px;
  }
  .navbar{
    padding:7px 0px;
  }
  .toastify {
    max-width: 100%!important;
    width: 100%!important;
    font-size:13px;
    top: 0px!important;
    right: 0px;
  }
  .toast-close{
      padding-left: 5px;
      position: absolute;
      right: 15px;
      top: 12px;
  }
  .set-position-mobile{
    position: absolute;
    left: 30px;
    top: unset;
}
  .flights-result-data .flights-list-item small{
    font-size: 0.9em;
  }
  .mobile-text .fl-title .airline-text{ 
    font-size: 14px;
  }
  .text-xl-sm{
    font-size: 11px;
    padding-top: 10px;
  }
  .mobile-card-body{
    padding-left: 10px;
    padding-right: 10px;
  }
  .ellipsis-item__normal{
    font-size: 12px;
  }
  .text-info {
    font-size: 12px;
  }
  .mobile-text-neg{
    margin-top: -7px;
  }
  .gray-simple .border-bottom .card-body .crd-heaader-first h4{
    font-size: 14px;
  }
  .detail.ellipsis-container{
    font-size: 12px;
  }
  
  .mobile-text .fl-title .airline-text-II{ 
    font-size: 10px;
  }
  .section-33 .top-section-payment-II .btn{
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
  }
  .flying-text{
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    padding: 0px 83px;
    top: unset;
  }
  .large-device{
    display: none;
  }
  .mobile-device{
    display: block;
  }
  .flights-list-item .nav-tabs .nav-link{
    font-size: 10px;
  }
  .flights-list-item .nav-tabs{
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: center;
  }
  .flights-list-item .nav-tabs .nav-link{
    padding: 5px 10px;
  }
  .flights-list-item .table tr td{
    font-size: 12px;
  }
  .cancellation-tab-section .table tr td{
    font-size: 10px;
  }
  .DepartCancellationInformation .table tr td{
    font-size: 10px;
  }
  .flight-button-wrap .btn-sm i{
    display: none;
  }
  .form-check-span{
    font-size: 12px;
  }
  .btn-group.account-drop .btn.btn-order-by-filt {
    height: 35px;
    width: 35px;
  }

  .call-to-action .main-text {
    margin-top: -270px;
   
  }
 .need-assistance .main-text{
  margin-top: -230px;
 }
  .accordion-body p{
    margin: 0px;
    font-size: 14px;
  }
  .form-group label{
    font-size: 14px;
  }

  .accordion-button{
    font-size: 1rem;
  }
  .package-right-content .customizable-package{
    padding: 8px 8px;
    font-size: 12px;
  }
  .package-right-content .enqiry-btn .btn-primary{
    padding: 8px 8px;
    font-size: 12px;
  }
  .partners-img img{
    width: 100%;
  }
  .calltoAction-title p{
      padding-bottom: 0px;    
  }
  .footer-bottom p{
    text-align: start;
    padding-bottom: 10px;
  }
   .footer-bottom {
      ul {
        li {
          padding-bottom: 10px;
          text-align: start;

        }
      }
    }
    .btn-flip-icon{
        top: 100%;
        height: 25px;
        width: 25px;
        font-size: 12px;
    }

    .blue-back-bg{
        background:#174ad1 !important;
    }
     .navbar-toggler{
      border: 1px solid #fff;
      color:  #fff;
    }

    .navbar-toggler-icon{
      color:  #fff;
    }
    .hero-header.packages {
      min-height: 300px;
    }

    .search__input {
      width: 100%;
    }

    .filter .search {
      width: 100%;
    }

   
    .queries-button.packages {
      font-size: 14px;
      padding: 5px 10px;
      width: 220px;
      margin: 0px;
      height: 50px;
      margin-top: 15px;
    }
    .passengers-title-II .ticket-table tr td{
      font-size: 12px !important;
    }
  }
  @media all and (min-width: 335px) and (max-width: 575px) {
    .main-card-price-summary .travel-insurance .main-title .img{
      text-align: center;
    }
    .section-52{
      top: 57px;
    }
    footer .footer-widget .widget-title{
      font-size: 12px;
    }
    .footer-widget ul li a{
      font-size: 12px;
    }
    footer .footer-widget .footer-menu li{
      margin-top: 5px;
    }
    .desc-p{
      font-size: 12px;
    }
    .pmt-wrap .contact-info{
      font-size: 12px;
    }
    .foot-socials ul li a{
      height: 25px;
      width: 25px;
      font-size: 10px;
    }
    .follow-us{
      font-size: 12px;
    }
    .logo-text{
      font-size: 12px;
    }
    .footer-bottom p{
      font-size: 10px;
    }
    .footer-bottom .center-text{
      text-align: center;
    }
    .footer-bottom a{
      font-size: 10px;
    }
    .footer-bottom ul{
      display: flex ;
    }
    .footer-logo img{
      width: 185px;
    }
    .text-md{
      font-size: 12px;
    }
    .all-route{
      font-size: 12px;
    }
    .custom-gap{
      gap:0px;
    }
    .left-cocial-media{
      bottom: 60px;
    }
    .left-cocial-media .icon{
      height:50px;
      width: 50px;
    }
    .left-cocial-media .icon span{
      font-size: 22px;
    }
    a#back2Top{
      padding: 4px 10px;
    }
    a#back2Top span{
      font-size: 14px;;
    }
    .best-price .typed{
      font-size: 16px;
    }
    .best-price p{
      color: #fff;
      font-size: 14px; 
    }
    .section-51 .booking-status-header ul li {
      list-style: none;
      display: inline-block;
      margin: 8px 1px;
      padding: 0px;
      padding-left: 0px;
    }
    .modal-form-search .modal-content .modal-header h5{
      font-size: 18px;
    }
    .modal-form-search .form-check-span{
      padding: 5px 10px ;
      font-size: 14px;
    }
    
    .section-31 .edit-btn span{
      font-size: 22px;
      color: #21A1F8;
    }
    .section-31 b{
      font-size: 14px;
    }
    .section-31 .icons span{
      font-size: 13px;
    }
    .modal-form-search .form-control{
      font-size: 14px;
    }
    .modal-form-search .booking-form__input.guests-input button{
      font-size: 14px;
      padding: 15px 20px 15px 0px;
    }
    .modal-form-search .border-grey-1{
      border:0px!important;
      border-bottom: 1px solid #ccc!important;
    }
    .modal-form-search .form-select{
      font-size: 14px;
      padding: 25px 20px 15px 0px;
    }
    .modal-form-search .modal-content{
      border-radius:15px;
    }
    .add-container{
      min-height: 150px;
    }
    .flying-text{
      font-size: 10px;
    }
    .loading-text{
      font-size: 12px;
    }
    .plane-fly .main{
      width: 207px;
      height: 30px;
    }
    .modal-form-search .guests-input__options{
      top: 50px;
    }
    .modal-form-search .guests-input:after{
      right: 12px;
    }
    .modal-title{
      font-size: 14px;
    }
    .modal-body .ReturnCancellationInformation h5{
      font-size: 14px;
    }
    .modal-body .ReturnCancellationInformation .fw-medium{
      font-size: 14px;
    }
    .modal-body .ReturnCancellationInformation .fw-medium{
      font-size: 14px;
    }
    .modal-body .height-250{
      font-size: 14px;
    }
    .section-52 .arrow-steps .step {
      font-size: 11px;
      padding: 14px 10px 10px 16px;
      min-width: 75px;
    }  
    .instant-iscount{
      font-size: 9px;
      padding: 5px 6px;
    }
    #flightModaldepart .modal-title{
        font-size: 16px;
    }
    #flightModaldepart .DepartCancellationInformation h5{ 
      font-size: 16px;
    }
    .loading-search-result .text {
      top: 67%;
    }
    .flying-planing-loading {
      height: 164px;
    }
    .mobile-view-search .fl-pic img{
        width: 25px;
        height: 25px;
        max-width: unset;
    }
    .mobile-view-search .mobile-price{
      font-size: 10px;
      color: #000;
      text-align: left;
      font-weight: 600;
    }
    .mobile-view-search .mobile-price .span{
      font-size: 8px!important;
      
    }
    .font-8{
      font-size: 8px!important;
      color: #6c757d !important;
      font-weight: 400;
    }
    .mobile-view-search .flights-list-item-mobile{
      background-color: #fff!;
      padding: 5px;
      border-radius: 5px;
      margin-bottom: 0.7em;
    }
    .flight-name-mobile{
      font-size: 12px;
    }
   
    .book-now-btn{
      font-size: 14px;
      padding: 5px 10px;
    }
    .bg-active{
      background-color: #eaffef!important;
      border: 1px solid #318c0b;
    }
    .mobile-view-search .flights-list-item-mobile .both-time{
      font-size: 10px;
      color: #05264e;
      font-weight: 500;
    }
    .mobile-view-search .depart-result{
      padding-right: 0.3em;
     
    }
    .mobile-view-search .flights-list-item-mobile .time-depart-mobile{
      font-size: 12px;
    }
    .mobile-view-search .flights-list-item-mobile .total-duration{
      font-size: 7px;
      text-align: center;
    }
    .mobile-view-search .return-result{
      padding-left: 0.3em;
     
    }
    .total-fare-price{
      font-size: 14px;
      font-weight: 700;
    }
    .both-fare-price{
      font-size: 12px;
      font-weight: 600;
      padding-top: 5px;
    }
    .international-mobile.booked{
      bottom: 0px!important;
    }
    .per-adult{
      font-size: 12px;
    }
    .repeat-grid:nth-child(2){
      border-right: 1px dashed #dee2e6;
    }
    .repeat-grid:nth-child(3){
      border-left: 1px dashed #dee2e6;
    }
    .stop{
      font-size: 12px;
      padding-top: 5px;
    }
    .refundable-text{
      font-size: 10px;
      text-align: left;
    }
    .filter-btn{
      padding: 50px 50px;
    }
    .cancellation-tab-section .cancellation-title{
      font-size: 12px;
    }
    .cancellation-tab-section .table-1 .title{
      font-size: 12px;
    }
    .cancellation-tab-section .table tr th, .table tr td{
      padding: 7px 5px!important;
      font-size: 8px;
    }
    .cancellation-tab-section table tr td{
      font-size: 10px;
    }
    .cancellation-tab-section ul{
      padding-left: 0px;
    }
    .cancellation-tab-section .ul-cancellation ul li{
      font-size: 10px;
    }
    .cancellation-tab-section .ul-cancellation ul li:last-child{
      font-size: 10px;
    }


    .DepartCancellationInformation .cancellation-title{
      font-size: 12px;
    }
    .DepartCancellationInformation .table-1 .title{
      font-size: 12px;
    }
    .DepartCancellationInformation .table tr th, .table tr td{
      padding: 7px 5px!important;
      font-size: 8px;
    }
    .DepartCancellationInformation table tr td{
      font-size: 10px;
    }
    .DepartCancellationInformation ul{
      padding-left: 0px;
    }
    .DepartCancellationInformation .ul-cancellation ul li{
      font-size: 10px;
    }
    .DepartCancellationInformation .ul-cancellation ul li:last-child{
      font-size: 10px;
    }
    .DepartCancellationInformation span{
      font-size: 12px;
    }
    .DepartBaggageInformation .table tr th,td{
      font-size: 10px!important;
    }
    .payment-container .passengers-title-II .table tr th,td{
      font-size: 12px !important;
    }
    #flightModaldepart .modal-footer{
      border-top:0px;
      padding-top: 0px;
    }
    .bg-opacity-10 .mobile-text{ 
      font-size:12px
    }
  }

  @media all and (min-width: 380px) and (max-width: 574px) {
    .nav-brand img {
      width: 140px;
  }
  }
  

@media (min-width: 1400px) {
  .container {
    max-width: 1340px;
  }
}

@media (min-width: 1200px) {
  .container {
      max-width: 1400px;
  }
}