/*Media Query Start*/

@media only screen and (min-width: 1291px) and (max-width: 1365px) {

  /* ===== 1. TYPOGRAPHY ===== */
  h1 { font-size: 5.2rem; }
  h2 { font-size: 3.9rem; }
  h3 { font-size: 2.5rem; }
  h4 { font-size: 2.1rem; }
  h5 { font-size: 1.5rem; }
  h6 { font-size: 1.25rem; }

  .cn-right h2 { line-height: 50px; }
  .inner-banner_text h1 span { font-size: 110px; }

  /* ===== 2. HEADER ===== */
  .menuSec ul .desktop-logo { margin: 0 20px; padding: 10px 16px; }
  .desktop-logo img { width: 200px; }
  header.site-header .menuSec ul li a { font-size: 13px; }

  /* ===== 3. HOME BANNER ===== */
  img.home-banner { height: 800px; }
  .banner_text .wPara { width: 80%; }
  .banner_card { max-width: 420px; margin-top: -120px; }

  /* ===== 4. INNER PAGES BANNER ===== */
  .innerBanner img.inner-banner-img { height: 520px; width: 100%; }
  .innerBanner .carousel-caption { padding-top: 90px; }

  /* ===== 5. ABOUT SECTION ===== */
  .abtWrap { width: 92%; }
  img.ab1-img {height: 100%;}
  .ab-left { margin-right: 30px; }
  .ab-right, section.about-page .ab-right { padding: 70px 30px 0 0; }
  .abtWrap::before {width: 59%;top: -15px;}

  /* ===== 6. PRIVATE / EVENTS SECTION (slick cards) ===== */
  section.private-sec { padding: 150px 0 90px; margin-bottom: 90px; }
  .tour-card { height: auto; min-height: 500px; }
  .tour-card .card-img img.privt-img { height: 250px; }
  .tour-card .card-txt { padding: 16px 10px 64px; }
  .mountainSlider .slick-track { display: flex; }
  .mountainSlider .slick-slide { height: auto; float: none; }
  .mountainSlider .slick-slide > div { height: 100%; }
  .mountainSlider .tour-card { height: 100%; }
  .mountainSlider button.slick-prev {left: -10px;width: 48px;height: 49px;}
  .mountainSlider button.slick-next {right: -6px;width: 48px;height: 50px;}

  /* ===== 7. JOURNEY / GALLERY SLIDER (center mode) ===== */
  .journy-sec .journeySlider { padding: 0 140px; }
  section.private-sec.journy-sec .slick-slide { margin: 0 20px; }
  .journy-sec .privt-img { height: 380px; }
  .journy-sec .slick-center img.privt-img { height: 420px; }
  .journy-sec .slick-center { transform: scale(1.08); }
  section.galleryPage { margin: 130px 0; }

  /* ===== 8. LOCAL EVENTS PAGE ===== */
  section.local-events-page { margin-bottom: 160px; padding-bottom: 50px; }
  section.local-events-page .event-bx { margin: 0 16px 40px; }

  /* ===== 9. PLACE / AMENITIES CARDS + TESTIMONIALS ===== */
  section.place-sec .card { padding: 30px; }
  .testi-sec .card { padding: 30px 28px 48px; }
  section.apartSec .card { height: auto; min-height: 220px; }

  /* ===== 10. CONTACT / BOOKING ===== */
  .cntWrap { padding: 40px 40px 40px 50px; }
  .cn-left { margin-left: 30px; }
  img.cn1-img {height: 100%;}
  .cn-right { padding-top: 60px; }
  .cn-right.contact-right { padding: 20px 40px 60px 0; }

  /* ===== 11. AMENITIES DETAIL / GALLERY / VIDEO / POLICY ===== */
  .amenti-detail-img { height: 520px; width: 100%; }
  section.policy-page { padding: 110px 0; }

  /* ===== 12. FOOTER ===== */
  .footer-sec { padding-top: 130px; }
  .custom-border:before { left: -120px; }
    .menuSec .container-fluid.maxWidth {
    max-width: 1200px;
}

section.main_slider .container-fluid.maxWidth {
    max-width: 1200px;
}

section.cnt-sec .row {
    align-items: center;
}

button.slick-prev::before {
    top: 8px;
}

button.slick-next::before {
    top: 10px;
}
.pdc-image img {
    height: 68px !important;
    width: 144px !important;
}
.contact-page .abtWrap {
    width: 100%;
}
section.cabin-gallery.padd {
    padding: 20px 0px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1290px) {

  /* ===== 1. TYPOGRAPHY ===== */
  h1 { font-size: 4.2rem; }
  h2 { font-size: 3.4rem; }
  h3 { font-size: 2.3rem; }
  h4 { font-size: 1.9rem; }
  h5 { font-size: 1.4rem; }
  h6 { font-size: 1.2rem; }
  h1, h2 { line-height: 1.1; }
  h3, h5, h6 { line-height: 1.2; }
  h4 { line-height: 1.2; }
  h1, h2, h3 { margin-bottom: 0.5em; }
  .cn-right h2 {line-height: 37px;margin-bottom: 10px;}
  .inner-banner_text h1 span { font-size: 96px; }

  /* ===== 2. HEADER ===== */
  .menuSec ul .desktop-logo { margin: 0 14px; padding: 10px 14px; }
  .desktop-logo img { width: 160px; }
  header.site-header { padding-bottom: 24px; }
  header.site-header .menuSec ul li a { font-size: 12px; }

  /* ===== 3. HOME BANNER ===== */
  /* image background ban jati hai, content se banner ki height banti hai */
  .main_slider img.home-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .main_slider img.home-banner ~ .carousel-caption { position: relative; height: auto; min-height: 640px; padding: 140px 0 120px; }
  .main_slider .carousel-caption .container-fluid { width: 100%; }
  section.main_slider .row { margin-top: 0; }
  .banner_text .wPara { width: 90%; }
  .banner_card { max-width: 380px; margin-top: -40px; }

  /* ===== 4. INNER PAGES BANNER ===== */
  .innerBanner img.inner-banner-img { height: 480px; width: 100%; }
  .innerBanner .carousel-caption { padding-top: 80px; }

  /* ===== 5. ABOUT SECTION ===== */
  .abtWrap { width: 94%; }
  img.ab1-img {height: 280px;}
  .ab-left { margin-right: 20px; }
  .ab-right, section.about-page .ab-right { padding: 40px 20px 0 0; }
  .abtWrap::before {width: 62%;top: -2px;}

  /* ===== 6. PRIVATE / EVENTS SECTION (slick cards) ===== */
  section.private-sec { padding: 130px 0 80px; margin-bottom: 80px; }
  .tour-card { height: auto; min-height: 490px; }
  .tour-card .card-img img.privt-img { height: 230px; }
  .tour-card .card-txt {padding: 16px 10px 26px;}
  /* slick: equal-height cards + arrows andar (screen se bahar nahi jayenge) */
  .mountainSlider .slick-track { display: flex; }
  .mountainSlider .slick-slide { height: auto; float: none; }
  .mountainSlider .slick-slide > div { height: 100%; }
  .mountainSlider .tour-card { height: 100%; }
  button.slick-prev, button.slick-next {width: 39px;he;height: 39px;index: 5;background: rgba(30, 30, 30, 0.65);}
  button.slick-prev::before, button.slick-next::before {top: 4px;}
  .mountainSlider button.slick-prev {left: -3px;}
  .mountainSlider button.slick-next {right: -2px;}

  /* ===== 7. JOURNEY / GALLERY SLIDER (center mode) ===== */
  .journy-sec .journeySlider { padding: 0 90px; }
  section.private-sec.journy-sec .slick-slide { margin: 0 16px; }
  .journy-sec .privt-img {height: 250px;}
  .journy-sec .slick-center img.privt-img {height: 280px;}
  .journy-sec .slick-center { transform: scale(1.08); }
  section.galleryPage { margin: 110px 0; }

  /* ===== 8. LOCAL EVENTS PAGE ===== */
  section.local-events-page { margin-bottom: 140px; padding-bottom: 40px; }
  section.local-events-page .event-bx { margin: 0 0px 36px; }

  /* ===== 9. PLACE / AMENITIES CARDS + TESTIMONIALS ===== */
  section.place-sec .card {padding: 13px;}
  .testi-sec .card { padding: 26px 24px 44px; }
  section.apartSec .card { height: auto; min-height: 210px; }

  /* ===== 10. CONTACT / BOOKING ===== */
  .cntWrap { padding: 40px 30px 40px 40px; }
  .cn-left { margin-left: 10px; }
  img.cn1-img {height: 300px;}
  .cn-right { padding-top: 50px; }
  .cn-right.contact-right { padding: 20px 30px 50px 0; }

  /* ===== 11. AMENITIES DETAIL / GALLERY / VIDEO / POLICY ===== */
  .amenti-detail-img { height: 460px; width: 100%; }
  section.policy-page { padding: 100px 0; }

  /* ===== 12. FOOTER ===== */
  .footer-sec { padding-top: 120px; }
  .custom-border:before { left: -80px; }
  .footer-sec form { padding-bottom: 30px; margin-bottom: 30px; }
  .footer-sec form .subsform { width: 92%; }
  .footer-newsletter a img { width: 16rem; }
  .footer-logo { padding: 50px 0 40px; }
  .footer-support { padding-top: 50px; }
  .footer-support ul { column-gap: 16px; }
  .footer-support ul li a { font-size: 12px; }
  .footer-latest-update { padding: 50px 0 0 10px; }
  .footer-latest-update ul { gap: 22px; }
  .footer-latest-update ul li a { font-size: 0.9rem; gap: 14px; }

.banner_card .card-txt h4 {
    font-size: 24px;
}

.i-circle {
    width: 30px;
    height: 30px;
}

.ab-right h2.text-light {
    font-size: 39px;
    margin-bottom: 4px !important;
    line-height: 27px;
}

.wPara.mt-4 {
    margin-top: 8px !important;
}

.ab-right .wPara p {
    text-align: left;
}

section.aboutsec.padd.wow.fadeInLeft.animated.animated .row {
    align-items: center;
}

.tour-card .card-txt h3 {
    font-size: 28px;
    line-height: 31px;
    height: 60px;
    display: flex;
    align-items: center;
}
.journy-sec .slick-center  img.pvt-shp {
    bottom: 5px;
}

section.cnt-sec.padd.margBottom.wow.fadeInRight.animated.animated .row {
    align-items: center;
}

.cntWrap .cn-img img.ab-shape-img {
    bottom: -24px;
    left: 6px;
}

.cn-right form textarea {
    height: 97px;
}

.pdc-image img {
    height: 60px !important;
    width: 60px !important;
}

.footer-support .d-flex.align-items-start.gap-4 {
    display: block !important;
    height: 209px;
    overflow: auto;
}

.footer-sec h3.text-light {
    font-size: 33px;
}

section.testi-sec .card h4 {
    font-size: 30px;
    height: 60px;
    line-height: 25px;
}

section.place-sec .card h4 {
    font-size: 28px;
    line-height: 26px;
}
.banner_text h1 {
    font-size: 65px;
    line-height: 49px;
    margin-bottom: 0px;
}

section.place-sec .card p {
    font-size: 13px;
}

.footer-sec form .subsform button {
    padding: 10px 19px;
}
section.place-sec .card-icon.flx {
    gap: 8px;
}
.amen-layout {
    gap: 8px;
}

.amen-layout .card h4 {
    font-size: 23px !important;
}

.amen-layout .card p {
    font-size: 12px !important;
}
.vid-section {
    padding: 60px 0 0px;
}
h2.pb-3 {
    padding-bottom: 0px !important;
}
.eventpage {
    float: unset;
    text-align: end;
}
.contact-page .row {
    align-items: center;
}
section.local-events-page .event-bx .pbtn {
    padding: 11px 9px;
    font-size: 9px;
}
section.cabin-gallery.padd {
    padding: 20px 0px;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {

  /* ===== 1. TYPOGRAPHY ===== */
  h1 { font-size: 3.6rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2.1rem; }
  h4 { font-size: 1.8rem; }
  h5 { font-size: 1.35rem; }
  h6 { font-size: 1.15rem; }
  h1, h2 { line-height: 1.1; }
  h3, h5, h6 { line-height: 1.2; }
  h4 { line-height: 1.2; }
  h1, h2, h3 { margin-bottom: 0.5em; }
  .cn-right h2 {line-height: 1.2;font-size: 37px;line-height: 36px;}
  .inner-banner_text h1 span { font-size: 80px; }

  /* ===== 2. HEADER ===== */
  /* header abhi bhi image par overlay hai; logo chota + links ek hi row mein */
  header.site-header { padding-bottom: 20px; }
  .menuSec ul { flex-wrap: nowrap; }
  .menuSec ul .desktop-logo { margin: 0 10px; padding: 8px 12px; }
  .desktop-logo img { width: 120px; }
  header.site-header .menuSec ul li a {font-size: 10px;line-height: 16px;letter-spacing: 0;padding: 8px 0;}

  /* ===== 3. HOME BANNER ===== */
  /* image background ban jati hai, content se banner ki height banti hai */
  .main_slider img.home-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .main_slider img.home-banner ~ .carousel-caption {position: relative;height: auto;min-height: 530px;padding: 116px 0 102px;}

  .main_slider .carousel-caption .container-fluid { width: 100%; }
  section.main_slider .row { margin-top: 0; }
  .banner_text .wPara { width: 100%; }
  .banner_card {max-width: 520px;margin-top: 30px;padding: 7px;}

  /* ===== 4. INNER PAGES BANNER ===== */
  .innerBanner img.inner-banner-img {height: 390px;width: 100%;}
  .innerBanner .carousel-caption {padding-top: 0px;}

  /* ===== 5. ABOUT SECTION ===== */
  .abtWrap { width: 100%; padding: 40px 0 50px; }
  /* green panel ab poori width par (kyun ke columns upar-neeche aa gaye) */
  .abtWrap::before, section.contact-page .abtWrap:before { width: 100%; left: 0; right: 0; top: 0; bottom: 0; }
  .ab-left { margin: 0 auto 30px; max-width: 420px; }
  .abtWrap .abt-img {transform: rotate(-6deg);padding: 10px;margin-left: 30px;}
  img.ab1-img {width: 100%;height: 100%;}
  .abtWrap .abt-img img.ab-shape-img {bottom: -17px;}
  .ab-right, section.about-page .ab-right {padding: 10px 18px 0 10px;}
  section.contact-page .abtWrap { padding: 40px 0 30px; }

  /* ===== 6. PRIVATE / EVENTS SECTION (slick cards) ===== */
  section.private-sec { padding: 110px 0 70px; margin-bottom: 70px; }
  .tour-card { height: auto; min-height: 470px; }
  .tour-card .card-img img.privt-img { height: 240px; }
  .tour-card .card-txt {padding: 16px 10px 9px;}
  /* slick: equal-height cards + arrows andar (screen se bahar nahi jayenge) */
  .mountainSlider .slick-track { display: flex; }
  .mountainSlider .slick-slide { height: auto; float: none; }
  .mountainSlider .slick-slide > div { height: 100%; }
  .mountainSlider .tour-card { height: 100%; }
  button.slick-prev, button.slick-next { width: 48px; height: 48px; z-index: 5; background: rgba(30, 30, 30, 0.65); }
  button.slick-prev::before, button.slick-next::before { top: 9px; }
  .mountainSlider button.slick-prev {left: -10px;}
  .mountainSlider button.slick-next {right: -7px;}

  /* ===== 7. JOURNEY / GALLERY SLIDER (center mode) ===== */
  .journy-sec .journeySlider { padding: 0 60px; }
  section.private-sec.journy-sec .slick-slide { margin: 0 12px; }
  .journy-sec .privt-img { height: 300px; }
  .journy-sec .slick-center img.privt-img { height: 340px; }
  .journy-sec .slick-center { transform: scale(1.06); }
  section.galleryPage { margin: 90px 0; }

  /* ===== 8. LOCAL EVENTS PAGE ===== */
  section.local-events-page { margin-bottom: 120px; padding-bottom: 40px; }
  section.local-events-page .event-bx { margin: 0 12px 32px; }

  /* ===== 9. PLACE / AMENITIES CARDS + TESTIMONIALS ===== */
  section.place-sec .card { padding: 26px; }
  .testi-sec .card { padding: 26px 22px 44px; }
  section.apartSec .card { height: auto; min-height: 200px; }

  /* ===== 10. CONTACT / BOOKING ===== */
  .cntWrap { padding: 30px 30px 40px; }
  .cntWrap::before { top: 0; height: 100%; }
  .cn-left { margin: 0 auto 24px; padding-top: 10px; max-width: 440px; }
  .cntWrap .cn-img { transform: rotate(5deg); padding: 10px; }
  img.cn1-img {width: 100%;height: 100%;}
  .cn-right { padding: 20px 0 0; }
  .cn-right.contact-right { padding: 10px 10px 40px; padding-right: 24px;}
  .cn-right form input, .cn-right form textarea, .cn-right form select {font-size: 14px;padding: 9px 10px;}

  /* ===== 11. AMENITIES DETAIL / GALLERY / VIDEO / POLICY ===== */
  .amenti-detail-img { height: 420px; width: 100%; }
  section.policy-page { padding: 90px 0; }
  .vid-section { padding: 50px 0 0px; }
  .vid-label { font-size: 12px; letter-spacing: 0.16em; }
  .vid-label::before, .vid-label::after { width: 26px; margin: 0 8px; }
  .vid-btn { width: 60px; height: 60px; }
  .vid-box { padding: 0 20px; }
  .vid-shield, .vid-overlay { inset: 0 20px; }
  .amen-video .vid-box { padding: 0; }
  .amen-video .vid-shield, .amen-video .vid-overlay { inset: 0; }
  .amen-gallery { height: 380px; }
  .cabin-gallery .placebtn a.pbtn { min-width: 220px; }
  #date-summary { margin: 0; }
  #date-summary ul { flex-wrap: wrap; gap: 8px; }
  #date-summary li { width: 46%; }

  /* ===== 12. FOOTER ===== */
  .footer-sec { padding-top: 100px; }
  .custom-border:before { left: 0; width: 100%; }
  .footer-sec form { flex-direction: column; gap: 16px; padding-bottom: 28px; margin-bottom: 28px; }
  .footer-sec form h2 { font-size: 26px; margin-bottom: 10px; }
  .footer-sec form .subsform { width: 100%; max-width: 520px; padding: 5px 4px 5px 18px; }
  .footer-sec form .subsform input { flex: 1; width: auto; min-width: 0; }
  .footer-sec form .subsform button { padding: 10px 18px; font-size: 12px; }
  .footer-newsletter { margin-bottom: 24px; }
  .footer-newsletter a img { width: 15rem; }
  .footer-logo { padding: 34px 0 28px; }
  .footer-support { padding-top: 34px; }
  .footer-support ul { column-count: 2; column-gap: 20px; }
  .footer-latest-update { padding: 34px 0 0; }
  .footer-latest-update ul { gap: 20px; }
  .footer-latest-update ul li a {font-size: 11px;gap: 12px;word-break: break-word;gap: 3px;}
  .footer-copy-right-sec { padding: 16px 12px; }
  .footer-copy-right-sec p { font-size: 0.8rem; }
.banner_text h1 {
    font-size: 49px;
    margin-bottom: 7px;
    line-height: 40px;
}

.banner_card .card-txt h4 {
    font-size: 18px;
}

.i-circle {
    width: 30px;
    height: 30px;
}

.ab-right h2.text-light {
    font-size: 32px;
    margin-bottom: 4px !important;
    line-height: 27px;
}

.wPara.mt-4 {
    margin-top: 8px !important;
}

.ab-right .wPara p {
    text-align: left;
}

section.aboutsec.padd.wow.fadeInLeft.animated.animated .row {
    align-items: center;
}

.tour-card .card-txt h3 {
    font-size: 35px;
    line-height: 31px;
    height: 60px;
    display: flex;
    align-items: center;
}
.journy-sec .slick-center  img.pvt-shp {
    bottom: 5px;
}

section.cnt-sec.padd.margBottom.wow.fadeInRight.animated.animated .row {
    align-items: center;
}

.cntWrap .cn-img img.ab-shape-img {
    bottom: -17px;
    left: 6px;
}

.cn-right form textarea {
    height: 97px;
}

.pdc-image img {
    height: 60px !important;
    width: 60px !important;
}

.footer-support .d-flex.align-items-start.gap-4 {
    display: block !important;
    height: 209px;
    overflow: auto;
}

.footer-sec h3.text-light {
    font-size: 28px;
}

section.testi-sec .card h4 {
    font-size: 30px;
    height: 60px;
    line-height: 25px;
}

section.place-sec .card h4 {
    font-size: 31px;
}

section.place-sec .card-icon.flx {
    gap: 8px;
}
.sitebtn.eventpage.mt-1 {
    float: unset;
    text-align: end;
}
.contact-page .row {
    align-items: center;
}
section.cabin-gallery.padd {
    padding: 20px 0px;
}
}


@media only screen and (min-width: 520px) and (max-width: 767px) {

  /* ===== 1. TYPOGRAPHY ===== */
  h1 { font-size: 3rem; }
  h2 {font-size: 36px;}
  h3 { font-size: 1.8rem; }
  h4 { font-size: 1.6rem; }
  h5 { font-size: 1.25rem; }
  h6 { font-size: 1.1rem; }
  h1, h2 { line-height: 1.1; }
  h3, h5, h6 { line-height: 1.2; }
  h4 { line-height: 1.2; }
  h1, h2, h3 { margin-bottom: 0.5em; }
  .cn-right h2 {line-height: 34px;}
  .inner-banner_text h1 span { font-size: 64px; }
  p { font-size: 1rem; line-height: 1.65; }
  .flx { flex-wrap: wrap; gap: 1rem; }

  /* ===== 2. HEADER ===== */
  /* mobile: header image par overlay nahi, upar solid dark bar mein */
  header.site-header { background: #1e1e1e; padding: 10px 0 8px; }
  header .mobile-logo, header .mobile-logo img { width: 170px; margin: 0 auto 4px; filter: brightness(0) invert(1); }
  .menuSec ul .desktop-logo { display: none; }
  .menuSec ul { flex-wrap: wrap; justify-content: center; gap: 0 16px; }
  header.site-header .menuSec ul li a { font-size: 12px; line-height: 18px; padding: 6px 0; }

  /* ===== 3. HOME BANNER ===== */
  /* image background ban jati hai, content se banner ki height banti hai */
  .main_slider img.home-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .main_slider img.home-banner ~ .carousel-caption { position: relative; height: auto; min-height: 0; padding: 60px 0 90px; }
  .main_slider .carousel-caption .container-fluid { width: 100%; }
  section.main_slider .row { margin-top: 0; }
  .banner_text .wPara { width: 100%; }
  .banner_card { max-width: 520px; margin-top: 26px; }
  .banner_text .flx { flex-wrap: wrap; gap: 1rem; }
  .banner_card { padding: 10px; }
  .banner_card .card-txt { padding-right: 58px; }
  .banner_card .card-txt h4 { line-height: 1.2; }
  .banner_card .card-img img { height: 140px; }

  /* ===== 4. INNER PAGES BANNER ===== */
  .innerBanner img.inner-banner-img { height: 320px; width: 100%; }
  .innerBanner .carousel-caption { padding-top: 0; }

  /* ===== 5. ABOUT SECTION ===== */
  .abtWrap { width: 94%; padding: 30px 0 40px; }
  /* green panel ab poori width par (kyun ke columns upar-neeche aa gaye) */
  .abtWrap::before, section.contact-page .abtWrap:before { width: 100%; left: 0; right: 0; top: 0; bottom: 0; }
  .ab-left { margin: 0 auto 30px; max-width: 340px; }
  .abtWrap .abt-img { transform: rotate(-5deg); padding: 10px; }
  img.ab1-img {width: 100%;height: 100%;}
  .abtWrap .abt-img img.ab-shape-img {bottom: -19px;}
  .ab-right, section.about-page .ab-right { padding: 10px 22px 0; }
  section.contact-page .abtWrap { padding: 40px 0 30px; }

  /* ===== 6. PRIVATE / EVENTS SECTION (slick cards) ===== */
  section.private-sec { padding: 80px 0 60px; margin-bottom: 50px; }
  .tour-card {height: auto;min-height: 460px;margin: 0px 50px;}
  .tour-card .card-img img.privt-img { height: 230px; }
  .tour-card .card-txt { padding: 16px 10px 64px; }
  /* slick: equal-height cards + arrows andar (screen se bahar nahi jayenge) */
  .mountainSlider .slick-track { display: flex; }
  .mountainSlider .slick-slide { height: auto; float: none; }
  .mountainSlider .slick-slide > div { height: 100%; }
  .mountainSlider .tour-card { height: 100%; }
  button.slick-prev, button.slick-next { width: 48px; height: 48px; z-index: 5; background: rgba(30, 30, 30, 0.65); }
  button.slick-prev::before, button.slick-next::before { top: 9px; }
  .mountainSlider button.slick-prev { left: 8px; }
  .mountainSlider button.slick-next { right: 8px; }

  /* ===== 7. JOURNEY / GALLERY SLIDER (center mode) ===== */
  .journy-sec .journeySlider { padding: 0 30px; }
  section.private-sec.journy-sec .slick-slide { margin: 0 10px; }
  .journy-sec .privt-img { height: 260px; }
  .journy-sec .slick-center img.privt-img { height: 290px; }
  .journy-sec .slick-center { transform: scale(1.05); }
  section.galleryPage { margin: 70px 0; }

  /* ===== 8. LOCAL EVENTS PAGE ===== */
  section.local-events-page { margin-bottom: 100px; padding-bottom: 30px; }
  section.local-events-page .event-bx { margin: 0 0 28px; }

  /* ===== 9. PLACE / AMENITIES CARDS + TESTIMONIALS ===== */
  section.place-sec .card {padding: 14px;}
  .testi-sec .card { padding: 24px 20px 40px; }
  section.apartSec .card { height: auto; min-height: 180px; }

  /* ===== 10. CONTACT / BOOKING ===== */
  .cntWrap { padding: 24px 18px 36px; }
  .cntWrap::before { top: 0; height: 100%; }
  .cn-left { margin: 0 auto 24px; padding-top: 10px; max-width: 380px; }
  .cntWrap .cn-img { transform: rotate(4deg); padding: 10px; }
  img.cn1-img {width: 100%;height: 100%;}
  .cn-right { padding: 20px 0 0; }
  .cn-right.contact-right { padding: 10px 6px 36px; }
  .cn-right form input, .cn-right form textarea, .cn-right form select { font-size: 14px; }

  /* ===== 11. AMENITIES DETAIL / GALLERY / VIDEO / POLICY ===== */
  .amenti-detail-img { height: 340px; width: 100%; }
  section.policy-page { padding: 60px 0; }
  .vid-section { padding: 50px 0 0px; }
  .vid-label { font-size: 11px; letter-spacing: 0.16em; }
  .vid-label::before, .vid-label::after { width: 20px; margin: 0 8px; }
  .vid-btn { width: 56px; height: 56px; }
  .vid-box { padding: 0 16px; }
  .vid-shield, .vid-overlay { inset: 0 16px; }
  .amen-video .vid-box { padding: 0; }
  .amen-video .vid-shield, .amen-video .vid-overlay { inset: 0; }
  .amen-gallery { height: 360px; }
  .cabin-gallery .placebtn a.pbtn { min-width: 220px; }
  #date-summary { margin: 0; }
  #date-summary ul { flex-wrap: wrap; gap: 8px; }
  #date-summary li { width: 48%; }

  /* ===== 12. FOOTER ===== */
  .footer-sec { padding-top: 85px; }
  .custom-border:before { display: none; }
  .footer-sec form { flex-direction: column; gap: 16px; padding-bottom: 28px; margin-bottom: 28px; }
  .footer-sec form h2 { font-size: 26px; margin-bottom: 10px; }
  .footer-sec form .subsform { width: 100%; max-width: 520px; padding: 5px 4px 5px 18px; }
  .footer-sec form .subsform input { flex: 1; width: auto; min-width: 0; }
  .footer-sec form .subsform button { padding: 10px 18px; font-size: 12px; }
  .footer-newsletter { margin-bottom: 24px; }
  .footer-newsletter a img { width: 14rem; }
  .footer-logo {border-left: 0;border-right: 0;border-top: 1px solid #ffffff21;border-bottom: 1px solid #ffffff21;padding: 34px 0 28px;margin-top: 20px;}
  .footer-support { padding-top: 34px; }
  .footer-support ul { column-count: 2; column-gap: 20px; }
  .footer-latest-update { padding: 34px 0 0; }
  .footer-latest-update ul { gap: 20px; }
  .footer-latest-update ul li a { font-size: 0.95rem; gap: 12px; word-break: break-word; }
  .footer-copy-right-sec { padding: 16px 12px; }
  .footer-copy-right-sec p { font-size: 0.8rem; }
  .banner_text h1 {
    font-size: 47px;
    line-height: 33px;
}

.banner_text p {
    text-align: left;
}

.ab-right .wPara.mt-4 {
    text-align: left !important;
}

section.place-sec.padd.wow.fadeInLeft.animated.animated .col-lg-3.col-md-6 {
    width: 50%;
}

section.testi-sec .card p {
    font-size: 13px;
    height: 110px;
    overflow: scroll;
}
section.place-sec.padd.wow.fadeInRight.apartSec.animated.animated .col-lg-3.col-md-6 {
    width: 50%;
}

.cntWrap .cn-img img.ab-shape-img {
    bottom: -21px;
    left: 8px;
}

.cn-right form textarea {
    height: 100px;
}

.cn-right h2 {
    line-height: 34px;
    font-size: 44px;
}

.footer-sec h3.text-light {
    font-size: 35px;
}
.tour-card .card-txt h3 {
    font-size: 31px;
    line-height: 31px;
}
.journy-sec .slick-center .pvt-shp {
    bottom: 7px;
}
.amen-cards .col-lg-4.col-md-6.col-sm-6 {
    width: 50%;
}
.cn-right form {
    padding: 0px 18px;
}

.cn-right form .col-md-6.mb-3 {
    margin-bottom: 6px !important;
}

.cn-right form .col-md-12.mb-3 {
    margin-bottom: 6px !important;
} 
span.desktop-logo {
    display: none;
}
section.cabin-gallery.padd {
    padding: 10px 0px;
}
}



@media only screen and (min-width: 300px) and (max-width: 519px) {
span.desktop-logo {
    display: none;
}
  /* ===== 1. TYPOGRAPHY ===== */
  h1 { font-size: 2.3rem; }
  h2 {font-size: 37px;line-height: 26px !important;}
  h3 { font-size: 1.5rem; }
  h4 {font-size: 26px;}
  h5 { font-size: 1.15rem; }
  h6 { font-size: 1.05rem; }
  h1, h2 { line-height: 1.1; }
  h3, h5, h6 { line-height: 1.2; }
  h4 { line-height: 1.2; }
  h1, h2, h3 { margin-bottom: 0.5em; }
  .cn-right h2 { line-height: 1.2; }
  .inner-banner_text h1 span { font-size: 48px; }
  p {font-size: 13px;line-height: 1.65;}
  .flx { flex-wrap: wrap; gap: 1rem; }
  .pbtn { padding: 15px 14px; }

  /* ===== 2. HEADER ===== */
  header.site-header { background: #1e1e1e; padding: 8px 0 6px; }
  header .mobile-logo, header .mobile-logo img { width: 150px; margin: 0 auto 2px; filter: brightness(0) invert(1); }
  .menuSec ul .desktop-logo { display: none; }
  .menuSec ul { flex-wrap: wrap; justify-content: center; gap: 0 12px; }
  header.site-header .menuSec ul li a { font-size: 11.5px; line-height: 16px; padding: 5px 0; }

  /* ===== 3. HOME BANNER ===== */
  /* image background ban jati hai, content se banner ki height banti hai */
  .main_slider img.home-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .main_slider img.home-banner ~ .carousel-caption { position: relative; height: auto; min-height: 0; padding: 40px 0 70px; }
  .main_slider .carousel-caption .container-fluid { width: 100%; }
  section.main_slider .row { margin-top: 0; }
  .banner_text .wPara { width: 100%; }
  .banner_card { max-width: 100%; margin-top: 24px; }
  .banner_text .flx { flex-wrap: wrap; gap: 12px; }
  .banner_card { padding: 10px; }
  .banner_card .card-txt { padding-right: 58px; }
  .banner_card .card-txt h4 { line-height: 1.2; }
  .banner_card .card-img img { height: 120px; }
  .banner_text .flx { flex-direction: column; align-items: flex-start; }
  .banner_text .pbtn { min-width: 210px; }

  /* ===== 4. INNER PAGES BANNER ===== */
  .innerBanner img.inner-banner-img { height: 260px; width: 100%; }
  .innerBanner .carousel-caption { padding-top: 0; }

  /* ===== 5. ABOUT SECTION ===== */
  .abtWrap {width: 100%;padding: 24px 0 34px;}
  /* green panel ab poori width par (kyun ke columns upar-neeche aa gaye) */
  .abtWrap::before, section.contact-page .abtWrap:before { width: 100%; left: 0; right: 0; top: 0; bottom: 0; }
  .ab-left { margin: 0 auto 30px; max-width: 290px; }
  .abtWrap .abt-img {transform: rotate(-4deg);padding: 10px;width: 86%;margin: 0 auto;margin-top: 40px;}
  img.ab1-img {width: 100%;height: 100%;}
  .abtWrap .abt-img img.ab-shape-img {bottom: -10px;}
  .ab-right, section.about-page .ab-right { padding: 6px 18px 0; }
  section.contact-page .abtWrap { padding: 40px 0 30px; }

  /* ===== 6. PRIVATE / EVENTS SECTION (slick cards) ===== */
  section.private-sec { padding: 70px 0 50px; margin-bottom: 40px; }
  .tour-card { height: auto; min-height: 450px; }
  .tour-card .card-img img.privt-img {height: 200px;}
  .tour-card .card-txt {padding: 16px 10px 17px;}
  /* slick: equal-height cards + arrows andar (screen se bahar nahi jayenge) */
  .mountainSlider .slick-track { display: flex; }
  .mountainSlider .slick-slide { height: auto; float: none; }
  .mountainSlider .slick-slide > div { height: 100%; }
  .mountainSlider .tour-card { height: 100%; }
  button.slick-prev, button.slick-next {width: 33px;height: 33px;z-index: 5;background: rgba(30, 30, 30, 0.65);}
  button.slick-prev::before, button.slick-next::before {top: 2px;}
  .mountainSlider button.slick-prev {left: -9px;}
  .mountainSlider button.slick-next {right: -7px;}

  /* ===== 7. JOURNEY / GALLERY SLIDER (center mode) ===== */
  .journy-sec .journeySlider { padding: 0 20px; }
  section.private-sec.journy-sec .slick-slide { margin: 0 8px; }
  .journy-sec .privt-img { height: 230px; }
  .journy-sec .slick-center img.privt-img { height: 250px; }
  .journy-sec .slick-center { transform: scale(1.04); }
  section.galleryPage { margin: 60px 0; }

  /* ===== 8. LOCAL EVENTS PAGE ===== */
  section.local-events-page { margin-bottom: 80px; padding-bottom: 24px; }
  section.local-events-page .event-bx { margin: 0 0 40px; }

  /* ===== 9. PLACE / AMENITIES CARDS + TESTIMONIALS ===== */
  section.place-sec .card { padding: 22px 18px; }
  .testi-sec .card { padding: 22px 16px 36px; }
  section.apartSec .card { height: auto; min-height: 170px; }

  /* ===== 10. CONTACT / BOOKING ===== */
  .cntWrap { padding: 20px 12px 32px; }
  .cntWrap::before { top: 0; height: 100%; }
  .cn-left { margin: 0 auto 24px; padding-top: 10px; max-width: 300px; }
  .cntWrap .cn-img {transform: rotate(3deg);padding: 10px;margin: 20px 10px 0px;}
  img.cn1-img {width: 100%;height: 100%;}
  .cn-right { padding: 20px 0 0; }
  .cn-right.contact-right { padding: 6px 12px 32px; }
  .cn-right form input, .cn-right form textarea, .cn-right form select {font-size: 11px;padding: 10px 17px;}

  /* ===== 11. AMENITIES DETAIL / GALLERY / VIDEO / POLICY ===== */
  .amenti-detail-img { height: 260px; width: 100%; }
  section.policy-page { padding: 44px 0; }
  .vid-section { padding: 48px 0 0px; }
  .vid-label { font-size: 10px; letter-spacing: 0.16em; }
  .vid-label::before, .vid-label::after { width: 14px; margin: 0 8px; }
  .vid-btn { width: 48px; height: 48px; }
  .vid-box { padding: 0 10px; }
  .vid-shield, .vid-overlay { inset: 0 10px; }
  .amen-video .vid-box { padding: 0; }
  .amen-video .vid-shield, .amen-video .vid-overlay { inset: 0; }
  .amen-gallery { height: 300px; }
  .cabin-gallery .placebtn a.pbtn { min-width: 100%; }
  #date-summary { margin: 0; }
  #date-summary ul { flex-wrap: wrap; gap: 8px; }
  #date-summary li { width: 100%; }

  /* ===== 12. FOOTER ===== */
  .footer-sec { padding-top: 70px; }
  .custom-border:before { display: none; }
  .footer-sec form { flex-direction: column; gap: 16px; padding-bottom: 28px; margin-bottom: 28px; }
  .footer-sec form h2 { font-size: 26px; margin-bottom: 10px; }
  .footer-sec form .subsform { width: 100%; max-width: 520px; padding: 5px 4px 5px 18px; }
  .footer-sec form .subsform input { flex: 1; width: auto; min-width: 0; }
  .footer-sec form .subsform button { padding: 10px 18px; font-size: 12px; }
  .footer-newsletter { margin-bottom: 24px; }
  .footer-newsletter a img { width: 12rem; }
  .footer-logo { border-left: 0; border-right: 0; border-top: 1px solid #ffffff21; border-bottom: 1px solid #ffffff21; padding: 34px 0 28px; }
  .footer-support { padding-top: 34px; }
  .footer-support ul { column-count: 1; column-gap: 20px; }
  .footer-latest-update { padding: 34px 0 0; }
  .footer-latest-update ul { gap: 20px; }
  .footer-latest-update ul li a { font-size: 0.9rem; gap: 12px; word-break: break-word; }
  .footer-copy-right-sec { padding: 16px 12px; }
  .footer-copy-right-sec p { font-size: 0.8rem; }
  .banner_text h1, .banner_text .wPara, .banner_text .wPara p {
    text-align: left;
}

.wPara p {
    text-align: left;
}

.i-circle {
    width: 38px;
    height: 38px;
}

    .tour-card .card-txt h3 {
        font-size: 29px;
        line-height: 26px;
    }

.content p br {
    display: none;
}

.cntWrap .cn-img img.ab-shape-img {
    bottom: -13px;
    width: 93%;
}

.cn-right form textarea {
    height: 83px;
}

.footer-support.wow.fadeInUp .d-flex.align-items-start.gap-4 {
    display: block !important;
    height: 200px;
    overflow: auto;
    margin-bottom: 20px;
}

.footer-sec h3.text-light {
    font-size: 30px;
}

.banner_text h1 {
    font-size: 43px;
    line-height: 37px;
}

.banner_text h1 br {
    display: none !important;
}

.journeySlider {
        width: 100%;
        min-width: 0;
    }

    .journeySlider .slick-list {
        width: 100%;
    }

    .journeySlider .slick-slide {
        width: 100%;
        box-sizing: border-box;
    }

    .journeySlider .slick-slide > div {
        width: 100%;
    }

    .journeySlider .slick-slide img {
        max-width: 100%;
    }
.journy-sec .pvt-shp {
    bottom: 8px !important;
    width: 96%;
    margin: 0 auto;
}

section.private-sec.journy-sec .wPara p {
    margin: 0 14px;
}
section.local-events-page .event-bx .pbtn {
    padding: 15px 7px;
    font-size: 9px;
}
section.cabin-gallery.padd {
    padding: 10px 0px;
}
}

/*Media Query End*/

/* WOW Animation Responsive Fix */
html.no-js {
    overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
  .wow {
    visibility: visible !important;
  }

      .wow.animated {
        visibility: visible !important;
    }
}