@media (max-width: 1024px) {
    section.space.package_to_mountain {
        background: aliceblue;
        /* max-height: 34rem; */
    }

    .blog_caption {
        margin-top: 1rem;
    }

    .gallery_sec a img {
        width: 160px;
        border-radius: 12px;
        padding: 4px;
    }

    .package_title {
        position: absolute;
        bottom: 0;
        left: 0%;
        transform: translate(0%, -160%);
        padding: 0 40px
    }

    .navbar a,
    .navbar a:focus {
        padding: 10px 0 10px 14px;
        font-size: 15px;
    }

    .social_icn {
        display: none !important;
    }

    #header .logo img {
        max-height: 32px;
    }
}

/* @media (max-width: 991px) {
    section.space.package_to_mountain {
        background: aliceblue;
        max-height: 44rem;
    }
} */


@media (max-width: 991px) {
    section.space.package_to_mountain {
        background: aliceblue;
        /* max-height: 44rem; */
    }

    .blog_txt h4 {
        font-size: 17px;
        font-weight: 600;
        color: #000;
    }

    .blog_txt p {
        width: 108px;
    }

    .blog_caption {
        margin-top: 1rem;
    }

    .gallery_sec a img {
        width: 120px;
        border-radius: 12px;
        padding: 4px;
    }

    .package_title {
        position: absolute;
        bottom: 0;
        left: 0%;
        transform: translate(0%, -160%);
        padding: 0 20px
    }

    div#Mountain {
        position: relative;
        top: 0rem;
        padding: 0 0.5rem;
    }
}

@media (max-width: 768px) {

    section {
        padding: 35px 0;
        overflow: hidden;
    }

    /* Tour category cards: mobile layout refinements */
    .tour-cat-card .container-fluid {
        padding: 0 10px;
    }

    .tour-cat-img img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        object-fit: cover;
    }

    .tour-cat-info {
        position: static;
        padding: 15px;
    }

    .tour-cat-info ul {
        position: static;
        margin-top: 10px;
        display: flex;
        flex-wrap: nowrap;
        gap: 0px 8px;
        justify-content: flex-start;

    }

    .tour-cat-pricing-bl {
        border-left: none;
        border-top: 1px solid #ddd;
    }

    .tour-cat-pricing {
        padding: 15px;
    }

    .package_to_mountain .container {
        max-width: 100%;
    }

    .hero_detail h1 {
        font-size: 25px;
    }

    .most_rcmmnded_caption a figure {
        position: relative;
        width: 100%;
    }

    .most_rcmmnded_caption {
        margin-right: 22px;
        width: 100%;
    }

    .most_column {
        margin-right: -23px;
        overflow-x: auto;
        display: flex;
    }

    #Mountain.owl-carousel .owl-stage {
        margin-left: 0px !important;
    }

    .owl-carousel .owl-stage {
        margin-left: 0;
    }

    .most_rcmmnded_caption.explore {
        width: 100%;
    }

    .most_rcmmnded_caption.internation_trip {
        width: 100%;
    }

    .most_column {
        margin-right: 0;
        overflow-x: visible;
        display: block;
    }

    section.space.package_to_mountain {
        background: aliceblue;
        /* max-height: 42rem; */
    }

    .blog_txt h4 {
        font-size: 17px;
        font-weight: 600;
        color: #000;
    }

    .blog_txt p {
        width: 108px;
    }

    .blog_caption {
        margin-top: 1rem;
    }

    .mein-heading p {
        font-size: 14px;
        max-width: 34rem;
    }

    .gallery_sec a img {
        width: 120px;
        border-radius: 12px;
        padding: 4px;
    }

    .package_title {
        position: absolute;
        bottom: 0;
        left: 0%;
        transform: translate(0%, -160%);
        padding: 0 20px
    }

    .header-scrolled #navbar .hdr_serchbar {
        display: none !important;
    }

    .navbar a,
    .navbar a:focus {
        padding: 10px 0 10px 30px;
        font-size: 16px;
    }

    div#Mountain {
        position: relative;
        top: 0rem;
        padding: 0 0.5rem;
        max-width: 100%;
        top: 1rem;
    }

    .hdr_serchbar input {
        border: 1px solid #ccc !important;
    }

}

@media (max-width: 575px) {
    .owl-carousel .owl-stage-outer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .owl-carousel .owl-stage {
        margin-left: 0 !important;
    }

    .header-scrolled #navbar .hdr_serchbar {
        display: none !important;
    }

    /* Tighter mobile layout for tour cards */
    .tour-cat-img img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        object-fit: cover;
    }

    .tour-cat-info h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .tour-cat-info span {
        font-size: 14px;
    }

    .tour-cat-pricing p strong {
        font-size: 22px;
    }

    .tour-cat-pricing a {
        font-size: 18px;
        padding: 8px 10px;
    }

    .package_to_mountain .container {
        max-width: 100%;
    }

    .package_title {
        position: absolute;
        bottom: 0;
        left: 0%;
        transform: translate(0%, -160%);
        padding: 0 20px
    }

    section {
        padding: 30px 0;
        overflow: hidden;
    }

    #hero {
        min-height: 490px;
    }

    .comman_banner {
        min-height: 420px !important;
    }

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

    .mein-heading p {
        font-size: 14px;
        max-width: 21rem;
    }

    .contentScroll {
        padding: 15px 0;
    }

    .hero_tabs ul li:nth-child(1) {
        font-size: 14px;
    }

    .hero_tabs ul li:nth-child(2) {
        font-size: 14px;
    }

    .hero_detail h1 {
        font-size: 25px;
    }

    .most_rcmmnded_caption a figure {
        position: relative;
        width: 100%;
    }

    .most_rcmmnded_caption {
        margin-right: 18px;
        width: 100%;
    }

    .most_column {
        margin-right: 0;
        overflow-x: visible;
        display: block;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE/Edge */
    }

    .most_rcmmnded_caption figure figcaption {
        font-size: 26px;
        bottom: 10px;
    }

    .most_rcmmnded_caption a figure figcaption span {
        font-family: "Poppins", sans-serif;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .most_rcmmnded_caption figure::before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 150px;
    }

    #mountain.owl-carousel .owl-stage {
        margin-left: 0px !important;
    }

    .owl-carousel .owl-stage {
        margin-left: 0;
    }

    .weekend_item a figure figcaption {
        position: absolute;
        font-size: 11px;
    }

    .weekend_item a figure:before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 150px !important;
    }

    .weekend_item a figure figcaption {
        border-radius: 6px;
    }

    .gallery_sec a img {
        width: 120px;
        border-radius: 12px;
        padding: 4px;
    }

    a.view_btn {
        border: 1px solid var(--primery-color);
        padding: 5px 8px;
        border-radius: 5px;
        font-size: 14px;
        margin-right: 1rem;
    }

    div#Mountain {
        position: relative;
        top: 0rem;
        padding: 0;
    }

    .package_img figure img {
        margin-top: 1rem;
    }

    section.space.package_to_mountain {
        background: aliceblue;
        /* max-height: 25rem; */
    }

    .blog_txt p {
        width: 170px;
    }

    .blog_caption {
        margin-top: 1rem;
    }

    .header-scrolled {
        top: -65px;
        transition: top 0.3s ease-in-out;
    }

    .brand-card {
        width: 120px;
        height: 120px;
    }

    @keyframes scroll {
        100% {
            transform: translateX(calc(-100% + 100vw));
        }
    }
}


@media (max-width: 375px) {
    .mein-heading h2 {
        font-size: 19px;
    }

    .mein-heading p {
        font-size: 12px;
        max-width: 13rem;
    }

    .most_rcmmnded_caption a figure {
        position: relative;
        width: 134px;
    }

    figcaption.wknd_caption p {
        font-size: 11px;
        margin-bottom: 7px;
    }

    .weekend_item.bg_clr figure {
        margin-bottom: 3px;
    }

    .wknd_price {
        color: #01c08f;
        font-weight: 700;
        font-size: 13px;
    }

    .weekend_item.bg_clr a figure:before {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 115px;
        background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000cf 100%) 0% 0% no-repeat padding-box;
        border-radius: 0px 0px 0px 0px;
    }
}


/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .scrolling-wrapper {
        animation: none;
        overflow-x: auto;
        padding-bottom: 15px;
        /* Space for scrollbar */
    }

    .scrolling-wrapper-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}