@media (max-width: 768px) {

    h2 {
        font-size: 26px !important;
        font-weight: bold;
    }

    .top-bar {
        font-size: 14px !important;

    }


    /* ===============.hero_section .heading========================= */


    .hero_section .heading {
        font-size: 28px !important;
    }

    hero_section {
        height: 540px;
    }

    /* ================explore-theme-section======================== */

    .explore-theme-section {
        margin-top: 40px;

    }



    .explore-theme-section .section-title {

        text-align: center;
        font-size: 24px;
    }

    .explore-theme-section .call-text {
        display: none;
    }


    /* ===========why-section======================== */

    .why-section {
        overflow: hidden;
        padding: 24px 0px 40px 0px;
    }

    .why-section .cards-scroll {
        overflow-x: auto;
    }

    .cards-scroll::-webkit-scrollbar {
        display: none;

    }

    .why-section .cards {
        flex-wrap: nowrap !important;
        width: fit-content;
        gap: 10px;
        height: 350px;

    }

    .why-section .cards .card h3 {
        font-size: 28px;
    }

    .why-section .cards .card {
        min-width: 280px;
        flex: 0 0 auto;
        margin-right: 15px;

    }


    .why-section .card:hover {
        transform: none !important;
    }


    .why-section h2 {
        margin-bottom: 30px;

    }


    /* ================getaway-section========================  */

    .getaway-section .view-all {
        text-decoration: underline;
    }


    /* =====================.testimonial================ */

    .testimonial .testimonial_scroll {
        overflow-x: auto;
    }

    .testimonial {
        padding: 30px 8% 70px 8%;
        overflow: hidden;
    }



    .testimonial-wrapper {
        flex-wrap: nowrap !important;
        width: fit-content;

    }


    /* ====================.section_domastic=================== */

    .section_domastic .head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }


    .section_domastic .head h2 {
        margin-bottom: 10px;
    }

    .section_domastic .card {
        height: 420px
    }

    .section_domastic .title {
        font-size: 24px
    }

    .section_domastic .price {
        font-size: 24px
    }


    /* =================.section_interantional==================== */

    .section_interantional .head {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }


    .section_interantional .swiper .swiper-wrapper .two_btn {
        justify-content: center;
        align-items: center;
    }

    .section_interantional .swiper .swiper-wrapper .internation_cards p {
        margin-bottom: 0px;
    }

    .section_interantional .swiper-slide .check_availability {

        padding: 10px 16px !important;
        font-size: 12px;
    }

    .section_interantional .swiper-slide h2 {
        font-size: 22px !important;
        margin: 8px !important;
    }

    .section_interantional .swiper-slide .down_content .small {
        font-size: 12px;
    }

    .section_interantional .swiper-slide .down_content {
        margin: 10px 0px 12px 0px !important;
    }

    .section_interantional .btn {
        padding: 10px 16px !important;
        font-size: 12px;

    }

    .section_interantional .swiper .swiper-wrapper .internation_cards .internation_align {
        height: fit-content !important;
    }

    .section_interantional .swiper .swiper-wrapper .internation_cards {
        flex-direction: column;
        height: 500px
    }




    /* ==================package-hero================= */

    .package-hero h1 {
        font-size: 26px;
    }

    .package-hero p {
        font-size: 22px;
    }



    /* =======================.visting_image_details ============= */


    .visting_image_details {
        padding: 60px 24px;

    }



    /* ================contact-info======================== */

    .contact-page .contact-container {
        display: flex;
        flex-direction: column;
    }

    .contact-page .contact-container .contact-info .map-boxes iframe {
        width: 100%;
    }

    .contact-banner .banner-text h1 {}

    .contact-banner .banner-text p {
        width: 100%;
    }


}