/* =========================
   RESPONSIVE - TABLET
========================= */


@media(max-width:1200px) {
    /*ATTRACTIONS RESPONSIVE*/
    .attractions-grid {
        grid-template-columns: repeat(3,1fr);
    }
}



@media(max-width:992px) {
    .hero-content h1 {
        font-size: 48px;
    }

    .hero-content p {
        font-size: 18px;
    }


    /*  WHY BIJANBARI RESPONSIVE*/
    .why-grid {
        grid-template-columns: repeat(2,1fr);
    }

    /*ATTRACTIONS RESPONSIVE*/
    .attractions-grid {
        grid-template-columns: repeat(2,1fr);
    }
    /*EXPERIENCES RESPONSIVE*/
    .experiences-grid {
        grid-template-columns: repeat(2,1fr);
    }
    /*TESTIMONIALS RESPONSIVE*/
    .testimonials-grid {
        grid-template-columns: repeat(2,1fr);
    }
    /*PROPERTY LISTING RESPONSIVE*/
    .listing-wrapper {
        grid-template-columns: 1fr;
    }

    .listing-sidebar {
        position: relative;
        top: 0;
    }


    /*PROPERTY DETAILS RESPONSIVE*/
    .property-details-wrapper {
        grid-template-columns: 1fr;
    }

    .booking-sidebar {
        position: relative;
        top: 0;
    }

    .property-gallery {
        grid-template-columns: 1fr;
    }

    .gallery-main img {
        height: 400px;
    }
}

/* =========================
   RESPONSIVE - MOBILE
========================= */

@media(max-width:768px) {

    /* TOP HEADER */

    .top-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        padding: 8px 0;
        font-size: 13px;
    }

    .top-header-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .top-contact {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

        .top-contact a,
        .top-contact span {
            font-size: 12px;
        }

        /* HIDE ADDRESS */

        .top-contact span {
            display: none;
        }

    /* HIDE SOCIAL */

    .top-social {
        display: none;
    }

    /* NAVBAR */

    .navbar {
        top: 42px;
    }

    /* HIDE DESKTOP MENU */

    .nav-links {
        display: none;
    }

    /* SHOW MOBILE MENU ICON */

    .menu-toggle {
        display: block;
    }

    /* HERO */

    .heroSwiper,
    .hero-slide {
        height: calc(100vh - 90px);
    }

    .hero-content h1 {
        font-size: 38px;
    }

    .hero-content p {
        font-size: 16px;
    }

    /* SECTION TITLES */

    .section-title h2 {
        font-size: 32px;
    }

    .experience h2 {
        font-size: 34px;
    }

    /* SEARCH */

    .search-box {
        margin-top: -40px;
    }



    .intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .intro-content h2 {
        font-size: 32px;
    }

    .intro-image img {
        height: 350px;
    }

    /*WHY BIJANBARI RESPONSIVE*/
    .why-grid {
        grid-template-columns: 1fr;
    }
    /*ATTRACTIONS RESPONSIVE*/
    .attractions-grid {
        grid-template-columns: 1fr;
    }
    /*EXPERIENCES RESPONSIVE*/
    .experiences-grid {
        grid-template-columns: 1fr;
    }
    /*TESTIMONIALS RESPONSIVE*/
    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    /* WEATHER RESPONSIVE*/
    .weather-mini-temp {
        font-size: 30px;
    }



    /*PROPERTY LISTING RESPONSIVE*/
    .listing-grid {
        grid-template-columns: 1fr;
    }

    .page-hero h1 {
        font-size: 38px;
    }
    /*PROPERTY DETAILS RESPONSIVE*/
    .room-grid {
        grid-template-columns: 1fr;
    }

    .amenities-grid {
        grid-template-columns: 1fr;
    }

    .property-details-content h1 {
        font-size: 34px;
    }

    /*HOST SECTION RESPONSIVE*/
    .host-wrapper {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .host-image img {
        height: 320px;
    }

    .host-content h2 {
        font-size: 32px;
    }

    /*  PROPERTY EXTRA RESPONSIVE*/
    .attractions-grid,
    .reviews-grid {
        grid-template-columns: 1fr;
    }

    

}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:576px) {

    .hero-content h1 {
        font-size: 32px;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .btn {
        width: 100%;
    }

    .logo img {
        height: 60px;
    }
}