@media (max-width: 1399.98px) {
    .form_field {
        width: 220px;
    }

    .features_container p {
        font-size: 16px;
    }

    .travel_detail {
        left: -20%;
    }

    .baggage_form_option_wrapper .baggage_form_option {
        padding: 20px 5px;
    }
}

@media (max-width: 1299.98px) {
    #footer .footer_links ul li a {
        margin-right: 10px;
    }
}

@media (max-width: 1199.98px) {
    /* --------------------------------index--------------------------------- */
    .form_field {
        width: 175px;
        padding: 10px 12px 15px;
    }

    .features_container .features_icon {
        padding: 15px;
        gap: 5px;
    }

    .features_container p {
        font-size: 14px;
        margin-top: 3px;
    }

    .dashboard_form {
        padding: 25px;
    }

    .form_field {
        width: 181px;
        padding: 10px 18px 15px;
    }

    .form_field p {
        font-size: 11px;
    }

    .popular_flight_tabs #pills-tabContent .card .card_content p {
        font-size: 13px;
    }

    .popular_flight_tabs #pills-tabContent .card_content .content-inner span {
        font-size: 13px;
    }

    /* --------------------------choose-fare-page---------------------------- */

    .choose_your_fare_card {
        padding: 25px;
    }

    .choose_your_fare_card span {
        margin-bottom: 4px;
    }

    .fare_card_total span {
        font-size: 14px;
    }

    .fare_card_total p {
        font-size: 13px;
    }

    .choose_your_fare_card ul {
        margin-top: 17px;
    }

    .choose_your_fare_card h5 {
        margin-bottom: 0;
    }

    .choose_your_fare_card ul li p,
    .fare_card_button button {
        font-size: 13px;
    }

    .choose_your_fare_card {
        height: 507px;
    }

    /* -----------------------------------booking-contact-------------------------------- */

    .baggage_form_option {
        height: 225px;
    }

    /* ---------------------footer-------------------------- */
    .social_media_cards {
        font-size: 13px;
    }

    /* -------------------------booking---------------------------- */

    .booking_wrapper .popular_flight_tabs .nav-item {
        padding: 0 7px;
    }

    .additional_things p {
        font-size: 12px;
    }

    .route_links ul li {
        width: 200px;
    }

    .booking_sidebar_counter .booking_sidebar_counter_label {
        width: 92%;
    }

    .booking_sidebar_counter .counter .counter-value {
        width: 16px;
        height: 16px;
        font-size: 13px;
    }

    .booking_sidebar_counter .counter .counter-btn {
        width: 17px;
        height: 17px;
    }

    .booking_add_total a {
        font-size: 13px;
    }

    /* -------------------------------------- */
    .tab-content .card-img-overlay button {
        font-size: 11px;
    }
}

@media (max-width: 991.98px) {
    .tab-content .card-img-overlay button {
        position: absolute;
        top: 12px;
        right: -37px;
        font-family: var(--primary-font);
        background-color: #ffffff;
        color: var(--dark-text);
        font-size: 8px;
        padding: 6px 9px 2px;
        border-radius: 20px;
    }

    .tabs button {
        font-size: 17px;
        margin-right: 30px;
    }

    /* #pills-tabContent .card .card_content p {
        font-size: 11px;
    }

    #pills-tabContent .card_content .content-inner span {
        font-size: 11px;
    } */

    #pills-tabContent .card_content .content-inner {
        padding: 2px 6px;
    }

    .dashboard_form_details .dashboard_search {
        width: 100%;
        margin-top: 12px;
        border-radius: 0 0 16px 16px;
    }

    .dashboard_form {
        padding: 25px 15px 15px;
    }

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

    .form-check-input {
        width: 12px;
        height: 12px;
        margin-top: 0.45em;
    }

    .dashboard_content h1 {
        font-size: 37px;
        margin-top: 42px;
    }

    .dashboard_content p {
        font-size: 19px;
        color: #fff;
        font-weight: 400;
        margin: 4px 5px 20px;
        font-family: var(--primary-font);
    }

    .footer_copyright p {
        font-size: 13px;
    }

    .travel_detail {
        left: -62%;
    }

    #footer .footer_links ul li a {
        margin-right: 10px;
    }

    .popular_flight_tabs #pills-tabContent .card .card_content p {
        font-size: 11px;
        font-weight: 500;
    }

    .popular_flight_tabs #pills-tabContent .card_content .content-inner {
        padding: 2px 8px;
    }

    .popular_flight_tabs #pills-tabContent .card_content .content-inner span {
        font-size: 12px;
        font-weight: 500;
    }

    /* ----------------------------------choose-wrapper-------------------------- */

    .choose_your_fare_card {
        height: 450px;
        margin-bottom: 25px;
    }

    /* ------------------------------------booking-process-contact-info------------------------------------ */
    .ticket_wrapper {
        display: none;
    }

    .baggage_form_option_label h5,
    .baggage_value span {
        font-size: 15px;
        margin-top: 5px;
    }

    .booking_process_card p {
        font-size: 13px;
    }

    .baggage_form_option {
        height: auto;
    }

    .booking_wrapper .popular_flight_tabs .tabs button h4 {
        font-size: 18px;
    }

    .booking_wrapper .popular_flight_tabs .tabs button p {
        font-size: 13px;
    }

    .booking_wrapper .popular_flight_tabs .tabs button {
        margin-right: 7px;
    }

    /* -----------------------------------thank-you-------------------------------- */

    .thankyou_content p {
        font-size: 20px;
    }

    .main_page {
        margin-top: 25px;
        overflow: unset;
        height: 100%;
    }
}

@media (max-width: 875.98px) {
    .date-picker-container {
        left: -8%;
    }

    .features_container .features_icon {
        padding: 15px;
        gap: 4px;
    }

    #footer .footer_links ul li {
        margin-right: 7px;
    }

    #footer .footer_links ul li a {
        font-size: 13px;
    }
}

@media (max-width: 767.98px) {
    .travel_detail {
        left: 0;
        width: 100%;
    }

    #pills-tabContent .card .card_content p {
        font-size: 16px;
    }

    #pills-tabContent .card_content .content-inner {
        padding: 2px 10px;
    }

    #pills-tabContent .card_content .content-inner span {
        font-size: 16px;
    }

    .dashboard_form fieldset {
        display: none;
        left: -37px;
    }

    .dashboard_form {
        padding: 15px 0 0px;
        border-radius: 16px;
        border: 2px solid var(--purple-7, #ebcdf6);
    }

    .form_field .travel_arrow {
        display: none;
    }

    #dashboard_header {
        padding: 50px 0 75px;
        height: 450px;
        background-size: cover;
    }

    .form_field .form-label {
        margin-bottom: 0;
    }

    .form_field {
        min-width: 275px;
        max-width: 700px;
        width: 100%;
        padding: 8px 22px;
        border-radius: 0;
    }

    .air_search_city {
        min-width: 275px;
        max-width: 700px;
        width: 100%;
    }

    .dashboard_content p {
        font-size: 17px;
        font-weight: 400;
    }

    .dashboard_form .dashboard_search {
        width: 100%;
        padding: 17px;
        border-radius: 0 0 16px 16px;
    }

    .dashboard_form .btn:hover {
        color: #fff;
    }

    .tabs button {
        font-size: 16px;
        margin-right: 16px;
    }

    .heading p {
        font-size: 17px;
    }

    #pills-tabContent .card .card-title {
        margin-top: 12px;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .fieldset_mobile_wrapper {
        display: block;
    }

    .form_field p {
        font-size: 14px;
        margin-left: 5px;
        font-weight: 500;
        color: var(--text-color);
    }

    .fieldset_mobile {
        padding: 7px 22px 14px;
    }

    .resp_color p,
    .dashboard_form form input {
        font-size: 15px;
        margin-left: 5px;
        font-weight: 500;
        color: var(--dark-text);
    }

    #upcoming_trip_section {
        margin-top: 115px;
        margin-bottom: -75px;
    }

    #features_section {
        margin-top: 100px;
    }

    .features_container p {
        font-size: 11px;
        margin-top: 5px;
        margin-left: 5px;
    }

    #dashboard_header {
        padding: 50px 0 75px;
        height: 475px;
        background-size: cover;
    }

    .dashboard_content h1 {
        font-size: 28px;
        margin-top: 150px;
    }

    .dashboard_form_details button {
        margin-top: 0;
    }

    .date-picker-container {
        padding: 20px 7px;
    }

    .day {
        padding: 6px;
        font-size: 12px;
    }

    .social_links ul {
        justify-content: center;
    }

    .footer_copyright {
        text-align: center;
        margin: 0;
    }

    #popular_flights_section .popular_flight_tabs .tabs button {
        margin-right: 20px;
        font-size: 14px;
    }

    .popular_flight_tabs #pills-tabContent .card .card_content p {
        font-size: 14px;
    }

    .popular_flight_tabs #pills-tabContent .card_content .content-inner {
        padding: 2px 14px;
    }

    .popular_flight_tabs #pills-tabContent .card_content .content-inner span {
        font-size: 14px;
    }

    /* ----------------------------------choose-wrapper-------------------------- */
    .choose_your_fare_card {
        height: 487px;
    }

    /* ---------------------------------flight-details-page--------------------------------------- */

    .booking_description p {
        font-size: 13px;
        line-height: 18px;
    }

    .Booking_flight_Status h5 {
        margin-bottom: 2px;
        font-size: 13px;
    }

    .booking_baggages {
        border-left: none;
    }

    .booking_baggages_card {
        margin-bottom: 12px;
        padding: 0;
    }

    .booking_total_wrapper {
        padding: 20px 0;
    }

    .booking_total_wrapper h3 {
        font-size: 22px;
    }

    .booking_total_wrapper button {
        font-size: 14px;
        padding: 8px 27px;
    }

    .booking_baggages_card_img {
        height: 15px;
        width: 15px;
    }

    .booking_baggages_card_img img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .booking_baggages_card_text h5,
    .booking_baggages_card_text p {
        font-size: 13px;
    }

    .booking_baggages_btn p {
        font-size: 14px;
    }

    /* --------------------------footer--------------------------- */

    .footer_links {
        justify-content: center;
    }

    /* -----------------------booking-process-contact-info-page------------------------------- */

    .booking_process_icon {
        font-size: 9px;
        margin-top: 0px;
    }

    .booking_process_card p {
        font-size: 12px;
    }

    .more_passenger_btn a,
    .back_btn a,
    .continue_btn a {
        font-size: 13px;
        padding: 12px 25px;
    }

    .trip_details_overview h4 {
        font-size: 17px;
    }

    .baggage_info h5 {
        font-size: 15px;
    }

    /* ----------------------------------------thank-you Page------------------------------------- */

    .inner_page_header {
        flex-direction: column;
        align-items: center;
    }

    .additional_things {
        margin-top: 0px;
    }

    .route_links ul li {
        width: 225px;
    }

    .swiper-slide {
        width: 300px;
    }

    .main_page {
        margin-top: 0;
    }

    .mobile_filter_section {
        margin-top: 15px;
    }

    .footer_logo p {
        margin-top: 0px;
        text-align: center;
    }

    #footer {
        padding: 15px 10px;
    }

    /* -----------------------responsive-filter---------------------- */

    .mobile_filter_section .form-select {
        font-size: 13px;
        font-weight: 500;
        flex: 0 0 15%;
    }

    .tab-content .card-img-overlay button {
        margin-right: 0 !important;
    }
    .tab-content .card-img-overlay button {
        position: absolute;
        top: 12px;
        right: 10px;
        font-family: var(--primary-font);
        background-color: #ffffff;
        color: var(--dark-text);
        font-size: 12px !important;
        padding: 6px 9px 2px;
        border-radius: 20px;
    }
    
}

@media (max-width: 600px) {
    .footer_copyright p {
        font-size: 12px;
        margin-bottom: 0;
        line-height: 20px;
    }

    .calendar {
        flex-direction: column;
        align-items: normal;
        gap: 25px;
    }

    .footer-buttons button {
        padding: 8px;
    }

    .add-days-container {
        justify-content: flex-start;
        gap: 15px;
    }

    .date-picker-container {
        display: none;
        max-width: 100%;
        width: 552px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: white;
        padding: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        left: 0;
    }

    .date-inputs {
        flex-wrap: wrap;
    }

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

    .features_container p {
        margin-top: 0px;
    }

    .login {
        height: 22px;
        width: 22px;
    }

    .login i {
        font-size: 12px;
    }

    .fieldset_mobile span {
        font-size: 12px;
    }

    .mobile_filter_section {
        column-gap: 5px;
    }

    .mobile_filter_section .form-select {
        font-size: 12px;
        flex: 0 0 18%;
        font-weight: 500;
    }
}

@media (max-width: 575.98px) {
    .trip_details_overview {
        align-items: start !important;
    }

    #dashboard_header {
        background: url(../img/mob_banner.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0;
        padding-inline: 5px;
    }

    #upcoming_trip_section,
    #features_section,
    #popular_flights_section {
        padding-inline: 4px;
    }

    .login {
        width: 20px;
        height: 20px;
        margin-top: 2px;
    }

    .login i {
        font-size: 10px;
    }

    .navbar-nav {
        margin-right: 0;
    }

    .heading h2 {
        font-size: 30px;
        font-family: var(--primary-font);
        font-weight: 700;
        color: #292d30;
    }

    .navbar .dropdown-menu {
        position: absolute !important;
    }

    .tabs button {
        font-size: 14px;
        margin-right: 10px;
    }

    .tabs .nav {
        flex-wrap: nowrap;
    }

    .features_container p {
        font-size: 16px;
        margin-top: 2px;
    }

    #popular_flights_section .popular_flight_tabs .tabs button {
        margin-right: 16px;
        font-size: 13px;
    }

    /* -------------------------------flight-details-page-------------------------- */

    .booking_baggages_btn {
        display: none;
    }

    .booking_flight-details .booking_flight_status_card {
        flex-direction: column;
        justify-content: left;
    }

    .booking_description {
        margin-bottom: 12px;
    }

    /* ----------------------------------choose-wrapper-------------------------- */
    .booking_process_line {
        margin-top: 8px;
    }

    .choose_your_fare_card {
        height: auto;
    }

    .fare_card_total {
        margin: 12px 0px;
    }

    .fare_card_total p {
        font-size: 15px;
    }

    .fare_card_total span {
        font-size: 16px;
    }

    .booking_process_card p {
        display: none;
    }

    .booking_process_icon {
        height: 17px;
        width: 17px;
        font-size: 10px;
    }

    .booking_process_card .active p {
        display: block !important;
    }

    .choose_your_fare_heading h2 {
        font-size: 27px;
    }

    .booking_process {
        margin-bottom: 20px;
    }

    .choose_your_fare h4 {
        margin-bottom: 10px;
        font-size: 20px;
        margin-top: 15px;
    }

    .choose_your_fare_heading p {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .choose_your_fare h4 {
        margin-bottom: 8px;
        font-size: 18px;
        margin-top: 14px;
    }

    .lang_btn,
    .sign_up_wrap {
        font-size: 13px;
        font-weight: 400;
    }

    /* ------------------------------------footer---------------------------------- */

    .route_links ul {
        flex-direction: column;
        column-gap: 0;
        row-gap: 5px;
    }

    .footer_payment_cards {
        margin-right: 45px;
        margin-top: 20px;
    }

    /* ----------------------------------------booking & trip page------------------------------------------ */

    .booking_trip_tabs .tabs button {
        font-size: 14px;
        margin-right: 40px;
    }

    .trip_summary_wrapper .heading h2 {
        font-size: 22px;
    }

    .trip_details_overview h4 {
        font-size: 17px;
        line-height: 35px;
    }

    .trip_description .trip_detail h5 {
        font-size: 14px;
    }

    .booking_trip_tabs .trip_details_overview button,
    #upcoming_trip_section .trip_details_overview button {
        font-size: 11px;
        padding: 4px 12px 2px;
        margin-right: 0;
    }

    .contact_message p {
        font-size: 12px;
    }

    .trip_detail_icon {
        margin-top: 16px;
    }

    /* -----------------------------------final-booking-page-------------------------------- */
    .payment_content ul li {
        font-size: 13px;
        margin-bottom: 5px !important;
    }

    .trip_contact_wrapper,
    .booking_process_details {
        padding: 10px 20px;
    }

    .booking_process_footer {
        display: none;
    }

    .booking_process_footer .back_btn a,
    .continue_btn a {
        font-size: 16px;
        padding: 12px 30px !important;
    }

    .continue_btn a {
        background: var(--dark-purple);
        color: #fff;
    }

    /* -----------------------------------thank-you page--------------------------------- */

    .trip_description {
        flex-direction: column;
        align-items: flex-start;
    }

    .thankyou_content {
        display: none;
    }

    .inner_page_header button {
        margin-top: 12px;
    }

    .trip_details_overview a {
        margin-top: 7px;
        font-size: 15px;
    }

    .booking_wrapper .popular_flight_tabs .tabs button h4 {
        font-size: 16px;
    }

    .booking_wrapper .popular_flight_tabs .tabs button p {
        display: none;
    }

    .trip-details_wrapper ul {
        margin-bottom: 4px !important;
    }

    /* -------------------------------footer---------------------------------- */

    .footer_links {
        flex-direction: column;
        align-items: center;
    }

    .footer_links .social_links {
        margin-top: 12px;
    }

    #footer .footer_links .social_links ul li a i {
        font-size: 15px !important;
    }

    .dashboard_content h1 {
        font-size: 27px;
    }

    .dashboard_content p {
        font-size: 16px;
    }

    .fieldset_mobile .form-select {
        font-size: 13px;
        padding: 7px;
    }

    .mobile_filter_section .form-select {
        flex: 0 0 17%;
    }

    #booking_thankyou_section {
        padding: 0;
    }

    .inner_page_header a {
        margin-top: 7px;
    }
}

@media (max-width: 499.98px) {
    #popular_flights_section .popular_flight_tabs .tabs button {
        margin-right: 8px;
    }

    .modal-condition p {
        font-size: 11px;
    }
    .day-option {
        padding: 5px 5px;
    }
    .daterangepicker {
        width: 340px !important;
    }
}

@media (max-width: 435.98px) {
    .btn {
        padding: 0.375rem 0.25rem;
    }

    .dashboard_content h1 {
        font-size: 32px;
    }

    .heading p {
        font-size: 14px;
    }

    .tabs button {
        font-size: 13px;
        margin-right: 7px;
        padding: 2px;
        margin-top: 7px;
    }

    .features_container p {
        font-size: 14px;
        margin-top: 0px;
        margin-left: 0px;
    }

    .booking_total_wrapper button {
        font-size: 13px;
        padding: 5px 25px;
    }

    .booking_total_wrapper h3 {
        font-size: 20px;
    }

    .trip_description .trip_detail h5 {
        font-size: 12px;
    }

    .trip_description .trip_detail p {
        font-size: 12px;
        margin-left: 20px;
    }

    .trip_detail_icon {
        height: 22px;
        width: 22px;
    }

    .trip_detail_icon img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .trip_detail_icon {
        margin-top: 2px;
    }

    .fieldset_mobile .form-select {
        font-size: 12px;
        padding: 4px;
    }

    .sign_up_wrap {
        font-size: 12px;
    }

    .lang_btn {
        font-size: 13px;
    }

    .sign_up_wrap i {
        font-size: 12px;
    }

    .mobile_filter_section {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .mobile_filter_section .form-select {
        flex: 0 0 26%;
    }

    /* -------------------------------booking & trip---------------------------------- */

    .booking_trip_tabs .tabs button {
        font-size: 14px;
        margin-right: 25px;
    }

    .booking_trip_tabs .nav-pills .nav-link.active,
    .booking_trip_tabs .nav-pills .nav-link:hover,
    .booking_trip_tabs .nav-pills .show > .nav-link {
        border-bottom: 2px solid;
    }

    .booking_trip_tabs .trip_details_overview button,
    #upcoming_trip_section .trip_details_overview button {
        padding: 6px 10px 3px;
        font-size: 11px;
    }

    .trip_details_overview {
        padding: 10px 20px 25px;
    }

    .trip_details_overview h4 {
        font-size: 15px;
        line-height: 35px;
    }

    /* ------------------------------------booking-process-contact-info-page---------------------------------- */

    .baggage_form_option_label h5,
    .baggage_value span {
        font-size: 13px;
    }

    .baggage_form_option_label p {
        font-size: 12px;
    }

    .baggage_form_option_wrapper .baggage_form_option {
        padding: 15px 7px;
    }

    .departure_detail .booking_type img {
        height: 22px;
        width: 22px;
    }

    .departure_detail .booking_type button {
        padding: 7px 12px;
    }

    .departure_detail .booking_from p,
    .departure_detail .booking_to p {
        font-size: 13px;
    }

    .departure_detail .booking_from span,
    .departure_detail .booking_to span {
        font-size: 14px;
    }

    .booking_process_division p {
        font-size: 13px;
    }

    .booking_add_total h4 {
        font-size: 20px;
    }

    /* -----------------------footer----------------------------- */
    #footer .footer_links ul li {
        margin-right: 4px;
    }

    #footer .footer_links .social_links li {
        margin-right: 12px !important;
    }

    #footer .footer_links .page_links li a {
        font-size: 12px;
    }

    .dashboard_content5 h1 {
        font-size: 27px;
    }

    .heading h2 {
        font-size: 24px;
    }

    .features_container p {
        font-size: 13px;
    }

    .dashboard_content p {
        font-size: 16px;
        font-weight: 400;
        margin: 10px 0 20px;
    }

    .tabs button {
        font-size: 11px;
        margin-right: 5px;
        padding: 2px;
        margin-top: 7px;
    }

    .fieldset_mobile {
        padding: 8px 12px 14px;
    }

    .form_field {
        padding: 8px 15px;
    }

    #popular_flights_section .popular_flight_tabs .tabs button {
        font-size: 12px;
        margin-right: 3px;
    }

    /* -----------------------------choose-fare-------------------------- */

    .choose_your_fare_heading h2 {
        font-size: 22px;
    }

    /* -------------------------------booking & trip---------------------------------- */

    .booking_trip_tabs .tabs button {
        font-size: 12px;
        margin-right: 15px;
    }

    /* --------------------footer---------------------- */

    #footer .footer_links ul li {
        margin-right: 0px;
    }

    #footer .footer_links .page_links li a {
        font-size: 11px !important;
    }

    #footer .footer_links .page_links li a i {
        font-size: 11px !important;
    }

    .booking_trip_tabs .trip_details_overview a,
    #upcoming_trip_section .trip_details_overview a {
        padding: 4px 7px;
        font-size: 11px;
    }

    .trip_details_overview h4 {
        font-size: 15px;
        margin-top: 5px;
    }

    .fieldset_mobile .form-select {
        padding: 0px;
    }
    .day-option {
        padding: 5px 5px;
    }
    .daterangepicker {
        width: 340px !important;
        left: 50px !important;
    }
}

@media (max-width: 385.98px) {
    #popular_flights_section .popular_flight_tabs .tabs button {
        margin-right: 2px;
        font-size: 11px;
    }

    .heading p {
        font-size: 12px;
    }
    .day-option {
        padding: 5px 5px;
    }
    .daterangepicker {
        width: 340px !important;
    }
}

@media (max-width: 360.98px) {
    #footer .footer_links .page_links li a {
        font-size: 10px !important;
    }

    #popular_flights_section .popular_flight_tabs .tabs button {
        margin-right: -1px;
        font-size: 10px;
    }

    .popular_flight_tabs {
        margin-top: 0px;
    }
    .day-option {
        padding: 5px 5px;
    }
    .daterangepicker {
        width: 340px !important;
    }
}