@charset "utf-8";

/*
Theme Name: Medora - Medical & Health 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 */
  .md-nav > ul > li > a {
    padding: 0 8px;
    font-size: 0.75rem;
  }
  .header-inner {
    gap: 16px;
  }
  .md-logo img {
    height: 46px;
  }
  .header-actions {
    gap: 8px;
  }
  .head-book {
    min-height: 3rem;
    padding: 0.7rem 1.2rem;
  }
  .top-mail {
    display: none;
  }
  /* Info Strip And Welcome */
  .strip-cell {
    padding: 1.75rem 1.5rem;
  }
  /* Doctor, Timetable And Booking Pages */
  .tt-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/*======================
Max Width 1199px
========================*/
@media (max-width: 1199.98px) {
  /* General */
  .sec-pt-120 { padding-top: 6.25rem; }
  .sec-pb-120 { padding-bottom: 6.25rem; }
  /* Header */
  .md-nav {
    display: none;
  }
  .md-menu-toggle {
    display: inline-flex;
  }
  .header-actions {
    margin-inline-start: auto;
  }
  .top-address {
    display: none;
  }
  /* Hero Slider */
  .hero-copy {
    max-width: 36rem;
  }
  /* Info Strip And Welcome */
  .md-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .strip-cell:nth-child(3) {
    border-inline-start: 0;
  }
  .strip-cell:nth-child(n+3),
  .strip-cta {
    border-top: 1px solid var(--md-line);
  }
  /* Colour Panels */
  .panel {
    min-height: 30rem;
    padding: 2.5rem 2rem;
  }
  .panel-num {
    left: 2rem;
  }
  /* Pediatrics Home */
  .doc-wide {
    grid-template-columns: minmax(0, 1fr);
  }
  .dw-photo {
    aspect-ratio: 16 / 11;
  }
  .dw-body {
    padding: 6px 14px 14px;
  }
  /* Eye Care Home */
  .eye-svc-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 40px;
  }
  .eye-svc:nth-child(even) {
    margin-top: 0;
  }
  /* Inner Pages */
  .md-layout,
  .md-layout.is-left {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 36px;
  }
  .md-layout.is-left {
    grid-template-columns: 300px minmax(0, 1fr);
  }
  /* About And Call To Action */
  .timeline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 48px;
  }
  .timeline::before {
    display: none;
  }
  /* Department, Reviews, FAQ And Contact Pages */
  .summary-bar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .sb-faces {
    grid-column: 1 / -1;
  }
  .auth-form {
    padding: 3rem 2.5rem;
  }
  /* Doctor, Timetable And Booking Pages */
  .finder-bar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  /* Journal Pages */
  .blog-list {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Patient Portal */
  .visit {
    grid-template-columns: 4rem minmax(0, 1fr);
  }
  .visit-when,
  .visit-actions {
    grid-column: 2;
  }
}

/*======================
Max Width 991px
========================*/
@media (max-width: 991.98px) {
  /* General */
  .sec-pt-120 { padding-top: 5.5rem; }
  .sec-pb-120 { padding-bottom: 5.5rem; }
  .sec-pt-80 { padding-top: 4rem; }
  .sec-pb-80 { padding-bottom: 4rem; }
  .md-title-block {
    margin-bottom: 2.75rem;
  }
  .md-head-split {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2.75rem;
  }
  /* Subheader */
  .md-subheader {
    padding: 5.5rem 0 5rem;
  }
  /* Hero Slider */
  .hero-slider,
  .hero-slider .swiper-slide {
    height: auto;
    min-height: 640px;
  }
  .hero-bg::after {
    background: linear-gradient(90deg, rgba(var(--md-bg-rgb), 0.95) 0%, rgba(var(--md-bg-rgb), 0.82) 55%, rgba(var(--md-bg-rgb), 0.4) 100%);
  }
  .hero-copy {
    padding: 5rem 0 8.5rem;
  }
  /* Colour Panels */
  .panels-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .panel {
    min-height: 24rem;
  }
  /* Floor Directory */
  .floors-side {
    position: static;
  }
  .floor-building {
    display: none;
  }
  .floor-cards {
    padding-top: 0;
  }
  /* Pediatrics Home */
  .cond-field {
    margin: 0 auto;
  }
  /* Inner Pages */
  .md-layout,
  .md-layout.is-left {
    grid-template-columns: minmax(0, 1fr);
  }
  .layout-side {
    position: static;
  }
  .md-layout.is-left .layout-side {
    order: 2;
  }
  /* Department, Reviews, FAQ And Contact Pages */
  .auth-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .auth-side {
    padding: 3rem 2.5rem;
  }
  /* Patients And Health Tools Pages */
  .estimate-card,
  .tool-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .vp-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .vp-vax {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  /* Footer */
  .footer-main {
    padding: 5rem 0 2rem;
  }
  .footer-pulse {
    height: 100px;
  }
}

/*======================
Max Width 767px
========================*/
@media (max-width: 767.98px) {
  /* General */
  .sec-pt-120 { padding-top: 4.75rem; }
  .sec-pb-120 { padding-bottom: 4.75rem; }
  .md-lead {
    font-size: 1.0625rem;
  }
  .md-line {
    white-space: normal;
  }
  /* Header */
  .md-header {
    top: 0;
  }
  .md-topbar {
    display: none;
  }
  .header-inner,
  .md-header.is-scrolled .header-inner {
    height: 76px;
  }
  .md-logo img {
    height: 44px;
  }
  .head-book,
  .head-bag {
    display: none;
  }
  /* Hero Slider */
  .hero-bg img {
    object-position: 72% 30%;
  }
  .hero-bg::after,
  .md-hero.is-kids .hero-bg::after {
    background: linear-gradient(180deg, rgba(var(--md-bg-rgb), 0.86) 0%, rgba(var(--md-bg-rgb), 0.94) 50%, rgba(var(--md-bg-rgb), 0.98) 100%);
  }
  .md-hero.is-kids .hero-copy {
    padding-bottom: 14rem;
  }
  .md-hero.is-kids .hero-controls {
    bottom: 11rem;
  }
  .hero-lead {
    font-size: 1.0625rem;
  }
  .hero-card {
    margin-top: 30px;
  }
  .hero-progress {
    width: 80px;
  }
  /* Info Strip And Welcome */
  .md-strip {
    grid-template-columns: minmax(0, 1fr);
  }
  .strip-cell + .strip-cell {
    border-inline-start: 0;
    border-top: 1px solid var(--md-line);
  }
  .welcome-row {
    padding-top: 4.5rem;
  }
  .welcome-circles {
    margin: 0 auto;
  }
  /* Counters Band */
  .counter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 36px;
  }
  .counter:nth-child(3) {
    border-inline-start: 0;
  }
  .counter {
    padding: 0.25rem 1.25rem;
  }
  /* Eye Care Home */
  .eye-svc-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .exam-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .eye-title {
    margin-top: 4.5rem;
  }
  .lens-chart {
    padding: 10px 14px;
  }
  .lens-chart b:nth-child(1) { font-size: 1.75rem; }
  .lens-chart b:nth-child(2) { font-size: 1.25rem; }
  .lens-chart b:nth-child(3) { font-size: 1rem; }
  .lens-chart b:nth-child(4) { font-size: 0.75rem; }
  .lens-chart b:nth-child(5) { font-size: 0.625rem; }
  /* Inner Pages */
  .form-card {
    padding: 2rem 1.5rem;
  }
  .md-table .is-wide {
    display: none;
  }
  .md-table th,
  .md-table td {
    padding: 14px 14px;
  }
  /* About And Call To Action */
  .values-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .value-item:nth-child(even) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cta-card {
    padding: 2.5rem 1.75rem;
  }
  /* Department, Reviews, FAQ And Contact Pages */
  .summary-bar {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 2rem 1.5rem;
  }
  .faq-list {
    padding: 0.5rem 1.5rem 1rem;
  }
  .auth-form {
    padding: 2.5rem 1.5rem;
  }
  .soon-count b {
    font-size: 2rem;
  }
  .soon-count {
    gap: 8px;
  }
  /* Doctor, Timetable And Booking Pages */
  .finder-bar {
    grid-template-columns: minmax(0, 1fr);
    padding: 1.5rem;
  }
  .tt-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .appt-steps button span {
    display: none;
  }
  .appt-days {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .profile-next {
    right: 0;
  }
  /* Patients And Health Tools Pages */
  .estimate-form,
  .estimate-out,
  .tool-inputs,
  .tool-out,
  .rx-guide,
  .frame-card {
    padding: 2rem 1.5rem;
  }
  .hr-zones li {
    grid-template-columns: 6rem minmax(0, 1fr) 5.5rem;
  }
  .planner-stats {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Shop */
  .cart-line,
  .wish-line {
    grid-template-columns: 76px minmax(0, 1fr) 44px;
    gap: 12px 16px;
  }
  .cart-photo {
    grid-row: span 2;
  }
  .cart-name {
    grid-column: 2;
    grid-row: 1;
  }
  .cart-remove {
    grid-column: 3;
    grid-row: 1;
  }
  .cart-line .md-stepper,
  .wish-line .md-btn {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }
  .cart-sum {
    grid-column: 2 / 4;
    grid-row: 2;
    justify-self: end;
  }
  .product-gallery {
    grid-template-columns: minmax(0, 1fr);
  }
  .pg-main {
    grid-column: 1;
  }
  .pg-thumbs {
    grid-row: 2;
    flex-direction: row;
  }
  .pg-thumbs button {
    flex: 1 1 0;
  }
  .product-tabs {
    padding: 1.75rem 1.25rem;
  }
  .shop-sort {
    width: 100%;
  }
  /* Journal Pages */
  .author-box {
    flex-direction: column;
    text-align: center;
  }
  .post-nav {
    grid-template-columns: minmax(0, 1fr);
  }
  .comment.is-reply {
    margin-inline-start: 1.5rem;
  }
  .article-pair {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Patient Portal */
  .portal-stats {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*======================
Max Width 575px
========================*/
@media (max-width: 575.98px) {
  /* General */
  .sec-pt-120 { padding-top: 4.25rem; }
  .sec-pb-120 { padding-bottom: 4.25rem; }
  .container {
    --bs-gutter-x: 32px;
  }
  .md-btn {
    padding: 0.9rem 1.5rem;
  }
  /* Hero Slider */
  .hero-copy {
    padding: 4rem 0 8rem;
  }
  .hero-actions .md-btn {
    width: 100%;
  }
  /* Info Strip And Welcome */
  .wc-badge {
    padding: 10px 16px 10px 10px;
  }
  .wc-badge b {
    width: 3rem;
    height: 3rem;
    font-size: 1.0625rem;
  }
  .welcome-actions {
    gap: 18px;
  }
  /* Floor Directory */
  .floor-card {
    grid-template-columns: minmax(0, 1fr);
  }
  .fc-photo {
    min-height: 11rem;
  }
  .fc-body {
    padding: 1.5rem;
  }
  /* Appointment Band */
  .quick-book {
    padding: 2rem 1.4rem;
  }
  .qb-days {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* Testimonials */
  .reviews-card {
    padding: 2.5rem 1.5rem 1.75rem;
  }
  .review-slide blockquote p {
    font-size: 1.125rem;
  }
  .review-who .md-stars {
    margin-inline-start: 0;
    width: 100%;
  }
  /* Pediatrics Home */
  .kh-ring {
    left: 0;
  }
  .cc-name {
    font-size: 0.6875rem;
    padding: 4px 10px;
  }
  .kids-faq,
  .parents-card {
    padding: 2rem 1.4rem;
  }
  .week-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* Eye Care Home */
  .fs-note {
    left: 8px;
  }
  .rx-mini {
    padding: 1.75rem 1.4rem;
  }
  /* Footer */
  .bottom-inner {
    justify-content: center;
    text-align: center;
  }
}