/* -------------------------------------------------------------
   AEROMAX TOURS & TRAVELS - responsive media queries
   ------------------------------------------------------------- */

/* Large screens and down (Desktop / Large Tablets) */
@media (max-width: 767px) {
    .field-vertical-divider , .stat-vertical-divider {
        display: none;
    }
    .packages-title-underline {
        display: none;
    }
    .hero-body-section.inner-hero.bali-banner .breadcrumb { 
        display: none;
    }
    .pkg-hero-det {
        color: #fff;
    }
}
@media (max-width: 1199px) {
    .hero-title {
        font-size: 50px;
    }

    .nav-menu {
        gap: 20px;
    }

    .booking-search-bar {
        padding: 12px 12px 12px 20px;
    }

    .field-vertical-divider {
        margin: 0 12px;
    }

    .stat-vertical-divider {
        margin: 0 15px;
    }
}

/* Medium screens and down (Tablets / Portables: 768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero-wrapper {
        background-position: center top;
        min-height: auto;
    }

    .header-nav {
        padding: 12px 0;
    }

    .mobile-hamburger-btn {
        display: flex !important;
    }

    .logo-img {
        height: 52px;
    }

    .hero-body-section {
        padding-top: 25px !important;
        padding-bottom: 20px !important;
        gap: 20px !important;
        min-height: auto !important;
        background-position: center top !important;
    }

    .hero-body-section::before {
        display: block !important;
        height: 60% !important;
    }

    .hero-top-wrapper {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0 !important;
    }

    .hero-top-wrapper .row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .hero-top-wrapper .col-lg-7 {
        flex: 0 0 58% !important;
        max-width: 58% !important;
    }

    .hero-top-wrapper .col-lg-5 {
        flex: 0 0 42% !important;
        max-width: 42% !important;
    }

    .hero-text-content {
        max-width: 100% !important;
        text-align: left !important;
    }

    .subtitle-tag {
        font-size: 12px !important;
    }

    .hero-title {
        font-size: 38px !important;
        line-height: 1.15 !important;
        margin-top: 6px !important;
        text-align: left !important;
    }

    .hero-description {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-top: 10px !important;
        margin-bottom: 16px !important;
        text-align: left !important;
    }

    .hero-buttons-row {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        margin-top: 16px !important;
        gap: 12px !important;
    }

    .btn-explore,
    .btn-plan {
        height: 44px !important;
        font-size: 12.5px !important;
        padding: 4px 6px 4px 18px !important;
        min-width: auto !important;
    }

    .btn-plan {
        padding: 10px 18px !important;
    }

    .arrow-badge {
        width: 34px !important;
        height: 34px !important;
    }

    .features-glass-card {
        max-width: 100% !important;
        padding: 16px 18px !important;
        margin-top: 0 !important;
        border-radius: 20px !important;
    }

    .feature-item-title {
        font-size: 13px !important;
    }

    .feature-item-desc {
        font-size: 11px !important;
    }

    .icon-circle-wrapper {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }

    .card-item-divider {
        margin: 8px 0 !important;
    }

    /* Responsive Booking Search Bar - Desktop Horizontal Layout */
    .booking-form-container {
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }

    .booking-search-bar {
        border-radius: 50px !important;
        padding: 8px 12px 8px 20px !important;
        box-shadow: 0 10px 30px rgba(2, 26, 77, 0.08) !important;
    }

    .booking-grid-form {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        gap: 6px !important;
    }

    .form-input-group {
        display: flex !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        align-items: center !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .field-icon-circle {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
        margin-right: 6px !important;
    }

    .input-title-label {
        font-size: 10px !important;
        margin-bottom: 1px !important;
    }

    .custom-form-input,
    .custom-form-select {
        font-size: 12px !important;
        padding: 0 !important;
    }

    .field-vertical-divider {
        display: block !important;
        height: 28px !important;
        width: 1px !important;
        background-color: #e2e8f0 !important;
        margin: 0 4px !important;
    }

    .btn-booking-submit {
        width: auto !important;
        padding: 8px 18px !important;
        height: 42px !important;
        font-size: 12.5px !important;
        border-radius: 50px !important;
        margin-top: 0 !important;
        flex-shrink: 0 !important;
    }

    /* Responsive Stats Bar - 4 stats in a single row */
    .stats-bar-container {
        padding-top: 12px !important;
        padding-bottom: 10px !important;
    }

    .stats-bar-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .stat-item-col {
        flex: 1 1 0 !important;
        max-width: 25% !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .stat-icon-circle {
        width: 36px !important;
        height: 36px !important;
        font-size: 14px !important;
    }

    .stat-title {
        font-size: 12.5px !important;
    }

    .stat-desc {
        font-size: 10.5px !important;
    }

    .stat-vertical-divider {
        display: block !important;
        height: 30px !important;
        width: 1px !important;
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
    .field-vertical-divider {
        display: none;
    }
}

@media (max-width: 991px) {

    /* About Us Section Tablet Responsive */
    .about-section {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .about-content {
        text-align: center;
    }

    .title-underline {
        margin-left: auto;
        margin-right: auto;
    }

    .about-desc {
        margin-left: auto;
        margin-right: auto;
    }

    .about-features-grid {
        justify-content: center;
    }

    .about-actions-row {
        justify-content: center;
    }

    /* Tour Packages Section Tablet Responsive */
    .packages-title {
        font-size: 36px;
    }

    .packages-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* About Discover Section Tablet Responsive */
    .about-discover-section {
        padding-top: 25px;
        padding-bottom: 35px;
    }

    .about-discover-content {
        text-align: center;
    }

    .about-discover-title-underline {
        margin-left: auto;
        margin-right: auto;
    }

    .about-discover-desc {
        margin-left: auto;
        margin-right: auto;
    }

    .about-discover-features-grid {
        margin-left: auto;
        margin-right: auto;
    }

    .about-discover-actions-row {
        justify-content: center;
    }

    /* Testimonials Section Tablet Responsive */
    .testimonials-title {
        font-size: 36px;
    }

    .testimonials-section {
        padding-top: 90px;
        padding-bottom: 120px;
        background-size: cover;
        background-position: center;
        min-height: auto;
    }

    .testimonial-card {
        min-height: auto;
    }

    .testimonial-img-wrapper {
        height: 160px;
    }

    /* Travel Gallery Section Tablet Responsive */
    .gallery-title {
        font-size: 36px;
    }

    /* Our Blog Section Tablet Responsive */
    .blog-title {
        font-size: 36px;
    }

    /* FAQ Section Tablet Responsive */
    .faq-title {
        font-size: 36px;
    }

    .faq-left-wrapper {
        padding-left: 0;
        margin-bottom: 50px;
    }

    .faq-help-card {
        left: 50%;
        transform: translateX(-50%);
        bottom: -30px;
    }

    /* Ready to Explore CTA Section Tablet Responsive */
    .explore-cta-card {
        background: linear-gradient(135deg, #021a4d 0%, #002d72 100%) !important;
        padding: 50px 30px;
        text-align: center;
        min-height: auto;
    }

    .cta-title {
        font-size: 36px;
    }

    .cta-features-row {
        justify-content: center;
        margin-top: 30px !important;
    }

    .cta-feature-item {
        text-align: left;
    }

    .cta-actions-row {
        justify-content: center;
    }

    .explore-floating-card {
        position: relative;
        bottom: 0;
        right: 0;
        margin: 40px auto 0;
    }

    .card-right-content {
        justify-content: center !important;
        align-items: center !important;
    }

    /* Footer Tablet Responsive */
    .footer-svg-backdrop {
        height: 140px;
    }
}

/* Small screens and down (Mobile devices) */
@media (max-width: 767px) {
    /* Header Navigation & Mobile Hamburger */
    .header-nav {
        padding: 12px 0;
    }

    .mobile-hamburger-btn {
        display: flex !important;
    }

    .header-right-actions .btn-phone {
        display: none !important;
    }

    /* Hero Section Mobile Background (Top has scenic image, Lower has #002565 blue on Home page only) */
    .home .hero-wrapper {
        background-color: #002565 !important;
    }

    .home .hero-body-section {
        background: transparent !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    .home .hero-body-section::before {
        display: none !important;
    }

    body:not(.home) .hero-wrapper {
        background: transparent !important;
    }

    body {
        background-color: #ffffff !important;
    }

    .main-content,
    .site-main {
        background-color: #ffffff !important;
    }

    /* Inner Hero Banners Mobile Darkness (All pages excluding Home page) */
    .hero-body-section.inner-hero::before {
        display: block !important;
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(135deg, rgba(0, 0, 0, 0.45) 0%, rgba(2, 26, 77, 0.55) 100%) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .hero-body-section.inner-hero .container {
        position: relative !important;
        z-index: 2 !important;
    }

    .hero-body-section.inner-hero .hero-title {
        color: #ffffff !important;
    }

    .hero-body-section.inner-hero .hero-description {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    .hero-body-section.inner-hero .subtitle-tag {
        color: #38bdf8 !important;
    }

    .hero-top-wrapper {
        width: 100% !important;
        background-color: #002565 !important;
        background-image: none !important;
        padding-top: 35px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .hero-top-wrapper::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: url('../images/hero-bg.png') no-repeat center top !important;
        background-size: cover !important;
        opacity: 0.70 !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .subtitle-tag {
        color: #38bdf8 !important;
    }

    .hero-top-wrapper > .container {
        position: relative !important;
        z-index: 2 !important;
    }

    .hero-top-wrapper .row {
        margin-bottom: 0 !important;
    }

    .hero-buttons-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .btn-explore,
    .btn-plan {
        width: auto !important;
        max-width: max-content !important;
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        height: 48px !important;
    }

    .btn-explore {
        padding: 4px 6px 4px 18px !important;
        gap: 12px !important;
    }

    .btn-plan {
        padding: 10px 22px !important;
        color: #ffffff !important;
        border: 1px solid #ffffff !important;
        background-color: transparent !important;
    }

    .btn-plan .calendar-icon {
        color: #ffffff !important;
    }

    .features-glass-card {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        background: var(--glass-card-bg) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border: 1px solid var(--glass-card-border) !important;
        box-shadow: 0 15px 35px rgba(2, 26, 77, 0.25) !important;
    }

    .hero-lower-wrapper {
        width: 100% !important;
        background-color: #002565 !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        margin: 0 !important;
    }

    /* Hero Floating Booking Form Mobile Responsive */
    .booking-form-container {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        display: flex;
        justify-content: center;
    }

    .booking-search-bar {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 24px 20px;
        border-radius: 26px;
        background-color: #ffffff !important;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
    }

    .booking-grid-form {
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .form-input-group {
        width: 100%;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start;
        border-bottom: 1px solid #f1f5f9;
        padding-bottom: 12px;
    }

    .form-input-group:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
    }

    .field-icon-circle {
        width: 42px;
        height: 42px;
        margin-right: 14px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .input-details {
        flex-grow: 1;
        min-width: 0;
        text-align: left;
    }

    .select-details {
        padding-right: 0 !important;
    }

    .custom-select-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .custom-form-select {
        width: 100%;
        padding-right: 20px;
    }

    .btn-booking-submit {
        width: 100%;
        padding: 14px 20px;
        margin-top: 6px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .hero-title {
        font-size: 38px;
        color: #ffffff !important;
    }

    .hero-description {
        font-size: 16px;
        color: #ffffff !important;
    }

    /* Stats Bar Mobile Responsive (Matches reference image) */
    .stats-bar-container {
        padding-top: 25px !important;
        padding-bottom: 15px !important;
    }

    .stats-bar-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
    }

    .stat-item-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
    }

    .stat-icon-circle {
        width: 46px !important;
        height: 46px !important;
        border-radius: 50% !important;
        border: 1px solid rgba(255, 255, 255, 0.22) !important;
        background: rgba(255, 255, 255, 0.08) !important;
        color: #ffffff !important;
        font-size: 18px !important;
        flex-shrink: 0 !important;
    }

    .stat-title {
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        margin-bottom: 2px !important;
        font-family: var(--font-outfit) !important;
    }

    .stat-desc {
        color: #a8c4f0 !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        margin: 0 !important;
    }

    /* About Us Section Mobile Responsive - 4 cards in a single row */
    .about-section {
        padding-top: 25px !important;
        padding-bottom: 5px !important;
    }

    .about-section .row {
        --bs-gutter-y: 20px !important;
        margin-bottom: 0 !important;
    }

    .about-section .about-image-wrapper {
        margin-top: 15px !important;
        margin-bottom: 0 !important;
    }

    .about-section .about-img {
        margin-bottom: 0 !important;
    }

    .about-actions-row {
        margin-top: 25px !important;
        margin-bottom: 10px !important;
    }

    .about-title {
        font-size: 34px;
    }

    .about-features-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 25px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .about-feature-item {
        flex: 1 1 0px !important;
        min-width: 0 !important;
        max-width: 25% !important;
        padding: 0 2px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .about-feature-icon-wrapper {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
        margin-bottom: 6px !important;
    }

    .about-feature-text {
        font-size: 11px !important;
        line-height: 1.25 !important;
        text-align: center !important;
    }

    /* Tour Packages Section Mobile Responsive */
    .packages-section {
        padding-top: 15px !important;
        padding-bottom: 20px !important;
    }

    .packages-section .section-header {
        margin-bottom: 20px !important;
    }

    .packages-section .text-center.mt-4 {
        margin-top: 20px !important;
    }

    .packages-title {
        font-size: 30px;
    }

    /* About Discover Section Mobile Responsive - 4 cards in a single row */
    .about-discover-section {
        padding-top: 18px !important;
        padding-bottom: 25px !important;
    }

    .about-discover-title {
        font-size: 34px;
    }

    .about-discover-features-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 25px !important;
    }

    .about-discover-features-grid .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        margin: 0 !important;
        gap: 6px !important;
    }

    .about-discover-feature-col {
        flex: 1 1 0px !important;
        width: auto !important;
        max-width: 25% !important;
        padding: 0 2px !important;
    }

    .about-discover-feature-icon-wrapper {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
        margin-bottom: 6px !important;
    }

    .about-discover-feature-text {
        font-size: 11px !important;
        line-height: 1.25 !important;
        margin-top: 6px !important;
    }

    .about-discover-divider {
        display: none !important;
    }

    /* Testimonials Section Mobile Responsive */
    .testimonials-title {
        font-size: 30px;
    }

    /* Travel Gallery Section Mobile Responsive */
    .gallery-title {
        font-size: 30px;
    }

    /* Our Blog Section Mobile Responsive */
    .blog-title {
        font-size: 30px;
    }

    /* FAQ Section Mobile Responsive */
    .faq-title {
        font-size: 30px;
    }

    /* Ready to Explore CTA Section Mobile Responsive */
    .cta-title {
        font-size: 30px;
    }
}

/* Extra small devices */
@media (max-width: 575px) {
    .logo-img {
        height: 48px;
    }

    .hero-title {
        font-size: 32px;
        color: #ffffff !important;
    }

    .hero-description {
        color: #ffffff !important;
    }

    .btn-phone {
        padding: 10px 18px;
        font-size: 13px;
    }

    .hero-buttons-row {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        gap: 12px;
    }

    .btn-explore,
    .btn-plan {
        width: auto !important;
        max-width: max-content !important;
        flex: 0 0 auto !important;
        justify-content: flex-start;
        height: 46px;
    }

    .btn-explore {
        padding: 4px 6px 4px 16px;
    }

    .features-glass-card {
        padding: 24px;
    }

    /* About Us Section Mobile Responsive */
    .about-title {
        font-size: 28px;
    }

    .about-actions-row {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .btn-discover-story,
    .btn-watch-journey {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    /* Tour Packages Section Extra Small Mobile Responsive */
    .packages-title {
        font-size: 26px;
    }

    .packages-subtitle {
        font-size: 12px;
    }

    .packages-desc {
        font-size: 14px;
    }

    .package-img-wrapper {
        height: 200px;
    }

    /* About Discover Section Extra Small Mobile Responsive */
    .about-discover-title {
        font-size: 28px;
    }

    .about-discover-actions-row {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .btn-discover-story-custom,
    .btn-watch-journey-custom {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    /* Testimonials Section Extra Small Mobile Responsive */
    .testimonials-title {
        font-size: 26px;
    }

    .testimonials-subtitle {
        font-size: 12px;
    }

    .testimonials-desc {
        font-size: 14px;
    }

    .testimonials-section {
        padding-bottom: 90px;
        padding-top: 80px;
        background-size: cover;
        background-position: center;
    }

    .testimonial-img-wrapper {
        height: 150px;
    }

    /* Travel Gallery Section Extra Small Mobile Responsive */
    .gallery-title {
        font-size: 26px;
    }

    .gallery-subtitle {
        font-size: 12px;
    }

    .gallery-desc {
        font-size: 14px;
    }

    .btn-gallery-filter {
        padding: 8px 18px;
        font-size: 13px;
    }

    .gallery-img-wrapper {
        height: 180px;
    }

    /* Our Blog Section Extra Small Mobile Responsive */
    .blog-title {
        font-size: 26px;
    }

    .blog-subtitle {
        font-size: 12px;
    }

    .blog-desc {
        font-size: 14px;
    }

    .blog-img-wrapper {
        height: 200px;
    }

    /* FAQ Section Extra Small Mobile Responsive */
    .faq-title {
        font-size: 26px;
    }

    .faq-subtitle {
        font-size: 12px;
    }

    .faq-desc {
        font-size: 14px;
    }

    .faq-help-card {
        position: static;
        width: 100%;
        margin-top: 20px;
        transform: none;
        box-shadow: 0 4px 15px rgba(2, 26, 77, 0.05);
    }

    .faq-accordion-btn {
        padding: 16px 20px;
        font-size: 14.5px;
        gap: 12px;
    }

    .faq-accordion-body {
        padding: 0 20px 20px 68px;
        font-size: 13px;
    }

    /* Ready to Explore CTA Section Extra Small Mobile Responsive */
    .cta-title {
        font-size: 26px;
    }

    .btn-explore-cta-primary,
    .btn-explore-cta-outline {
        width: 100%;
        justify-content: center;
    }

    .cursive-cta-text {
        font-size: 24px;
    }

    .cta-features-row {
        gap: 20px !important;
    }

    /* Footer Extra Small Mobile Responsive */
    .footer-svg-backdrop {
        height: 100px;
    }

    .copyright-slogan-wrapper {
        flex-direction: column;
        text-align: center !important;
    }

    .copyright-slogan-wrapper .text-start {
        text-align: center !important;
    }

    .copyright-links {
        gap: 12px;
    }

    .copyright-separator {
        display: none;
    }

    .copyright-link-item {
        width: 100%;
        display: block;
        margin-bottom: 5px;
    }
}

/* Highlights Collage Mobile Responsive */
@media (max-width: 768px) {
    .highlights-collage {
        flex-direction: column;
        gap: 15px;
    }

    .collage-col-1,
    .collage-col-2,
    .collage-col-3 {
        width: 100%;
        flex: none;
    }

    .collage-col-2 {
        flex-direction: row;
    }

    .collage-col-2 .collage-img-wrapper {
        flex: 1;
        height: 180px;
    }

    .collage-col-1 .collage-img-wrapper {
        height: 280px;
    }

    .collage-col-3 .collage-img-wrapper {
        height: 280px;
    }
}

/* Responsive Itinerary Timeline */
@media (max-width: 991px) {
    .timeline-line {
        left: 20px;
        transform: none;
        top: 10px;
        bottom: 10px;
    }

    .timeline-line-dot-start {
        left: 20px;
        top: 10px;
        transform: translate(-50%, -50%);
    }

    .timeline-line-dot-end {
        left: 20px;
        bottom: 10px;
        transform: translate(-50%, 50%);
    }

    .timeline-col-center {
        display: none;
    }

    .timeline-row {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 50px;
        margin-bottom: 35px;
    }

    .timeline-col-left,
    .timeline-col-right {
        width: 100%;
        padding: 0;
        text-align: left !important;
    }

    .timeline-node {
        left: 20px;
        top: 15px;
        transform: translate(-50%, -50%);
    }

    .timeline-card {
        max-width: 100%;
        width: 100%;
    }
}

/* Redesigned Itinerary Mobile Responsive (Mobile View Only) */
@media (max-width: 767px) {
    .itinerary-arch-image-wrapper {
        height: 260px;
        border-radius: 130px 130px 0 0;
        margin-bottom: 25px;
    }

    .itinerary-day-title-new {
        font-size: 20px;
        margin-bottom: 15px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .itinerary-day-row {
        margin-bottom: 40px;
    }

    .itinerary-day-row .col-md-7.col-12 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .itinerary-sub-timeline {
        padding-left: 28px !important;
        padding-right: 12px !important;
    }
}

/* Booking CTA Section Mobile Responsive */
@media (max-width: 991px) {
    .booking-cta-section {
        padding: 60px 0;
    }

    .booking-cta-title {
        font-size: 32px;
    }

    .booking-cta-card-new {
        margin: 40px auto 0 auto;
        padding: 30px 24px;
    }
}

/* Tablet & Desktop Navigation Safeguard (>= 768px) */
@media (min-width: 768px) {
    .mobile-hamburger-btn {
        display: none !important;
    }

    .aeromax-mobile-offcanvas {
        display: none !important;
    }
}