@media screen and (max-width:1400px) {
    .sto-desti {
        width: 270px !important
    }

    .wcu-box {
        min-height: 270px
    }

    .common_b-colone {
        height: 350px
    }

    .left-plane {
        display: none
    }

    .banner-top {
        height: 450px
    }

    .banner-top p {
        width: 60%
    }

    .plane-right {
        position: absolute;
        height: 100px;
        top: 80px;
        left: -160px
    }

    .footer-top a,
    .footer-top p {
        font-size: 15px
    }

    .loading-page-box {
        width: 70%
    }

    .flight-details-side-col-flight-ads {
        display: none
    }

    .common-banner-overlay,
    .desti_banner-top {
        height: 550px
    }
}

@media screen and (max-width:1200px) {
    .sto-desti {
        width: 220px !important
    }

    .wcu-box {
        min-height: 250px
    }

    .common_b-colone {
        height: 300px
    }

    .header-menu a {
        font-size: 16px
    }

    .header-menu {
        gap: 20px
    }

    .footer p {
        font-size: 13px !important;
        line-height: 23px
    }

    .footer a {
        font-size: 15px
    }

    .f-abt {
        align-items: center !important;
        text-align: center
    }

    .footer-rb {
        justify-content: flex-start
    }

    .footer-ql {
        justify-content: flex-end
    }

    .fa-content,
    .fa-image {
        width: -moz-fit-content;
        width: fit-content
    }

    .dest_about-container h2 {
        font-weight: 600;
        color: #253e8d;
        font-size: 20px !important
    }

    .footer-address {
        justify-content: flex-start;
        gap: 20px
    }

    .se-flight-row {
        padding: 0 15px 15px
    }

    .se-flight-colbox {
        gap: 5px;
        padding-left: 0
    }

    .se-flight-colbox input::placeholder {
        font-size: 14px
    }

    .heading-bottom,
    .heading-top {
        font-size: 40px
    }

    .banner-top p {
        width: 100%
    }

    .banner-top {
        height: 400px
    }

    .heading-orange {
        font-size: 35px
    }

    .banner-deals-content p {
        font-size: 15px
    }

    .banner-deals-content {
        padding: 25px
    }

    .luxurious-adventure-col {
        text-align: center
    }

    .why-choose-us-colone {
        display: none
    }

    .wcu-box {
        text-align: center
    }

    .mid-call-coltwo {
        padding: 20px
    }

    .mid-call-colone {
        display: none
    }

    .mid-section-coltwo p {
        font-size: 15px;
        text-align: center
    }

    .md-heading {
        font-size: 30px
    }

    .mid-section {
        height: 350px !important
    }

    .destination-box img {
        height: 400px !important
    }

    .lblog-btn {
        width: 100%
    }

    .exclusive-unlock {
        height: 280px
    }

    .exclusive-unlock-colthree img {
        margin-top: 0 !important
    }

    .loading-page-box {
        width: 80%
    }

    .setfare-heading img {
        display: none
    }

    .setfare-disclaimer,
    .setfare-para {
        text-align: center
    }

    .flight-filters-heading h6 {
        font-size: 14px
    }

    .flight-filter-clear-btn {
        font-size: 14px;
        padding: 0
    }

    .common-arr-depart .btn {
        width: 90% !important;
        font-size: 11px
    }

    .form-check-label p {
        font-size: 12px
    }

    .common-banner-overlay,
    .desti_banner-top {
        height: 450px
    }

    .se-ul {
        margin-bottom: 5px !important;
        margin-top: 15px !important
    }

    .dest_common-deals-row,
    .dest_popular-places-box,
    .dest_sign-up-input-box {
        width: 100%
    }
}

@media screen and (max-width:992px) {
    .wcu-box {
        min-height: 240px
    }

    .sto-desti {
        width: 220px !important
    }

    .common_b-colone {
        height: 220px
    }

    .header-menu {
        display: none
    }

    .hc-detail img,
    .header-logo img {
        height: 60px !important
    }

    .hc-detail p {
        font-size: 12px
    }

    .hp_number a {
        font-size: 13px
    }

    .resp-nav {
        display: flex
    }

    .header-logo {
        width: 55%
    }

    .plane-right {
        display: none
    }

    .banner-top p {
        margin-bottom: 30px
    }

    .heading-top {
        font-size: 30px
    }

    .heading-bottom {
        font-size: 35px
    }

    .banner-top {
        height: 330px
    }

    .nav-link {
        font-size: 15px
    }

    .se-flight-colbox {
        border: 2px solid #d3d3d3;
        width: 100%;
        border-radius: 50px;
        margin-bottom: 0;
        padding: 7px 15px
    }

    .se-flight-row {
        border-radius: 25px
    }

    .banner-deals {
        padding: 25px 0
    }

    .heading-orange {
        font-size: 25px;
        margin-bottom: 0
    }

    .banner-deals-content {
        gap: 10px;
        padding: 14px
    }

    .banner-deal-btn {
        width: 50%
    }

    .heading {
        font-size: 28px !important;
        line-height: 40px
    }

    .luxurious-adventure-col p {
        font-size: 15px
    }

    .wcu-box img {
        height: 70px
    }

    .destination-box img {
        height: 300px !important
    }

    .mid-call-btn img {
        height: 20px !important;
        width: 20px !important
    }

    .mid-call-btn {
        height: 40px
    }

    .mid-call-btn a,
    .mid-call-coltwo p {
        font-size: 15px
    }

    .special-travel-offer-row {
        display: flex;
        gap: 30px 0
    }

    .sto-box p {
        font-size: 15px
    }

    .sto-desti {
        height: 250px;
        width: 100%;
        object-fit: cover
    }

    .latest-blog-row {
        display: flex;
        gap: 20px 0
    }

    .exclusive-unlock-coltwo {
        display: none
    }

    .exclusive-unlock {
        height: 220px
    }

    .cr-bottom {
        height: 130px
    }

    .loading-page-box {
        width: 90%
    }

    .loading-arrow-img {
        height: 180px !important
    }

    .loading-page-offer {
        margin-top: 90px
    }

    .loading-offer-content {
        gap: 10px
    }

    .loading-para {
        font-size: 17px
    }

    .fd-edit-detail {
        width: 50%
    }

    .back-to-homepage a,
    .fd-sticky-bottom {
        display: flex
    }

    .flight-detail-fliter-button,
    .flight-details-col-filters,
    .flight-return-depart {
        display: none
    }

    .common-banner-overlay,
    .desti_banner-top {
        height: 400px
    }

    .dest_about-container {
        margin-top: 30px
    }

    .dest_popular-places-heading p {
        text-align: center
    }

    .dest_popular-places-box-image img {
        height: 200px !important
    }

    .dest_popular-places-box-content {
        padding: 10px
    }

    .dest_popular-places-box-content h4 {
        font-size: 17px
    }

    .dest_popular-places-box-content p {
        font-size: 14px
    }

    .dest_pp-btn {
        width: 100%
    }

    .dest_common-deals-content p {
        font-size: 15px
    }

    .dest_common-deals-content {
        padding: 15px;
        gap: 10px
    }

    .dest_about-content p {
        font-size: 15px
    }

    .dest_about-content {
        font-size: 15px;
        padding: 15px
    }

    .dest_about-container h2 {
        font-weight: 600;
        color: #253e8d;
        font-size: 20px !important
    }

    .dest_mid-section-image img {
        height: 130px !important
    }

    .dest_mid-section-container {
        height: 120px
    }

    .dest_next-destination-heading p {
        font-size: 15px
    }

    .dest_next-destination-box img {
        height: 200px !important
    }

    .dest_next-destination-content p {
        font-size: 13px
    }

    .dest_sign-up-container {
        padding: 15px
    }

    .dest_sign-up-btn {
        width: 40%;
        font-size: 14px !important;
        height: 40px
    }

    .dest_sign-up-input-box input::placeholder {
        font-size: 15px
    }

    .dest_sign-up-row h5 {
        font-size: 17px;
        margin: 15px 0
    }

    .dest_sign-up-coltwo {
        gap: 15px
    }

    .dest_sign-up-number img {
        height: 25px !important;
        width: 25px !important
    }

    .dest_sign-up-number a {
        font-size: 17px !important
    }

    .dest_sign-up-input-box {
        padding: 10px
    }
}

@media screen and (max-width:768px) {
    .sto-desti {
        width: 170px !important
    }

    .wcu-box {
        min-height: 170px
    }

    .common_b-coltwo img {
        height: 50px;
        order: -1
    }

    .accordion-button.arow-hidden:after {
        content: none !important
    }

    .common_b-coltwo {
        flex-direction: column
    }

    .common_b-colone {
        height: 200px;
        background-size: cover !important
    }

    .header-logo {
        width: 45%
    }

    span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label.css-fyswvn {
        color: #000 !important
    }

    .banner-top {
        height: 400px;
        text-align: center
    }

    .banner-top p {
        width: 100%
    }

    .banner-deals-iamge img {
        height: 180px !important;
        width: 100% !important;
        object-fit: cover
    }

    .banner-deals-content {
        text-align: center;
        align-items: center !important
    }

    .mid-call-coltwo {
        text-align: center
    }

    .mid-call-btn {
        margin-bottom: 25px
    }

    .sto-content {
        text-align: center;
        width: 80%
    }

    .lblog-content p {
        font-size: 14px
    }

    .exclusive-unlock-colthree {
        display: none
    }

    .exclusive-unlock-colone {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .footer-social-media img {
        height: 30px !important;
        width: 30px !important
    }

    .loading-page-box {
        width: 100%
    }

    .loading-desination-gif {
        top: 140px
    }

    .loading-arrow-img {
        height: 170px !important;
        width: 100% !important
    }

    .loading-para {
        font-size: 14px
    }

    .customer-care-loading-image {
        height: 60px
    }

    .loading-number-box a {
        font-size: 15px
    }

    .loading-desination-gif {
        height: 90px;
        width: 90px;
        padding: 10px
    }

    .loading-page-offer {
        margin-top: 50px
    }

    .fd-edit-detail {
        width: 80%
    }

    .fd-edit-detail h6 {
        width: 100%
    }

    .flight-info-card {
        flex-wrap: wrap
    }

    .fic-airline_name_image {
        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
    }

    .deparing-flight-date,
    .flight-info-heading {
        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 0
    }

    .departing-flight-duration,
    .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
    }

    .flight_dp_cal_next,
    .remove-two {
        display: none
    }

    .month-name {
        display: flex;
        color: #fff;
        background: #396bca;
        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,
    .ftd-travel-ol li {
        width: 100%
    }

    .form-check label {
        font-size: 13px
    }

    .flight-info-disclaimer,
    .flight-maininfo-ads-image {
        display: none
    }

    .fd-info-date-price-calender {
        background: #396bca
    }

    .fd-with-price-box {
        background: #fff
    }

    .dest_popular-places-row {
        display: flex;
        gap: 20px 0
    }

    .dest_popular-places-heading {
        margin-bottom: 0 !important
    }

    .dest_common-deals-image img {
        height: 150px !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important
    }

    .dest_common-deals-content {
        align-items: center;
        text-align: center
    }

    .dest_common-deals-row {
        border-radius: 10px
    }

    .dest_about-content {
        align-items: center;
        text-align: center;
        padding-bottom: 15px;
        gap: 15px
    }

    .dest_about-image img {
        height: 200px !important;
        margin-top: -5px !important;
        border-radius: 10px !important
    }

    .dest_mid-section-image {
        display: none
    }

    .dest_next-destination-heading {
        text-align: center;
        margin-bottom: 0 !important
    }

    .dest_next-destination-row {
        display: flex;
        gap: 15px 0
    }

    .dest_nd-c_heading {
        margin-bottom: 5px
    }

    .dest_nd-c_heading h5 {
        font-size: 15px;
        margin-bottom: 0
    }

    .dest_nd-c_heading p {
        font-size: 15px
    }

    .dest_next-destination-box img {
        height: 230px !important
    }

    .dest_sign-up-coltwo {
        align-items: flex-start;
        flex-direction: row;
        margin-top: 20px
    }

    .dest_about-container h2 {
        font-weight: 600;
        color: #253e8d;
        font-size: 20px !important
    }

    .lb-heading h4 {
        font-weight: 600;
        margin-bottom: 0;
        min-height: auto;
        font-size: 20px;
        line-height: 31px
    }

    .mobile {
        background: #f6f6f6;
        padding: 10px;
        border-radius: 0
    }

    .autocomplete-list {
        max-width: 309px;
        margin-left: -13px
    }

    .css-886ukv-MuiInputBase-root-MuiInput-root {
        margin-left: 30px !important
    }

    .c_mar-top {
        margin-top: 25px
    }

    .independence-day-offer,
    .plan-next-holiday {
        padding: 20px 0
    }

    .dr_td-two {
        display: none
    }

    .dr_table-content td {
        padding: 5px
    }

    .dr-search-flight,
    .dr_table-content td>p {
        font-size: 12px
    }

    .dr_td-one img {
        height: 30px
    }

    .dr-search-flight {
        height: 35px
    }

    .independence-day-offer-box img {
        height: 50px
    }

    .independence-day-offer-box {
        height: 240px
    }

    .deals_hide {
        display: none
    }

    .deals_hide2 {
        display: block
    }
}

@media screen and (max-width:576px) {
    body p {
        font-size: 14px !important
    }

    .common_b-coltwo img {
        height: 50px;
        order: -1
    }

    .common_b-colone {
        height: 300px
    }

    .wcu-box {
        min-height: 170px
    }

    .dest_about-container h2 {
        font-weight: 600;
        color: #253e8d;
        font-size: 20px !important
    }

    body a {
        font-size: 14px !important
    }

    .header-logo {
        width: 50%
    }

    .header-logo img {
        height: 50px !important
    }

    .hc-detail {
        display: none !important
    }

    .resp-headercall {
        display: flex;
        background: #0b7695;
        border-radius: 50px;
        gap: 5px;
        padding: 4px 8px;
        border: 1px solid #0b7695;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .24)
    }

    .resp-headercall a {
        color: #fff;
        font-size: 12px !important
    }

    .resp-headercall img {
        height: 25px !important;
        width: 25px !important
    }

    .se-ul {
        gap: 4px
    }

    .tab-pane.se-tp.fade.show.active {
        background: hsla(0, 0%, 100%, .7) !important;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 5px 15px 0;
        margin-top: 0
    }

    .se-li-btn {
        font-size: 13px !important;
        padding: 5px !important;
        color: #000 !important;
        margin-right: 12px
    }

    .banner-top-colone {
        display: none
    }

    .traveller-selection {
        bottom: -295px;
        background-color: #396bca;
        width: 89%
    }

    .ts-box {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px
    }

    .icon3 {
        position: absolute;
        display: block
    }

    .bg-ts-box {
        background: #fff;
        border-radius: 10px;
        padding: 10px
    }

    .resp-trav {
        display: flex;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        gap: 1px;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0
    }

    .resp-trav li {
        list-style: none;
        padding: 5px 8px
    }

    .banner-top,
    .ts-selection-ul {
        display: none
    }

    .banner-deals {
        background: #0b7695;
        padding: 15px
    }

    .banner-se {
        background: none
    }

    .se-sub-li-btn {
        font-size: 13px
    }

    .banner-se-container {
        margin-top: 0
    }

    .banner-search_engine {
        padding: 10px 10px 30px !important;
        background: none;
        border-radius: 0;
        background: url(./mobile.webp) no-repeat 0 0 !important;
        background-size: cover !important;
        height: auto !important
    }

    .tp-box {
        width: 100%
    }

    .css-17lfpnx-MuiFormControlLabel-root .MuiTypography-root {
        color: #000 !important
    }

    .se-ul {
        background: #fff;
        border-top: 1px solid #b8b8b8;
        padding: 15px 10px;
        justify-content: space-between;
        margin: 0 !important
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #000 !important;
        background-color: #fff !important;
        border-radius: 50px;
        padding: 6px 12px !important;
        font-size: 13px !important
    }

    .se-sub-ul {
        background: #fff;
        padding: 5px 10px
    }

    .inner-search-page {
        background: none;
        padding: 0
    }

    .common-banner-colone {
        background-size: contain !important;
        height: auto;
        padding: 143px
    }

    .common-banner-content h1 {
        font-size: 21px
    }

    .se-ul .se-li-btn.active,
    .se-ul .show>.se-li-btn {
        background: #d4e0f6 !important;
        color: #000 !important
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.se-sub-li-btn {
        background: #fff;
        color: #396bca
    }

    .se-sub-li-btn {
        align-items: center;
        gap: 5px;
        color: #000
    }

    .se-sub-tc {
        padding: 0
    }

    .se-flight-row {
        margin: auto;
        background: none;
        border-radius: 50px;
        padding: none;
        border: 0 solid #000;
        position: relative
    }

    .se-flight-col {
        padding: 0
    }

    .se-flight-search {
        background: #396bca;
        color: #fff;
        height: 55px;
        font-weight: 600 !important;
        font-size: 60px;
        border-radius: 10px !important;
        width: 70%;
        margin: auto !important
    }

    .se-flight-col label {
        font-size: 14px;
        padding: 5px 0;
        font-weight: 600;
        display: block;
        color: #000
    }

    .se-flight-colbox {
        border: 1px solid #d3d3d3;
        padding: 10px;
        width: 100%;
        background: #fff;
        gap: 5px;
        border-radius: 10px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .02), 0 0 0 1px rgba(27, 31, 35, .15)
    }

    .traveller-selection li,
    .traveller-selection p {
        font-size: 13px !important
    }

    .traveller-selection h6 {
        font-size: 14px !important
    }

    .luxurious-adventure {
        display: none
    }

    .destination-row {
        margin: auto
    }

    .destination-box {
        margin: auto auto 20px
    }

    .sto-desti {
        height: 180px
    }

    .sto-box p {
        font-size: 14px
    }

    .sto-content h4 {
        font-size: 18px
    }

    .why-choose-us-container {
        padding: 0 25px
    }

    .why-choose-uscol-2 {
        padding: 0
    }

    .wcu-box h5 {
        font-size: 15px !important;
        height: 45px
    }

    .mid-section-bottom,
    .mid-section-colone,
    .mid-section-colthree,
    .wcu-box p {
        display: none
    }

    .mid-call-btn {
        margin-bottom: 15px
    }

    .mid-section {
        height: 270px
    }

    .like-btn {
        height: 35px
    }

    .exclusive-unlock {
        height: 240px
    }

    .btm-deals-btn {
        height: 40px;
        font-size: 15px
    }

    .cr-top-row {
        width: 95%;
        margin: auto
    }

    .cr-box {
        margin: auto
    }

    .cr-bottom {
        display: none
    }

    .footer-bottom-col {
        flex-direction: column;
        gap: 10px
    }

    .fa-image img {
        height: 35px !important;
        width: 40px !important
    }

    .footer-bottom-col p {
        font-size: 13px !important;
        margin-bottom: 0
    }

    .resp-bottom {
        display: flex;
        background: #0b7695;
        padding: 10px
    }

    .resp-bottom p {
        margin-bottom: 5px
    }

    .resp-bottom img {
        height: 30px !important;
        width: 30px !important
    }

    .resp-bottom a {
        color: #fff;
        font-weight: 500;
        font-size: 20px !important
    }

    .footer-box {
        width: 100%
    }

    .fa-image {
        justify-content: flex-start
    }

    .footer-address {
        gap: 10px
    }

    .loading-destiantion-timeline {
        width: 100px
    }

    .loading-content-icon {
        display: none
    }

    .loading-content-number {
        align-items: center !important
    }

    .loading-offer-content {
        padding: 10px;
        text-align: center
    }

    .flight-detail-accordian-item .accordion-body {
        padding: 10px
    }

    .accordion-body {
        box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2) !important
    }

    .departing-flights-detail-heading_box h4 {
        text-align: right;
        width: 100%;
        order: -1
    }

    .deparing-flight-date,
    .flight-info-heading {
        width: 100%
    }

    .departing-flight-duration {
        width: 100px
    }

    .fic-detail-line {
        width: 100%
    }

    .flight-select-button,
    .flight-select-button:hover {
        width: 50% !important
    }

    .detail-line-info {
        width: 100%
    }

    .flight-arrival-time,
    .flight-depart-time {
        width: -moz-fit-content;
        width: fit-content
    }

    .fic-select-button {
        width: 100%;
        position: relative;
        top: 0
    }

    .fic-flight-price {
        position: relative;
        top: 0;
        right: -40%
    }

    .departing-flight-airline {
        width: 20%
    }

    .departing-flight-date-info,
    .fic-flight-duration {
        width: 80%
    }

    .flight-detail-accordian-header-button {
        font-size: 13px
    }

    .fd_sb-subcontent {
        font-size: 13px;
        gap: 0
    }

    .fd-sticky-bottom {
        justify-content: space-around
    }

    .fd_sb-subcontent img {
        height: 20px !important;
        width: 20px !important
    }

    .fd-for-edit {
        gap: 10px
    }

    .common-ftd-subbox a {
        font-size: 12px !important;
        text-align: center
    }

    .ftd-duration,
    .ftd-from-to {
        width: 100%
    }

    .ftd-duration>.ftd-para {
        width: 100%;
        text-align: left
    }

    .ftd-heading {
        font-size: 15px
    }

    .ftd-para {
        font-size: 13px !important
    }

    .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 !important
    }

    .ftd-form-box {
        margin-bottom: 15px
    }

    .flight-date,
    .flight-price {
        font-size: 12px !important
    }

    .ftd-form-input select {
        font-size: 13px
    }

    .common-se-banner {
        margin-top: 0
    }

    .common-se-banner .se-ul {
        margin-top: 0 !important
    }

    .dest_popular-places-box-image img {
        height: 160px !important
    }

    .dest_popular-places-box-content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 5px
    }

    .dest_popular-places-box-content p {
        font-size: 13px !important
    }

    .dest_popular-places-box-rating img {
        height: 15px !important;
        margin: 5px 0
    }

    .dest-pp-pricing {
        justify-content: space-between;
        width: 100%
    }

    .dest_pp-btn {
        margin-top: 10px;
        height: 35px;
        font-size: 13px;
        font-weight: 700
    }

    .dest_mid-section-container {
        display: none
    }

    .dest_next-destination-box img {
        width: 100% !important;
        object-fit: cover !important;
        height: 200px;
        border-radius: 10px
    }

    .dest_sign-up-row h5 {
        text-align: center
    }

    .dest_sign-up-coltwo {
        flex-direction: column;
        align-items: center;
        gap: 0
    }

    .banner-bottom-col p {
        text-align: center;
        font-size: 9px !important
    }

    .dr_row-heading th,
    .independence-day-faq .accordion-body,
    .independence-day-faq .accordion-button,
    .independence-day-offer-box p,
    .independence-day-offer-heading p,
    .independence-day-offer-lastcol-box p,
    .independence_day-content-col li,
    .independence_day-content-col p,
    .plan-next-holiday-content a,
    .plan-next-holiday-content p,
    .plan-next-holiday-heading p,
    .plan-next-holiday-image-name p,
    .popular-desti-usa-heading p,
    .popular-desti-usa_box p {
        font-size: 12px !important
    }

    .popular-desti-usa_box-image img {
        height: 200px
    }

    .independence-day-offer-lastcol-box img {
        height: 20px
    }

    .independence-day-offer-box {
        padding: 10px;
        gap: 5px 0
    }

    .dr-airport-namr p,
    .dr-search-flight,
    .dr_td-three p,
    .dr_td-three span,
    .dr_td-two strong {
        font-size: 10px !important
    }

    .independence-day-faq-row h2,
    .independence-day-offer-heading h2,
    .plan-next-holiday-heading h2,
    .popular-desti-usa-heading h2 {
        margin-bottom: 10px;
        font-size: 22px
    }

    .independence-day-faq-row,
    .plan-next-holiday-heading,
    .plan-next-holiday-row,
    .popular-desti-usa-row {
        gap: 15px 0
    }

    .independence_day-content-col h2,
    .independence_day-content-col h3,
    .independence_day-content-col h4,
    .independence_day-content-col h5 {
        margin: 10px 0
    }

    .independence_day-content-col h2 {
        font-size: 22px
    }

    .independence_day-content-col h3 {
        font-size: 20px
    }

    .independence_day-content-col h4 {
        font-size: 18px
    }

    .independence_day-content-col h5 {
        font-size: 16px
    }

    .deals_hide {
        display: none
    }

    .deals_hide2 {
        display: block
    }
}

@media screen and (max-width:413px) {
    .se-li-btn {
        font-size: 13px
    }

    .deals_hide,
    .remove-three {
        display: none
    }

    .deals_hide2 {
        display: block
    }
}

@media screen and (max-width:1200px) {
    .billing-hazrad {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px
    }

    .billing-header-colthree p {
        font-size: 15px
    }

    .billing-header-colthree {
        gap: 8px
    }

    .billing-header {
        margin-bottom: 10px
    }

    .billing-content-col li,
    .billing-content-col p {
        font-size: 13px;
        margin-bottom: 5px
    }

    .row.ftd-form {
        margin: 0 !important
    }

    .css-886ukv-MuiInputBase-root-MuiInput-root {
        margin-left: 30px !important
    }

    .ff-subheading {
        font-size: 15px !important
    }
}

@media screen and (max-width:576px) {
    .booking-boxes-row-heading h5 {
        font-size: 15px
    }

    .booking-boxes-row-heading img {
        height: 25px
    }

    .booking-boxes-content p {
        font-size: 12px !important
    }

    .billing-content-col h4 {
        font-size: 17px
    }

    .billing-header-colone img {
        height: 50px;
        margin-bottom: 20px
    }

    .ff-subheading {
        font-size: 15px !important
    }

    .post-abs {
        position: absolute;
        border-radius: 10px;
        background: #fff;
        padding: 20px;
        bottom: 25px;
        width: 210px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
        right: 0
    }

    .flight-detail-box-row {
        border-radius: 10px;
        border: 2px solid #d3d3d3
    }

    .flight-detail-banner,
    .flight-detail-header,
    .flight-left,
    .flight-subdetail-box {
        display: none
    }

    .flight-info-card {
        padding: 10px;
        gap: 10px
    }

    .flight-priceandselect-button {
        border-top: 2px dashed #396bca;
        padding: 0
    }

    .flight-price-and-button {
        flex-direction: row;
        background: #fff;
        justify-content: flex-end;
        gap: 15px;
        padding: 15px 10px
    }

    .flight-select-button {
        width: 50% !important;
        height: 40px !important
    }

    .para-note {
        font-size: 11px !important;
        margin-bottom: 0
    }

    .para-note>span {
        display: none
    }

    .flight-price-final {
        color: #396bca
    }

    .flight_dp_cal_prev i {
        display: none
    }

    .flight_dp_cal_next i {
        color: #fff;
        font-size: 11px;
        padding: 5px
    }

    .month-name {
        display: flex;
        color: #fff;
        transform: rotate(270deg)
    }

    .flight-details {
        background: #e4ebf8
    }

    .flight-operated-by {
        display: flex;
        font-size: 12px !important;
        font-weight: 600;
        margin-bottom: 5px
    }

    .fic-flight-duration {
        display: none
    }

    .fic-detail-line {
        width: 100%;
        margin-bottom: 0
    }

    .flight-stops-info {
        width: 140px
    }

    .fic-airline_name_image {
        flex-direction: row;
        gap: 15px;
        align-items: center !important
    }

    .airline-image {
        margin-bottom: 0
    }

    .flight-info-para {
        font-size: 13px !important
    }

    .mobile-flight-duration,
    .mobile-flight_stop-type {
        display: flex;
        color: gray;
        font-size: 12px !important;
        font-weight: 500;
        margin-bottom: 0
    }

    .duration-timeline-stop {
        gap: 5px
    }

    .detail-line-info {
        gap: 12px
    }

    .departing-flight-detail,
    .returning-flight-detail {
        margin-bottom: 0
    }

    .td-desktopview {
        display: none
    }

    .departing-returning-flight-heading-td {
        background: #e4ebf8;
        padding: 10px;
        margin-bottom: 15px
    }

    .departing-returning-flight-heading-td h6 {
        color: #396bca;
        margin-bottom: 0
    }

    .mrgn_ab {
        margin: 0 !important
    }

    .brdr_ab {
        border-top: 1px dotted gray
    }

    .traveler-detail-mobileview {
        display: flex !important;
        width: 100% !important;
        margin: auto !important
    }

    .tdmv-ul {
        width: 100%;
        background: #001123;
        padding: 10px !important
    }

    .nav-pills .show>.nav-link,
    .traveler-detail-mobileview .nav-pills .nav-link.active {
        color: #fff !important;
        background-color: #396bca !important;
        border-radius: 50px;
        padding: 5px 15px
    }

    .mobile_view-td-departing-returning-flight {
        background: #fff;
        box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2);
        margin: auto;
        gap: 10px 0
    }

    .mv-td-ret_depart-heading {
        background: #e4ebf8;
        padding: 10px
    }

    .mv-td-ret_depart-heading h5 {
        font-weight: 700;
        color: #396bca;
        margin-bottom: 0
    }

    .mv-td-flight-detail-price,
    .mv-td-ret_depart-status-date-duration {
        align-items: flex-start
    }

    .from-to-airport,
    .mv-flight-detail h6,
    .mv-td-b_info-content h6,
    .mv-td-flight-detail-price h6,
    .mv-td-ret_depart-status-date-duration h6,
    .mv-td-tp-last-content-image h6 {
        font-weight: 400 !important;
        font-size: 15px !important
    }

    .mv-td-b_info-content,
    .mv-td-baggage-info,
    .mv-td-flight-detail,
    .mv-td-tp-last-content-image {
        gap: 10px 0
    }

    .mv-td-flight-detail-acc,
    .mv-td-tp-last {
        background: #253e8d
    }

    .mv-td-acc-btn {
        width: 100% !important
    }

    .mv-td-flight-detail-acc .accordion-item:last-of-type .accordion-button.collapsed {
        padding: 10px !important
    }

    .accordion-item:last-of-type .accordion-button.collapsed p {
        margin: 0 !important
    }

    .mv-td-baggage-info {
        padding-bottom: 20px
    }

    .mv-td-baggage-info p {
        font-size: 13px;
        color: gray;
        font-weight: 500
    }

    .mv-td-baggage-info a {
        color: #396bca;
        font-weight: 600;
        font-size: 13px
    }

    .mv-td-tp-last {
        padding: 10px;
        color: #fff;
        font-size: 13px
    }

    .mv-td-tp-last-content-image h5 {
        font-weight: 700
    }

    .mv-td-tp-last-content li {
        font-weight: 600;
        font-size: 13px
    }

    .mv-td-tp-last-content-image img {
        height: 150px
    }

    .mv-td-disclaimer-para {
        background: #d4e0f6;
        padding: 10px;
        border-radius: 5px
    }

    .mv-td-disclaimer-para a,
    .mv-td-disclaimer-para p {
        font-size: 12px !important;
        font-weight: 600
    }

    .mv-td-disclaimer-para a {
        color: #396bca
    }

    .mv-td-btn,
    .mv-td-btn:hover {
        background: #253e8d !important;
        margin-bottom: 20px;
        width: 70%;
        color: #fff !important;
        font-weight: 500;
        height: 50px;
        box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3)
    }

    .mv-flight-detail,
    .mv-td-fd-box-time-timeline {
        gap: 15px 0
    }

    .mv-depart-trip-duration p {
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 13px !important
    }

    .mv-td-fd-box-airline img {
        height: auto;
        margin-bottom: 5px
    }

    .mv-td-fd-box-airline p {
        width: 100%;
        font-size: 12px !important;
        font-weight: 500;
        color: gray;
        margin-bottom: 5px;
        text-align: center
    }

    .mv-td-fd-box-airline {
        width: 40%
    }

    .mv-td-fd-box {
        gap: 10px;
        width: 100%
    }

    .mv-td-fd-box-time-timeline {
        width: 45%
    }

    .mv-td-fd-box-time {
        gap: 10px
    }

    .mv-td-fd-box-t-duration p,
    .mv-td-fd-box-time p {
        font-size: 13px !important;
        font-weight: 500;
        color: gray
    }

    .mv-td-fd-box-time span {
        font-weight: 600
    }

    .mv-td-fd-box-cabin p {
        font-weight: 600;
        color: #396bca;
        margin-left: 5px
    }

    .mv-td-fd-box-timeline-circle {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        background: #396bca
    }

    .mv-td-fd-box-timeline {
        height: 100px;
        width: 2px;
        background: #396bca
    }

    .mv-td-fd-box-timelinebox-duration {
        align-items: center;
        gap: 10px
    }

    .mv-td-layover {
        width: 100%;
        border-top: 2px solid #001123;
        margin-top: 20px
    }

    .mv-td-layover h5 {
        font-weight: 700;
        background: #fff;
        font-size: 16px;
        margin-top: -10px;
        padding: 0 10px
    }

    .td-mv-other-content {
        gap: 10px 0;
        margin-bottom: 20px
    }

    .td-mv-other-content h6 {
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 0
    }

    .td-mv-other-content ul {
        margin-top: 10px;
        margin-bottom: 0
    }

    .td-mv-other-content li {
        font-size: 13px;
        font-weight: 500;
        color: gray
    }
}

@media screen and (max-width:413px) {
    .se-li-btn {
        font-size: 13px
    }

    .remove-three {
        display: none
    }
}