@media screen and (max-width: 1400px) {
    .banner {
        height: 450px;
    }
    .banner-colone h1 {
        width: 65%;
        font-size: 40px;
    }
    .mid-section-row {
        padding: 40px 0px 50px 40px;
    }
    .footer-midlinks{
        gap: 20px;
    }
    

    /*-----loading page----*/
    .loading-page-box{
        width: 50%;
    }

    /*----new updates---*/
    .footer-topbox-content a{
        font-size: 16px;
    }
    .footer-topbox-content p {
        font-size: 16px;
    }
    .footer-midlinks {
        flex-wrap: wrap;
    }
    .common-arr-depart .btn{
        width: 45%;
        font-size: 13px;
    }
}
@media screen and (max-width: 1200px) {
    .banner-colone h1 {
        width: 75%;
    }
    .se-col input {
        width: 75%;
    }
    .sd-content {
        padding: 25px;
    }
    .footer-midbox-about{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin-bottom: 15px;
    }
    /*-----loading page----*/
    .loading-page-box{
        width: 60%;
    }
    /*---new updates----*/
    .remove-one{
        display: none;
    }
    .flight-filters-heading h6 {
        font-size: 14px;
    }
    .flight-filter-clear-btn{
        font-size: 14px;
        padding: 0px;
    }
    .flight-filters{
        gap: 25px;
    }
    .flight-range-price p{
        font-size: 14px;
    }
    .common-arr-depart{
        flex-direction: column;
    }
    .common-arr-depart .btn{
        width: 100%;
    }
    .filter-label label{
        font-size: 13px;
    }

    .footer-top-image img{
        height: 50px;
    }
    .footer-top-image{
        width: fit-content;
    }
    .footer-topbox-content{
        width: fit-content;
    }
    .footer-topbox{
        justify-content: flex-start;
    }
    .footer-midbox-about img{
        height: 70px;
    }
    /*-----flight detail----*/
    .fd-edit-detail{
        width: 50%;
    }
    .fd-sticky-bottom{
        display: flex;
    }
}
@media screen and (max-width: 992px) {
    .navbar{
        display: flex;
    }
    .header-menu{
        display: none;
    }
    .header-logo{
        width: 60%;
    }
    .header-contact{
        gap: 15px;
        padding: 18px 15px 18px 15px;
    }
    .header-contact i{
        font-size: 20px;
    }
    .header-contact a{
        font-size: 15px;
    }
    .banner-colone h1 {
        font-size: 30px;
        width: 100%;
        margin-bottom: 15px;
    }
    .banner-colone p {
        font-size: 15px;
    }
    .se-col{
        border-bottom: 1px solid black;
        border-right: none;
        margin: 0px;
    }
    .se-search-btn{
        height: 60px;
    }
    .why-choose-us-box{
        margin-bottom: 10px;
    }
    .mid-section-colone{
        display: none;
    }
    .mid-section-row{
        width: 100%;
        padding: 20px;
        margin: auto;
    }
    .vaction-solution-heading{
        width: 95%;
        margin: auto;
    }
    .mid-section-call img {
        height: 40px;
    }
    .mid-section-call-details p {
        font-size: 18px;
    }
    .mid-section-call-details a {
        font-size: 18px;
    }
    .vaction-solution-box h5 {
        height: 30px;
    }
    .vaction-solution-box{
        margin-bottom: 10px;
    }
    .latest-stories-main-image img{
        height: 300px;
        width: 100%;
        object-fit: cover;
    }
    .latest-stories-main-image{
        margin-bottom: 10px;
    }
    .ls-blog-box img {
        height: 75px;
        width: 75px;
    }
    .ls-blog-content p {
        font-size: 16px;
    }
    .ls-blog-content h5 {
        font-size: 18px;
    }
    .lg-none{
        display: none;
    }
    .sd-content {
        padding: 30px;
    }
    .sd-content p {
        font-size: 16px;
    }
    .footer-top-image img {
        height: 40px;
    }
    .footer-top-image {
        width: auto;
    }
    .footer-topbox-content {
        width: 85%;
    }
    .ftb{
        border-right: none;
    }
    .footer-midbox-about img{
        height: 60px;
    }
    .footer-midbox-about p {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .footer-midlinks a {
        font-size: 15px;
    }
    .footer-last p{
        font-size: 15px;
    }
    .footer-topbox-content a {
        font-size: 15px;
    }
    .footer-topbox-content p {
        font-size: 15px;
    }
    .footer-midsociallinks img {
        height: 30px;
    }
   .common-banner-coltwo{
    display: none;
   }
   .contact-detail{
    flex-wrap: wrap;
    }
    .contact-detail-box{
        width: 100%;
    }
    /*-----loading page----*/
    .loading-page-box{
        width: 70%;
    }
    /*----new updates------*/
    .back-to-homepage a{
        display: flex;
    }
    .flight-details-col-filters{
        display: none;
    }
    .flight-detail-fliter-button{
        display: none;
    }
    .flight-return-depart{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .header-logo {
        width: 50%;
    }
    .banner-colone p {
       text-align: center;
    }
    .top-destinationbox{
        margin-bottom: 10px;
    }
    .mid-sectiontwo p {
       font-size: 15px;
    }
    .ftb {
        padding: 0px;
        border: none;
        margin-top: 10px;
    }
    .footer-midlinks{
        flex-wrap: wrap;
    }
    /*-----loading page----*/
    .loading-page-box{
        width: 100%;
    }

    /*-----flight dettail----*/
    .fd-edit-detail{
        width: 80%;
    }
    .fd-edit-detail h6{
        width: 100%;
    }
    .flight-info-card{
        flex-wrap: wrap;
    }
    .fic-airline_name_image{
        width: 15%;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .fic-flight-duration{
        width: 85%;
    }
    .flight-info-heading{
        font-size: 13px;
    }
    .departing-flights-detail-heading_box{
        flex-wrap: wrap;
    }
    .flight-info-heading{
        width: 50%;
    }
    .deparing-flight-date{
        width: 50%;
    }
    .layover-timing{
        font-size: 15px;
    }
    .departing-flight-information{
        flex-wrap: wrap;
    }
    .departing-flight-airline{
        width: 15%;
        align-items: flex-start;
    }
    .departing-flight-date-info{
        width: 85%;
        align-items: flex-start;
    }
    .departing-flight-line-info{
        width: 100%;
        justify-content : center;
        margin: 15px 0px 15px 0px;
    }
    .departing-flight-duration{
        width: 200px;
    }
    .flight-stops-info{
        width: 200px;
    }
    .departing-flights-detail-heading_box h4{
        font-size: 15px;
    }
    .fd-info-date-price-calender a{
        font-size: 13px;
        text-align: center;
    }
    .remove-two{
        display: none;
    }
    .flight_dp_cal_next{
        display: none;
    }
    .month-name{
        display: flex;
        color: white;
        transform: rotate(270deg);
    }
    .flight_dp_cal_prev i{
        display: none;
    }
    .ftd-form-input input{
        width: 80%;
    }
    .ftd-form-input input::placeholder{
       font-size: 13px;
    }
    .ftd-form-input select>option{
        font-size: 13px;
     }
    .ftd-form-input{
        width: 100%;
    }
    .ftd-travel-ol li{
        width: 100%;
    }
    .form-check label{
        font-size: 13px;
    }
}
@media screen and (max-width: 576px) {
    .header-contact a{
        display: none;
    }
    .header-logo {
        width: 60%;
    }
    .banner-colone h1 {
        font-size: 25px;
    }
    .why-choose-us-box{
        justify-content: flex-start !important;
        
    }
    .vaction-solution-box img {
        height: 80px;
    }
    
    .latest-stories-container {
        padding: 20px;
    }
    .mid-sectiontwo{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .sm-hide{
        display: none;
    }
    

    /*-----pop up----*/
    .logo-colone{
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;

    }
    .logo-colone a{
        color: lightgray;
        font-size: 10px;
    }
    .popup-mid-content-colone h2{
        font-weight: 700;
        font-size: 23px;
        text-align: center;
    }
    .popup-mid-content-colone{
        flex-direction: column;
    }
    .popup-mid-content-colone p{
        font-weight: 500;
        text-align: center;
    }
    .psupport-box{
        border: 1px solid black;
        border-radius: 10px;
        width: 100%;
        text-align: center;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    }
    .psupport-box h4{
        margin-bottom: 0px;
        font-weight: 700;
        color: #253e8d;
    }
    .popup-mid-content-coltwo{
        background: #253e8d;
        border-radius: 10px;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    }
    .p-ul{
        margin: 0px;
        color: white;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }
    .p-ul li{
        width: 48%;
    }
    .popup-mid-content-colthree img{
        height: 300px;
        margin: auto;
    }
    .pf-bottom{
        background: #253e8d;
       padding: 10px;
       gap: 20px;
    }
    .pf-bottom img{
        height: 60px;
    }
    .pfb-content{
        flex-direction: column;
    }
    .pfb-content p{
        color: white;
        font-size: 18px;
        text-align: center;
    }
    .pfb-content a{
        color: white;
        font-size: 22px;
        font-weight: 500;
    }

    /*----loading page---*/
    .lp_common-desti h2{
        font-size: 28px;
    }
    .lp_common-desti p {
        font-size: 15px;
    }
    .loading-page-arrow{
        width: 90px;
    }
    .loading-gif img{
        height: 90px;
    }
    .loading-gif{
        top: 100px;
    }
    .loading-page-destination{
        padding: 20px 20px 30px 20px;
    }
    .lp-cust-care-img{
        height: 70px;
    }
    .loading-offer p{
        font-size: 18px;
    }
    .loading-offer{
        width: 75%;
    }
    .loading-offer-contact img{
        height: 45px;
    }
    .loading-offer-contact a{
        font-size: 18px;
    }

    /*-----flight details----*/
    .flight-detail-accordian-item .accordion-body{
        padding: 10px;
    }
    .departing-flights-detail-heading_box h4 {
        text-align: right;
        width: 100%;
        order: -1;
    }
    .deparing-flight-date {
        width: 100%;
    }
    .flight-info-heading {
        width: 100%;
    }
    .departing-flight-duration{
        width: 100px;
    }
    .fic-detail-line{
        width: 100%;
        margin: 10px 0px 10px 0px;
    }
    .detail-line-info{
        width: 100%;
    }
    .flight-depart-time{
        width: fit-content;
    }
    .flight-arrival-time{
        width: fit-content;
    }
    .fic-select-button{
        width: 40%;
    }
    .departing-flight-airline {
        width: 20%;
    }
    .departing-flight-date-info{
        width: 80%;
    }
    .fic-airline_name_image{
        width: 20%;
    }
    .fic-flight-duration{
        width: 80%;
    }
    .flight-detail-accordian-header-button{
        font-size: 13px;
    }
    .fd_sb-subcontent{
        font-size: 13px;
    }

    /*-----flight detail----*/
    .fd-sticky-bottom{
        justify-content: space-between;
    }
    .fd_sb-subcontent img{
        height: 15px;
    }
    .fd-for-edit{
        gap: 10px;
    }
    .common-ftd-subbox a{
        font-size: 13px;
        text-align: center;
    }
    .ftd-from-to {
        width: 100%;
    }
    .ftd-duration{
        width: 100%;
    }
    .ftd-duration>.ftd-para{
        width: 100%;
        text-align: left;
    }
    .ftd-heading{
        font-size: 15px;
    }
    .ftd-para{
        font-size: 13px;
    }
    .ftd-lining{
        width: 70px;
    }
    .ftd-airline-image{
        height: 40px;
    }
    .ftd-travel-protection-image{
        display: none;
    }
    .ftd-baggage-col{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .fd-depart-return-heading h4{
        font-size: 17px;
    }
    .ftd-baggage-col p{
        font-size: 12px;
    }
}
@media screen and (max-width: 413px) {
    /*-----loading page----*/
    .loading-page-arrow{
        width: 70px;
    }
    .lp_common-desti p {
        font-size: 13px;
    }
    .loading-offer-contact a{
        font-size: 16px;
    }
    .loading-offer-contact{
        padding: 3px 10px;
    }
    .loading-image-offer{
        gap: 10px;
    }
    .remove-three{
        display: none;
    }
}