@media screen and (max-width: 1400px) {
    /*--------global--------*/
    .footer-middle-col{
        justify-content: flex-start !important;
    }
    /*-------home-----------*/
    /*----service---*/
    .service-box p{
        height: 60px;
    }
    /*----mid section--*/
    .mid-offer-content h3 {
        font-size: 35px;
    }
    .mid-offer-content p{
        font-size: 20px;
    }
    .mid-class-box img{
        height: 180px;
    }
    .mid-call-number a{
        font-size: 20px;
    }
    .mid-call{
        left: -100px;
    }
     /*------airline landingpage----*/
     .airline-page-banner{
        height: 350px;
    }
}
@media screen and (max-width: 1200px) {
    /*---------home----------*/
    /*-----service---*/
    .service-box>h5{
        height: 40px;
    }
    /*----top destination---*/
    .destination-deals-content p{
        height: 85px;
    }
    /*----mid section---*/
    .mid-class-box img{
        height: 150px;
    }
    .mid-call{
        left: -80px;
        top: 10px;
    }
    .mid-call-number{
        bottom: 40px;
        right: 15px;
    }
    .mid-offer-content h2{
        font-size: 40px;
    }
    /*---common banner--*/
    .common-banner{
        height: 300px !important;
    }
    /*-------flight details-----*/
    .filter-box-btn{
        width: 90%;
        margin: auto;
    }
    .fd-arrow {
        height: 30px;
        width: 30px;
        font-size: 11px;
    }
    .fd-date-box{
        padding: 7px;
    }
    .fd-arr-depat-box{
        width: 70%;
    }
    /*---------destination landing page----*/
    .dlp-box-content p{
        height: 80px;
    }
    /*-----destination single page-----*/
    .things-todo-content p{
        font-size: 13px;
    }
    .things-todo-content {
        height: 250px;
    }
    .things-todo-box img{
        height: 250px;
    }
    /*------airline landingpage----*/
    .airline-page-banner{
        height: 300px;
    }
    /*------expedia----*/
    .expedia-ul{
        width: 100%;
    }
    .exp-one{
        height: 300px;
    }
    .expedia-content img{
        height: 300px;
    }
}
@media screen and (max-width: 992px) {
    /*----------global-------*/
    /*---header----*/
    .header-menu{
        display: none;
    }
    /*------------home----------*/
    /*----banner----*/
    .banner-top{
        display: none;
    }
    .banner-bottom{
        padding-top: 0px !important;
    }
    .banner-bottom-col{
        background: #0f479d;
        box-shadow: none;
        padding: 0px;
    }
    .se-li{
        width: 23%;
    }
    .se-ul{
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
        border-radius: 0px;
    }
    .se-li-btn{
        width: 100%;
        padding: 15px !important;
        border: 2px solid white !important;
        flex-direction: column;
        display: flex;
        justify-content: center;
        gap: 5px;
        font-weight: 500;
        align-items: center;
    }
    .se-ul .se-li-btn.active, .se-ul .show>.se-li-btn {
        border-radius: 3px;
    }
    .se-tc{
        background: white;
        border-radius: 3px;
        padding: 15px 10px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
    .se-row{
        border: none;
        padding: 0px;
        gap: 13px 0px;
    }
    .se-col{
        height: auto;
        border: none;
    }
    .se-col-box{
        border: 1px solid lightgray;
        height: 50px;
        border-radius: 3px;
    }
    .search-engine-button{
        border-radius: 3px;
    }
    /*----top travel---*/
    .top_trav-destination img{
        height: 250px;
    }
    .aust-img {
        height: 300px !important;
    }
    .hawaii-img{
        height: 200px !important;
    }
    /*---service---*/
    .service-box img{
        height: 150px;
        object-fit: contain;
    }
    .service-box>h5{
        height: 40px;
    }
    /*----top destination--*/
    .destination-deals-box img{
        height: 200px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        margin-top: 10px;
    }
    .destination-deals-content p{
        height: 60px;
    }
    .destination-deals-row{
        gap: 20px 0px;
    }
    /*---mid section---*/
    .mid-section_offer-colone img{
        height: 350px;
    }
    .mid-offer-content h3{
        font-size: 25px;
    }
    .mid-offer-content h2{
        font-size: 30px;
    }
    .mid-offer-content img{
        display: none;
    }
    .mid-offer-content p{
        font-size: 15px;
    }
    /*---common banner--*/
    .common-banner{
        height: 200px !important;
    }
    /*---contact us---*/
    .contact-add-detail-row {
        gap: 20px;
        padding: 20px 0px 0px 0px;
    }
    /*-----flight not found----*/
    .flight-not-found-col img{
        height: 400px;
    }
    .flight-not-found-col p{
        font-size: 14px;
    }
    .flight-not-found-button{
    font-size: 14px;
    }
    /*-----flight detail-----*/
    .flight-detail-filter{
        display: none;
    }
    .filter-sticky-btm{
        background: #e5efff;
        padding: 10px;
        border: 2px solid #0f479d;
        display: flex;
        justify-content: space-around;
    }
    .filter-option img{
        height: 30px;
    }
    .filter-option-content{
        display: none;
        position: absolute;
        background: white;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        border: 2px dashed lightgray;
        bottom: 40px;
        width: 250px;
    }
    .filter-option{
        position: relative;
    }
    .filter-option:hover .filter-option-content{
        display: flex;
    }
    .filter-box-btn{
        width: 49%;
    }
    .sb-left{
        left: 0px !important;
    }
    .sb-right{
        right: 0px !important;
    }
    /*------destination single page----*/
    .desti-cf-row{
        gap: 0px;
    }
    .desti-cf-row h2{
        margin-bottom: 20px;
    }
    .things-todo-col{
        padding: 1px 2px;
    }
    .best-airline-box img{
        height: 250px;
    }
    .things-todo-box img{
        height: 220px;
    }
    .things-todo-content{
        height: 220px;
    }
    /*------airline landingpage----*/
    .airline-page-banner{
        height: 250px;
    }
    .airline-box-content p{
        height: 70px;
    }
}
@media screen and (max-width: 767px) {
   /*------global-----*/
   .common-mt {
        margin-top: 25px;
    }
   /*---footer--*/
   .footer-bottom-col{
        flex-direction: column;
        gap: 10px;
   }
   /*------home---------*/
   /*---banner---*/
   .se-li{
        width: 22%;
   }
   .se-ul{
        justify-content: space-between;
   }
   .top_trav-destination-content h5{
        font-size: 14px;
   }
   .search-traveller-class{
        top: 230px;
   }
   /*---top travel--*/
   .top-travel-col{
        justify-content: space-between;
        flex-direction: row;
   }
   .top-travel-row{
        gap: 15px;
   }
   .top_trav-destination img {
        height: 180px;
    }
    .aust-img {
        height: 180px !important;
    }
    .hawaii-img {
        height: 180px !important;
    }
   /*---service---*/
   .service-box p{
        height: 80px;
   }
   /*----mid section---*/
   .mid-class-box img{
        height: 100px;
   }
   .mid-call-number a{
        font-size: 12px;
   }
   .mid-call-number{
        bottom: 20px;
   }
   .mid-offer-content{
        padding: 0px;
   }
   /*----blog----*/
   .blog-banner-box{
        width: 95%;
        padding: 10px;
        gap: 5px;
    }
    .blog-banner{
        height: 200px;
    }
    .blog-banner-box p{
        font-size: 15px;
    }
    .blog {
        padding: 20px 0px 20px 0px;
    }
    .blog-row {
        gap: 15px 0px;
    }
    .blog-box img{
        height: 180px;
    }
    .blog-box-content p {
        font-size: 14px;
    }
    .blog-box-content h4{
        font-size: 17px;
        margin-bottom: 5px;
    }
    .blog-btn{
        height: 35px;
        font-size: 14px;
        text-align: center;
    }
    .blog-box-content{
        padding: 7px;
        text-align: center;
    }
    /*------blog detail----*/
    .blog-detail-content{
        padding: 0px 15px 15px 15px;
    }
    .blog-detail-content h2, .blog-detail-content h3, .blog-detail-content h4, .blog-detail-content h5{
        margin: 10px 0px 10px 0px;
    }
    .blog-detail-content p, .blog-detail-content li{
        font-size: 14px;
        margin-bottom: 5px;
    }
    /*-----flight detail----*/
    .sm-dnone{
        display: none;
    }
    .fd-box {
        padding: 10px;
    }
    .fd-box-airline{
        justify-content: flex-start;
        align-items: center;
    }
    .fd-box{
        flex-wrap: wrap;
        gap: 15px;
    }
    .fd-box-airline img{
        height: 30px;
        margin-bottom: 5px;
    }
    .fd-overlay-timeline-baggage-cabin{
        flex-wrap: wrap;
    }
    .fd-layover-airline-date{
        align-items: center;
    }
    .arr-depart-heading{
        margin-bottom: 15px;
    }
    /*------destination landing page-----*/
    .dlp-box-image img{
        height: 200px;
    }
    .dlp-box-image-description{
        padding: 8px;
    }
    .dlp-box-content{
        margin-top: 0px;
    }
    .dlp-box-content p{
        font-size: 13px;
        height: 120px;
    }
    .desti-lp-banner{
        height: 250px;
    }
    /*-------destination single page-----*/
    .destination-body p, .destination-body li{
        font-size: 13px;
    }
    .top-tourist-spot-box img{
        height: 200px;
    }
    .top-tourist-spot-box h5{
        font-size: 15px;
    }
    .top-tourist-spot-box{
        gap: 8px;
    }
    .best-airline-box img{
        height: 200px;
    }
    .destination-description-col img{
        height: 200px;
    }
    .australia-banner, .brazil-banner, .argentina-banner , .honduras-banner, .norway-banner, .uk-banner, .india-banner, .fiji-banner, .nz-banner, .sa-banner{
        height: 200px;
    }
    .common-row-gap{
        gap: 15px 0px;
    }
    /*-----airline landing page----*/
    .airline-box-image img{
        height: 200px;
    }
    /*---------airline detail page-----*/
    .abt-airline-row img{
        height: 200px;
        margin: 6px auto;
    }
    .abt-airline-col p{
        margin: 10px auto;
        font-size: 13px;
    }
    .abt-airline-col h2, .abt-airline-col h3, .abt-airline-col h4 {
        margin-bottom: 10px;
    }
    /*------traveler detail-----*/
    .td-fd-airportname{
        width: 100%;
    }
    .td-fd-baggage-content p{
        font-size: 13px;
        margin-bottom: 5px;
    }
    .td-input-box input::placeholder, .td-input-box select::placeholder{
        font-size: 13px;
    }
    
}
@media screen and (max-width: 576px) {
    /*-----global---------*/
    .heading-col{
        margin-bottom: 20px;
    }
    /*-----header----*/
    .header {
        padding: 10px 0px 10px 0px;
    }
    .header-logo-img{
        height: 65px;
    }
    .header-contact-box{
        padding: 8px 10px;
    }
    .header-call-img{
        height: 40px;
    }
    .header-call-content a{
        font-size: 14px;
    }
    .header-call-content p{
        font-size: 12px;
    }
    /*-----footer--*/
    .footer-logo{
        height: 65px;
        width: auto;
    }
    .footer p {
        font-size: 14px;
    }
    .footer a{
        font-size: 14px;
    }
    .footer-contact-box img {
        height: 30px;
    }
    .footer-social-media img{
        height: 25px;
    }
    .sticky-bottom-box{
        display: flex;
        background: #d4011a;
        padding: 10px;
        gap: 15px;
    }
    .sticky-bottom-box img{
        height: 60px;
    }
    .sticky-bottom-content a{
        color: white;
        font-weight: 500;
        font-size: 20px;
    }
    /*-----------home----*/
    /*--banner-----*/
    .se-date input[type="date"]{
        width: 110%;
    }
    .se-ul{
        gap: 5px;
        padding-top: 0px ;
    }
    .se-li{
        width: 23%;
        font-size: 13px;
    }
    .se-col-box{
        padding: 0px 7px;
        height: 40px;
    }
    .se-li-btn{
        padding: 10px !important;
    }
    .se-tc{
        padding: 8px 0px;
    }
    .search-engine-button{
        height: 40px;
    }
    .se-sub-ul{
        margin-bottom: 10px !important;
    }
    /*-----service----*/
    .service-box {
        border: 3px solid #0f479d;
        padding: 8px;
    }
    .service-box>h5{
        font-size: 15px;
        height: 30px;
    }
    .service-box>p{
        font-size: 13px;
        height: 95px;
    }
    /*---top destination---*/
    .destination-deals-box img{
        margin-top: 0px;
    }
    .destination-deals-content{
        padding: 10px;
    }
    .destination-deals-content p{
        font-size: 13px;
        height: 95px;
    }
    /*-----mid section---*/
    .mid-section_offer-colone{
        display: none;
    }
    .mid-call{
        display: none;
    }
    .mid-offer-content{
        padding: 15px 0px !important;
    }
    /*---common banner--*/
    .common-banner{
        height: 150px !important;
    }
    .common-site-content{
        padding: 0px 0px;
    }
    .common-site-content p{
       font-size: 14px;
    }
    .common-site-content h2, .common-site-content h3, .common-site-content h4, .common-site-content h5{
        margin: 10px 0px 10px 0px;
    }
    /*------contact us----*/
    .contact-us-container{
        padding: 15px 20px;
    }
    .contact-form-row{
        gap: 15px 0px;
        padding: 10px 0px;
    }
    .contact-box-heading{
        font-size: 14px;
    }
    .contact-form-box input::placeholder, .contact-form-box textarea::placeholder{
        font-size: 14px;
    }
    .contact-us-btn{
        width: 100%;
    }
    .contact-form-box textarea{
        height: 100px;
    }
    .contact-add-detail-col img{
        height: 40px;
    }
    .contact-add-content p, .contact-add-content a{
        font-size: 14px;
    }
    .contact-us h2, .contact-us h5 {
        margin-bottom: 4px;
    }
    /*-----flight not found----*/
    .flight-not-found-col img{
        height: 250px;
    }
    .flight-not-found-button{
        padding: 7px 15px;
    }
    /*----------------flight details------*/
    .flight-detail-options{
        display: none;
    }
    .fd-banner{
        display: none;
    }
    .fd-date-box p{
        font-size: 11px;
    }
    .sm-box-hide{
        display: none;
    }
    .fd-arr-depat-box{
        width: 100%;
    }
    .fd-box-detail{
        width: 75%;
    }
    .fd-search-box{
        width: 25%;
    }
    .fd-search-btn{
        width: 90%;
    }
    .fd-box p, .fd-acc-body p, .fd-acc-body li{
        font-size: 11px;
    }
    .fd-box h6{
        font-size: 13px;
        margin-bottom: 5px;
    }
    .time-line{
        width: 90px;
    }
    .fd-timeline{
        gap: 5px;
    }
    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{
        padding: 8px;
        font-size: 13px;
    }
    .filter-option-content p, .filter-option-content label{
        font-size: 12px;
    }
    .filter-box-btn{
        font-size: 13px;
    }
    .fd-box-flight-duration{
        order: -2;
    }
    .fd-box-airline{
        order: -3;
    }
    .fd-box-price{
        order: -1;
    }
    .fd-arr-btn{
        font-size: 13px;
    }
    .filter-option-content{
        width: 200px;
    }
    .fd-acc-body h6{
        font-size: 13px;
    }
    .fd-layover-detail{
        margin-top: 10px;
    }
    .fd-acc-body{
        padding: 10px;
    }
    .fd-overlay-timeline-arr_depart{
        margin-bottom: 10px;
    }
    .fd-layover-airline img{
        height: 35px;
    }
    .arr-depart-heading{
        font-size: 17px;
    }
    .layover-heading-time h2{
        font-size: 18px;
        margin-top: -20px;
    }
    .round-trip-flight-info{
        margin-bottom: -6px;
    }
    /*-------destination landingpage----*/
    .dlp-box-content p{
        height: fit-content;
    }
    /*-----destination single page----*/
    .desti-cf-row{
        gap: 2px 0px;
    }
    .min-height{
        height: 120px !important;
    }
    .things-todo-box img{
        height: 190px;
    }
    .things-todo-content{
        height: 190px;
    }
    .things-todo-content p{
        font-size: 12px;
    }
    .best-airline-box-content ul{
        padding: 0px;
        margin: 0px;
    }
    .best-airline-box img{
        height: 150px;
    }
    .desti_travel-time-img-col img{
        height: 150px;
    }
    /*---------------airline landing page---*/
    .airline-page-banner{
        height: 170px;
        padding-top: 20px;
    }
    /*-----traveller detail----*/
    .td-fd-baggage-content{
        flex-direction: column;
    }
    .td-bagthree{
        display: none;
    }
    /*------popup-------*/
    .popup{
        display: flex;
    }
    .popup-col{
        gap: 20px 0px;
        text-align: center;
    }
    .popup-col h4, .popup-col h5{
        color: #0f479d;
    }
    .popup-col p{
        font-weight: 500;
        font-size: 18px;
    }
    .popup-logo img{
        height: 100px;
    }
    .popup-ul{
        flex-wrap: wrap;
        margin: 0px;
        padding: 0px;
        gap: 15px 0px;
    }
    .popup-li{
        width: 48%;
        background: #d4011a;
        color: white;
        font-size: 17px;
        font-weight: 500;
        border-radius: 5px;
        height: 50px;
    }
    .popup-custcare{
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
    /*--------expedia-----*/
    .expedia-page{
        padding: 25px 0px 25px 0px;
    }
    .exp-logo{
        height: 50px;
    }
    .expedia-page-colone{
        gap: 15px 0px;
    }
    .expedia-ul{
        padding: 0px;
    }
    .expedia-li{
        width: 47%;
        font-size: 14px;    
    }
    .expedia-page-colone p{
        font-size: 15px;
    }
    .exp-one{
        height: 200px;
    }
    .expedia-content h2, .expedia-content h3, .expedia-content h4{
        margin: 10px 0px 20px 0px;
    }
    .expedia-content p{
        font-size: 14px;
    }
    .expedia-content img{
        height: 200px;
    }
    .expedia-about{
        width: 95%;
        margin: 20px auto auto auto;
        padding: 15px;
        gap: 15px 0px;
    }
    .expedia-about p{
        font-size: 14px;
    }
}
