@charset "utf-8";

/*
Theme Name: Mandira - Hindu Temple & Puja HTML5 Template.
Author: Metropolitanthemes
Version: 1.0.0

%%%%%%% Responsive Stylesheet %%%%%%%
Desktop-first max-width cascade: 1399 / 1199 / 991 / 767 / 575
*/

/*======================
Max Width 1399px
========================*/
@media (max-width: 1399.98px) {
  .header-area .mn-nav > ul > li > a { padding: 30px 11px; font-size: 14.5px; }
  .header-area .header-main { padding-inline: 22px 10px; gap: 16px; }
  .hero-area { padding: 230px 0 190px 0; }
  .hero-area .figure-arch { height: 440px; }
  .pb-grid { grid-template-columns: 1fr 1fr; }
  .pb-grid .ritual-list { grid-column: 1 / -1; }
  .pb-almanac { border-inline-end: none; }
}

/*======================
Max Width 1199px
========================*/
@media (max-width: 1199.98px) {
  .sec-pt-130 { padding-top: 110px; }
  .sec-pb-130 { padding-bottom: 110px; }
  .mn-topbar .topbar-meta li + li { display: none; }
  .header-area .mn-nav { display: none; }
  .mn-menu-toggle { display: inline-flex; }
  .hero-area { padding: 210px 0 170px 0; }
  .hero-area .figure-arch { height: 390px; }
  .hero-area .figure-chip { inset-inline-start: -16px; }
  .hero-area .hero-mandala { width: 400px; height: 400px; inset-inline-end: -140px; }
  .panchang-board { padding: 30px 28px 24px 28px; }
  .about-area .about-media { padding-inline-end: 50px; }
  .about-area .main-img { height: 520px; }
  .donation-widget { padding: 32px; }
  .broadcast-player.utsav-player { aspect-ratio: 16 / 8; }
  .utsav-times > div { padding: 22px 20px 22px 80px; }
  [dir="rtl"] .utsav-times > div { padding: 22px 80px 22px 20px; }
  .utsav-times .ut-ic { inset-inline-start: 20px; width: 44px; height: 44px; margin-top: -22px; font-size: 16px; }
  .utsav-times dd { font-size: 24px; }
  .mn-subheader { padding: 240px 0 120px 0; }
  .mn-timeline .tl-row { column-gap: 80px; }
  .mn-timeline .tl-media { width: 260px; height: 210px; }
  .bk-rituals { grid-template-columns: 1fr; }
  .bk-slots { grid-template-columns: repeat(3, 1fr); }
  .sun-table th, .sun-table td { padding: 14px 14px; }
  .sun-table th:nth-child(4), .sun-table td:nth-child(4) { display: none; }
  .night-panel.is-active { grid-template-columns: 100px 1fr; }
  .night-panel .np-kv { grid-column: 1 / -1; }
  .night-panel .np-swatch { width: 100px; height: 120px; }
  .gallery-grid { column-count: 3; }
  .shift-table thead { display: none; }
  .shift-table tr { display: grid; grid-template-columns: 70px 1fr; gap: 6px 14px; padding: 16px; border-top: 1px solid var(--mn-line); }
  .shift-table td { border: none; padding: 0; }
  .shift-table td:first-child { grid-row: span 3; }
  .bag-table thead { display: none; }
  .bag-table tr { display: grid; grid-template-columns: 1fr auto; gap: 10px 14px; padding: 16px; border-top: 1px solid var(--mn-line); }
  .bag-table td { border: none; padding: 0; }
  .bag-table td:first-child { grid-column: 1 / -1; }
  .blog-feature { gap: 34px; padding-inline-end: 26px; }
  .blog-feature .bf-thumb { height: 380px; }
  .footer-bulletin { flex-direction: column; align-items: flex-start; }
  .newsletter-form { flex-basis: auto; width: 100%; max-width: 560px; }
}

/*======================
Max Width 991px
========================*/
@media (max-width: 991.98px) {
  .sec-pt-130 { padding-top: 90px; }
  .sec-pb-130 { padding-bottom: 90px; }
  .mn-topbar .topbar-note { display: none; }
  .hero-area { padding: 190px 0 150px 0; }
  .hero-area .hero-figure { margin-inline: 0; max-width: 420px; }
  .hero-area .figure-arch { height: 360px; }
  .hero-area .hero-mandala { display: none; }
  .hero-area .hero-text { font-size: 17px; }
  .panchang-area { margin-top: -80px; }
  .ritual-list { grid-template-columns: 1fr; }
  .about-area .about-media { max-width: 580px; margin: 0 auto; }
  .about-area .about-content { padding-inline-start: 0; }
  .seva-area .seva-mandala { display: none; }
  .seva-controls,
  .testimonial-controls { justify-content: flex-start; margin-top: 22px; }
  .goal-list { margin-bottom: 12px; }
  .utsav-bar { grid-template-columns: 1fr; }
  .utsav-bar .ut-all { justify-content: center; padding: 18px 20px; border-inline-start: 0; border-top: 1px solid rgba(var(--mn-on-band-rgb), 0.12); }
  .utsav-bar .ut-all:hover { border-radius: 0 0 var(--mn-radius) var(--mn-radius); }
  .broadcast-player.utsav-player { aspect-ratio: 16 / 9; }
  .mn-timeline::before { inset-inline-start: 11px; transform: none; }
  .mn-timeline .tl-row { grid-template-columns: 1fr; row-gap: 18px; padding-inline-start: 48px; }
  .mn-timeline .tl-dot { inset-inline-start: 11px; top: 18px; transform: translate(-50%, 0); }
  .mn-timeline .tl-media,
  .mn-timeline .tl-row.is-flip .tl-media { order: 0; justify-self: start; width: 100%; max-width: 420px; height: 240px; }
  .mn-timeline .tl-row.is-flip .tl-body { order: 1; text-align: start; }
  .mn-timeline .tl-row.is-flip .tl-body p { margin-inline-start: 0; }
  .list-toolbar { flex-direction: column; align-items: flex-start; }
  .path-row::before { display: none; }
  .seva-price-box,
  .bk-summary { position: relative; top: 0; }
  .sd-hero { height: 400px; }
  .tithi-cal .tc-day { min-height: 90px; }
  .rsvp-box { position: relative; top: 0; }
  .ed-facts { grid-template-columns: 1fr 1fr; }
  .ed-facts > div:nth-child(3) { border-inline-start: none; }
  .ed-facts > div:nth-child(n+3) { border-top: 1px solid var(--mn-line); }
  .broadcast-player.is-live { min-height: 420px; }
  .give-side,
  .shift-form,
  .profile-card { position: relative; top: 0; }
  .pd-gallery,
  .order-card { position: relative; top: 0; }
  .pd-info { padding-inline-start: 0; }
  .dl-methods { grid-template-columns: 1fr; }
  .blog-feature { grid-template-columns: 1fr; padding: 14px 14px 28px 14px; }
  .blog-feature .bf-body { padding: 0 14px; }
  .faq-side { position: relative; top: 0; }
  .acc-side { height: 480px; }
  .contact-map,
  .contact-map iframe { min-height: 380px; }
  .footer-bulletin { padding: 90px 0 56px 0; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/*======================
Max Width 767px
========================*/
@media (max-width: 767.98px) {
  .sec-pt-130 { padding-top: 80px; }
  .sec-pb-130 { padding-bottom: 80px; }
  .mn-topbar .topbar-meta { display: none; }
  .mn-topbar .topbar-inner { justify-content: center; }
  .header-area .header-main { height: 72px; padding-inline: 16px 10px; margin-top: 12px; border-radius: 16px; }
  .mn-logo img { height: 38px; }
  .head-icon,
  .mn-menu-toggle { width: 42px; height: 42px; flex-basis: 42px; font-size: 15px; }
  .hero-area { padding: 170px 0 130px 0; }
  .hero-area .hero-title .ln { white-space: normal; }
  .hero-area .hero-foot { margin-top: 36px; gap: 18px; }
  .hero-area .hero-count .bar { width: 80px; }
  .hero-area .figure-chip { inset-inline-start: 0; bottom: 40px; }
  .pb-grid { grid-template-columns: 1fr; gap: 26px; }
  .pb-almanac { border-inline: none; border-block: 1px solid var(--mn-line); padding: 18px 0; }
  .panchang-board { padding: 26px 20px 22px 20px; border-radius: 20px; }
  .day-track .dt-hours span:nth-child(2n) { visibility: hidden; }
  .about-area .about-media { padding-inline-end: 34px; padding-bottom: 56px; }
  .about-area .main-img { height: 440px; }
  .about-area .float-img { width: 170px; height: 200px; }
  .about-area .year-badge { inset-inline-start: -6px; width: 118px; height: 118px; }
  .about-area .year-badge .num { font-size: 34px; }
  .event-item { flex-wrap: wrap; }
  .event-item .e-thumb { order: -1; width: 100%; flex: 1 1 100%; height: 190px; }
  .mn-countdown.is-silk,
  .mn-countdown.is-dark { padding: 28px 22px; }
  .utsav-times { grid-template-columns: 1fr; }
  .utsav-times > div + div { border-inline-start: 0; border-top: 1px solid rgba(var(--mn-on-band-rgb), 0.12); }
  .broadcast-player.utsav-player .bp-play { width: 84px; height: 84px; margin-block: -42px 0; margin-inline: -42px 0; font-size: 22px; box-shadow: 0 0 0 10px rgba(var(--mn-primary-rgb), 0.2), 0 0 0 22px rgba(var(--mn-primary-rgb), 0.08); }
  .broadcast-player.utsav-player .bp-cap { inset-inline-start: 22px; inset-inline-end: 22px; bottom: 20px; }
  .broadcast-player.utsav-player .bp-cap b { font-size: 21px; }
  .broadcast-player.utsav-player .bp-cap > span { display: none; }
  .utsav-video .section-title { margin-bottom: 40px; }
  .priest-item .thumb { height: 340px; }
  .testimonial-item { padding: 30px 26px 26px 26px; }
  .testimonial-item .quote { font-size: 20px; }
  .cta-area .cta-inner { padding: 70px 0; }
  .mn-subheader { padding: 200px 0 96px 0; }
  .mn-subheader .sub-mandala { display: none; }
  .satsang-area .quick-area { margin-bottom: 80px; }
  .mn-timeline .tl-year { font-size: 38px; }
  .verse-card { padding: 54px 26px 32px 26px; }
  .list-toolbar .toolbar-side { flex-direction: column; align-items: flex-start; width: 100%; }
  .list-toolbar .sort-field { width: 100%; }
  .sd-hero { height: 300px; }
  .sd-gallery { grid-template-columns: 1fr 1fr; }
  .sd-gallery a { height: 180px; }
  .spb-total { font-size: 42px; }
  .bk-steps .bs-t { font-size: 12.5px; }
  .bk-steps .bs-ic { width: 46px; height: 46px; font-size: 16px; }
  .bk-steps::before { top: 22px; }
  .bk-form .bk-panel { padding: 28px 22px; }
  .bk-legend { font-size: 23px; }
  .bk-addons { grid-template-columns: 1fr; }
  .bk-slots { grid-template-columns: repeat(2, 1fr); }
  .bk-done { padding: 44px 22px; }
  .tithi-cal { padding: 20px 14px; }
  .tithi-cal .tc-week,
  .tithi-cal .tc-grid { gap: 4px; }
  .tithi-cal .tc-day { min-height: 64px; padding: 7px 6px; }
  .tithi-cal .tc-day .t,
  .tithi-cal .tc-day .p,
  .tithi-cal .tc-day .f { display: none; }
  .tithi-cal .tc-day::after { inset-inline-end: 6px; top: 8px; width: 8px; height: 8px; }
  .tithi-cal .tc-month { font-size: 23px; }
  .sun-table thead, .roster-table thead { display: none; }
  .sun-table tr, .roster-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; padding: 14px 18px; border-top: 1px solid var(--mn-line); }
  .sun-table tr:first-child, .roster-table tr:first-child { border-top: none; }
  .sun-table td, .roster-table td { border: none; padding: 0; white-space: normal; }
  .sun-table td:first-child, .roster-table td:first-child { grid-column: 1 / -1; font-weight: 800; }
  .sun-table td[data-label]::before, .roster-table td[data-label]::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mn-muted); }
  .ev-nav { grid-template-columns: 1fr; }
  .event-card { grid-template-columns: 1fr; gap: 18px; }
  .event-card .ec-body { padding: 0 10px 10px 10px; }
  .event-card h3 { font-size: 26px; }
  .night-panel.is-active { grid-template-columns: 1fr; text-align: center; }
  .night-panel .np-swatch { margin: 0 auto; }
  .gallery-grid { column-count: 2; column-gap: 12px; }
  .gallery-grid .g-item { margin-bottom: 12px; }
  .sponsor-total b { font-size: 42px; }
  .archive-totals { grid-template-columns: 1fr; }
  .archive-totals > div + div { border-inline-start: none; border-top: 1px solid rgba(var(--mn-on-band-rgb), 0.12); }
  .archive-totals .at-num { font-size: 42px; }
  .profile-card .pc-photo { height: 360px; }
  .co-step { padding: 24px 20px 6px 20px; }
  .coupon-form { flex-direction: column; align-items: stretch; }
  .post-hero { height: 340px; }
  .post-figures { grid-template-columns: 1fr; }
  .post-nav { grid-template-columns: 1fr; }
  .post-quote { padding: 32px 26px; }
  .post-quote p { font-size: 23px; }
  .comment.is-reply { margin-inline-start: 30px; }
  .author-box { flex-direction: column; }
  .acc-card { padding: 32px 22px; }
  .launch-count { gap: 8px; }
  .launch-count > div { min-width: 0; flex: 1; }
  .launch-count span { font-size: 42px; }
  .footer-bulletin { padding: 80px 0 48px 0; }
  .footer-top { padding: 56px 0 20px 0; }
  .footer-bottom .bottom-links { flex-wrap: wrap; justify-content: center; gap: 14px 20px; }
}

/*======================
Max Width 575px
========================*/
@media (max-width: 575.98px) {
  .sec-pt-130 { padding-top: 70px; }
  .sec-pb-130 { padding-bottom: 70px; }
  .header-extras .mn-lang,
  .header-extras .mn-theme-toggle { display: none; }
  .mn-logo img { height: 34px; }
  .hero-area { padding: 160px 0 120px 0; }
  .hero-area .hero-badge { font-size: 11px; padding: 8px 16px; letter-spacing: 0.12em; }
  .hero-area .hero-btns .mn-btn { width: 100%; justify-content: space-between; }
  .hero-area .h-btn { width: 46px; height: 46px; }
  .hero-area .hero-figure { padding: 14px; }
  .hero-area .figure-arch { height: 320px; }
  .panchang-status .st-name { font-size: 28px; }
  .ritual-row .r-name { font-size: 16.5px; }
  .pb-grid > *, .ritual-list, .ritual-row { min-width: 0; }
  .ritual-row { gap: 8px; }
  .ritual-row .r-name { gap: 8px; min-width: 0; white-space: normal; line-height: 1.25; }
  .ritual-row .r-name > i { width: 28px; height: 28px; flex: 0 0 28px; }
  .ritual-row .r-time { font-size: 12.5px; }
  .ritual-row.is-now { padding-inline: 10px; }
  .ritual-row.is-next .r-name::after { margin-inline-start: 6px; padding: 3px 7px; }
  .about-area .main-img { height: 380px; }
  .about-area .float-img { width: 140px; height: 170px; }
  .seva-item .thumb { height: 240px; }
  .seva-item .price { font-size: 30px; }
  .cause-media .cause-img { height: 250px; }
  .cause-media .cause-chip { inset-inline-start: 0; }
  .donation-widget { padding: 26px 20px; }
  .don-result { flex-direction: column; align-items: flex-start; }
  .don-result .sub { text-align: start; }
  .don-result .figure { font-size: 44px; }
  .mn-countdown .cd-boxes { gap: 8px; }
  .mn-countdown .num { font-size: 32px; }
  .mn-countdown .cd-box { padding: 14px 4px 12px 4px; }
  .darshan-area .play-btn { width: 82px; height: 82px; font-size: 20px; }
  .broadcast-player.utsav-player { aspect-ratio: 4 / 3; }
  .broadcast-player.utsav-player .live-chip { inset-inline-start: 16px; top: 16px; }
  .blog-item .thumb { height: 230px; }
  .blog-item h3 { font-size: 24px; }
  .cta-area .cta-actions { flex-direction: column; align-items: flex-start; gap: 18px; }
  .mn-crumbs { font-size: 11px; padding: 8px 16px; }
  .mn-crumbs li + li::before { margin: 0 9px; }
  .mn-timeline .tl-row { padding-inline-start: 38px; }
  .mn-timeline .tl-media,
  .mn-timeline .tl-row.is-flip .tl-media { height: 200px; }
  .seva-price-box,
  .bk-summary { padding: 28px 22px; }
  .spb-choice { grid-template-columns: 1fr; }
  .bk-steps .bs-t { display: none; }
  .bk-actions { flex-wrap: wrap; }
  .bk-actions .mn-btn { width: 100%; justify-content: center; }
  .bk-done .bd-title { font-size: 30px; }
  .tithi-cal .tc-week span { font-size: 10.5px; letter-spacing: 0.04em; }
  .ring-stats { grid-template-columns: 1fr; }
  .ed-facts { grid-template-columns: 1fr; }
  .ed-facts > div + div { border-inline-start: none; border-top: 1px solid var(--mn-line); }
  .night-panel { padding: 26px 20px; }
  .night-panel h3 { font-size: 36px; }
  .broadcast-player.is-live { min-height: 300px; }
  .gallery-grid { column-count: 1; }
  .give-side .gs-ledger { margin: -40px 10px 0 10px; padding: 24px 20px; }
  .dl-methods.is-two { grid-template-columns: 1fr; }
  .pd-price .new { font-size: 42px; }
  .pd-buy .mn-btn { flex: 1; justify-content: center; }
  .blog-feature .bf-thumb { height: 260px; }
  .error-area { padding: 170px 0 100px 0; }
  .error-links .mn-btn { width: 100%; justify-content: center; }
  .newsletter-form { flex-direction: column; align-items: stretch; gap: 6px; }
  .newsletter-form > i { top: 25px; }
  .newsletter-form button { justify-content: center; }
}