@media (max-width: 1180px) {
    .dental-navigation-wrapper {
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        z-index: 2000;
        max-height: calc(100vh - 40px);
        padding: 28px;
        border-radius: 24px;
        overflow-y: auto;
        background: #ffffff;
        box-shadow: var(--dental-shadow);
        display: none;
        align-items: stretch;
        flex-direction: column;
    }

    .dental-navigation-wrapper.open {
        display: flex;
    }

    .dental-navigation {
        align-items: stretch;
        flex-direction: column;
        gap: 0;
    }

    .dental-navigation a {
        padding: 15px 0;
        border-bottom: 1px solid var(--dental-line);
        font-size: 13px;
    }

    .dental-navigation a::after {
        display: none;
    }

    .dental-menu-button {
        display: block;
    }

    .dental-appointment-button {
        width: 100%;
    }

    .dental-footer-grid {
        grid-template-columns: 1.4fr 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .dental-container {
        width: min(
            calc(100% - 32px),
            var(--dental-container)
        );
    }

    .dental-section {
        padding: 80px 0;
    }

    .legacy-demo-inner {
        min-height: 52px;
        font-size: 8px;
    }

    .clinic-information-inner {
        min-height: 43px;
        justify-content: space-between;
        gap: 15px;
        font-size: 8px;
    }

    .clinic-information-inner p:nth-child(2) {
        display: none;
    }

    .dental-navbar {
        min-height: 78px;
    }

    .dental-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
    }

    .dental-final-cta-card {
        padding: 45px 25px;
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
    }

    .dental-final-cta-actions {
        width: 100%;
    }

    .dental-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-footer-about {
        grid-column: 1 / 3;
    }

    .dental-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .legacy-demo-inner p {
        max-width: 180px;
    }

    .clinic-information-inner p:last-child {
        display: none;
    }

    .dental-brand-copy strong {
        font-size: 17px;
    }

    .dental-brand-mark {
        width: 43px;
        height: 43px;
    }

    .dental-footer-grid {
        grid-template-columns: 1fr;
    }

    .dental-footer-about {
        grid-column: auto;
    }

    .dental-footer-bottom > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}
@media (max-width: 1100px) {
    .dental-hero-layout {
        grid-template-columns: 1fr;
        align-items: end;
    }

    .dental-emergency-card {
        max-width: 420px;
    }

    .dental-introduction-layout,
    .dental-insurance-layout,
    .dental-faq-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .dental-introduction-copy {
        padding-top: 0;
    }

    .dental-experience-grid,
    .dental-journey-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-doctor-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-technology-home {
        grid-template-columns: 1fr;
    }

    .dental-technology-image {
        min-height: 620px;
    }

    .dental-faq-heading {
        position: static;
    }

    .dental-location-card {
        grid-template-columns: 1fr;
    }

    .dental-location-image {
        min-height: 550px;
    }
}

@media (max-width: 800px) {
    .dental-hero,
    .dental-hero-layout {
        min-height: 760px;
    }

    .dental-hero-layout {
        padding: 85px 0 105px;
        gap: 45px;
    }

    .dental-hero h1 {
        font-size: clamp(56px, 16vw, 84px);
    }

    .dental-hero-content > p {
        font-size: 12px;
    }

    .dental-hero-bottom {
        display: none;
    }

    .dental-trust-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-trust-grid article {
        min-height: 140px;
    }

    .dental-treatment-grid {
        grid-template-columns: 1fr;
    }

    .dental-treatment-image {
        height: 420px;
    }

    .dental-before-after {
        height: 500px;
    }

    .dental-transformation-caption {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .dental-doctor-grid {
        grid-template-columns: 1fr;
    }

    .dental-doctor-image {
        height: 520px;
    }

    .dental-reviews-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .dental-review-grid {
        grid-template-columns: 1fr;
    }

    .dental-insurance-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-location-content {
        padding: 45px 25px;
    }
}

@media (max-width: 560px) {
    .dental-hero {
        min-height: 790px;
    }

    .dental-hero-layout {
        min-height: 790px;
        padding-top: 70px;
    }

    .dental-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .dental-hero-primary {
        width: 100%;
    }

    .dental-hero-link {
        justify-content: center;
    }

    .dental-emergency-card {
        display: none;
    }

    .dental-trust-grid {
        grid-template-columns: 1fr;
    }

    .dental-trust-grid article {
        border-left: 1px solid rgba(255, 255, 255, 0.12);
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .dental-experience-grid,
    .dental-journey-grid {
        grid-template-columns: 1fr;
    }

    .dental-experience-card,
    .dental-journey-grid article {
        border-right: 1px solid var(--dental-line);
    }

    .dental-before-after {
        height: 390px;
        border-radius: 20px;
    }

    .dental-doctor-image {
        height: 440px;
    }

    .dental-technology-image {
        min-height: 430px;
    }

    .dental-technology-content {
        padding: 70px 24px;
    }

    .dental-insurance-grid {
        grid-template-columns: 1fr;
    }

    .dental-location-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .dental-location-image {
        min-height: 430px;
    }
}
@media (max-width: 1050px) {
    .treatments-introduction-layout,
    .treatment-overview-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .treatments-introduction-layout > div:last-child,
    .treatment-overview-copy {
        padding-top: 0;
    }

    .treatment-comfort-section,
    .treatment-suitability-section {
        grid-template-columns: 1fr;
    }

    .treatment-comfort-image,
    .treatment-suitability-image {
        min-height: 590px;
    }

    .treatment-benefit-grid,
    .treatment-process-grid {
        grid-template-columns: 1fr 1fr;
    }

    .treatment-doctor-card {
        grid-template-columns: 1fr;
    }

    .treatment-doctor-image {
        min-height: 580px;
    }

    .related-treatment-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .dental-page-hero,
    .dental-page-hero-content {
        min-height: 620px;
    }

    .dental-page-hero-content {
        padding: 80px 0;
    }

    .dental-page-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 340px;
    }

    .featured-treatment-grid {
        grid-template-columns: 1fr;
    }

    .featured-treatment-image {
        height: 410px;
    }

    .treatment-directory-card {
        grid-template-columns: 45px 1fr;
    }

    .treatment-directory-arrow {
        grid-column: 2;
    }

    .treatment-emergency-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .treatment-detail-hero,
    .treatment-detail-hero-content {
        min-height: 760px;
    }

    .treatment-detail-summary {
        grid-template-columns: 1fr;
    }

    .treatment-detail-summary article {
        padding: 17px 0 !important;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .treatment-doctor-content {
        padding: 50px 28px;
    }

    .related-treatment-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .dental-page-hero-content h1 {
        font-size: 58px;
    }

    .featured-treatment-image {
        height: 340px;
    }

    .treatment-comfort-image,
    .treatment-suitability-image {
        min-height: 420px;
    }

    .treatment-comfort-content,
    .treatment-suitability-content {
        padding: 70px 24px;
    }

    .treatment-benefit-grid,
    .treatment-process-grid {
        grid-template-columns: 1fr;
    }

    .treatment-benefit-grid article,
    .treatment-process-grid article {
        border-right: 1px solid var(--dental-line);
    }

    .treatment-detail-title h1 {
        font-size: 65px;
    }

    .treatment-detail-title > div {
        align-items: stretch;
        flex-direction: column;
    }

    .treatment-doctor-image {
        min-height: 430px;
    }

    .related-treatment-card > a {
        height: 300px;
    }
}
@media (max-width: 1050px) {
    .doctors-introduction-layout,
    .doctor-profile-layout,
    .doctor-profile-details-grid,
    .doctor-availability-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .doctors-introduction-layout > div:last-child {
        padding-top: 0;
    }

    .doctor-directory-card {
        grid-template-columns: 1fr;
    }

    .doctor-directory-card:nth-child(even) .doctor-directory-image {
        order: initial;
    }

    .doctor-directory-image {
        min-height: 600px;
    }

    .doctor-philosophy-section,
    .doctor-specialty-section {
        grid-template-columns: 1fr;
    }

    .doctor-philosophy-image,
    .doctor-specialty-image {
        min-height: 560px;
    }

    .doctor-credential-grid,
    .doctor-education-grid {
        grid-template-columns: 1fr 1fr;
    }

    .doctor-profile-image {
        min-height: 650px;
    }
}

@media (max-width: 800px) {
    .doctor-directory-content {
        padding: 45px 25px;
    }

    .doctor-directory-meta,
    .doctor-profile-summary {
        grid-template-columns: 1fr;
    }

    .doctor-directory-meta article,
    .doctor-profile-summary article {
        padding: 15px 0 !important;
        border-left: none !important;
        border-bottom: 1px solid var(--dental-line);
    }

    .doctor-directory-actions,
    .doctor-profile-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .doctor-consultation-card {
        padding: 45px 25px;
        align-items: flex-start;
        flex-direction: column;
    }

    .doctor-consultation-actions {
        width: 100%;
    }

    .doctor-profile-role {
        margin-top: 45px;
    }
}

@media (max-width: 560px) {
    .doctor-directory-image,
    .doctor-profile-image {
        min-height: 470px;
    }

    .doctor-philosophy-image,
    .doctor-specialty-image {
        min-height: 420px;
    }

    .doctor-philosophy-content,
    .doctor-specialty-content {
        padding: 70px 24px;
    }

    .doctor-credential-grid,
    .doctor-education-grid {
        grid-template-columns: 1fr;
    }

    .doctor-credential-grid article,
    .doctor-education-grid article {
        border-right: 1px solid rgba(16, 47, 56, 0.15);
    }

    .doctor-profile-quote blockquote {
        font-size: 24px;
    }

    .doctor-availability-card {
        padding: 25px 18px;
    }

    .doctor-availability-card article {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}
@media (max-width: 1050px) {
    .appointment-page-hero-layout,
    .appointment-layout {
        grid-template-columns: 1fr;
    }

    .appointment-hero-contact {
        max-width: 420px;
    }

    .appointment-sidebar {
        position: static;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .appointment-page-hero {
        padding: 75px 0;
    }

    .appointment-progress {
        overflow-x: auto;
        grid-template-columns: repeat(5, 130px);
    }

    .appointment-progress-line {
        display: none;
    }

    .appointment-step {
        padding: 27px 18px;
    }

    .appointment-treatment-grid,
    .appointment-doctor-grid,
    .appointment-schedule-layout,
    .appointment-review {
        grid-template-columns: 1fr;
    }

    .appointment-details-grid {
        grid-template-columns: 1fr;
    }

    .appointment-field-full {
        grid-column: auto;
    }

    .appointment-sidebar {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .appointment-treatment-card {
        grid-template-columns: 30px 1fr;
    }

    .appointment-doctor-card {
        grid-template-columns: 75px 1fr;
        padding: 16px;
    }

    .appointment-doctor-image,
    .appointment-any-doctor {
        width: 75px;
        height: 90px;
    }

    .appointment-calendar-card,
    .appointment-time-card {
        padding: 17px 12px;
    }

    .appointment-time-grid {
        grid-template-columns: 1fr;
    }

    .appointment-time-grid p {
        grid-column: 1;
    }

    .appointment-navigation {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .appointment-back-button,
    .appointment-next-button,
    .appointment-submit-button {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }

    .appointment-success-card {
        padding: 35px 20px;
    }
}
@media (max-width: 1050px) {
    .dental-about-introduction-layout,
    .dental-about-story-card,
    .dental-about-technology-layout,
    .dental-about-location-card {
        grid-template-columns: 1fr;
    }

    .dental-about-introduction-layout {
        gap: 45px;
    }

    .dental-about-introduction-layout > div:last-child {
        padding-top: 0;
    }

    .dental-about-story-image,
    .dental-about-location-image {
        min-height: 580px;
    }

    .dental-about-values-grid,
    .dental-about-statistics-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-about-experience {
        grid-template-columns: 1fr;
    }

    .dental-about-experience-image {
        min-height: 580px;
    }

    .dental-about-team-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .dental-about-story-content {
        padding: 45px 25px;
    }

    .dental-about-technology-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-about-location-content {
        padding: 45px 25px;
    }
}

@media (max-width: 560px) {
    .dental-about-story-image,
    .dental-about-experience-image,
    .dental-about-location-image {
        min-height: 420px;
    }

    .dental-about-values-grid,
    .dental-about-statistics-grid,
    .dental-about-team-grid,
    .dental-about-technology-grid {
        grid-template-columns: 1fr;
    }

    .dental-about-values-grid article {
        border-right: 1px solid rgba(16, 47, 56, 0.15);
    }

    .dental-about-statistics-grid article {
        border-left: 1px solid rgba(255, 255, 255, 0.16);
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    .dental-about-experience-content {
        padding: 70px 24px;
    }

    .dental-about-team-card > a {
        height: 420px;
    }
}
@media (max-width: 1050px) {
    .gallery-introduction-layout,
    .gallery-disclaimer-inner {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .gallery-introduction-layout > div:last-child {
        padding-top: 0;
    }

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

    .gallery-philosophy-image {
        min-height: 580px;
    }

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

@media (max-width: 800px) {
    .smile-gallery-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .smile-gallery-filters {
        justify-content: flex-start;
    }

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

    .smile-gallery-modal-images {
        height: auto;
        grid-template-columns: 1fr;
    }

    .smile-gallery-modal-images article {
        height: 420px;
    }
}

@media (max-width: 560px) {
    .smile-gallery-comparison {
        height: 330px;
    }

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

    .smile-gallery-number {
        display: none;
    }

    .gallery-philosophy-image {
        min-height: 420px;
    }

    .gallery-philosophy-content {
        padding: 70px 24px;
    }

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

    .gallery-process-grid article {
        border-right: 1px solid rgba(16, 47, 56, 0.15);
    }

    .smile-gallery-modal {
        padding: 10px;
    }

    .smile-gallery-modal-images article {
        height: 300px;
    }

    .smile-gallery-modal-content {
        padding: 28px 18px;
    }

    .smile-gallery-modal-content h2 {
        font-size: 31px;
    }

    .smile-gallery-modal-content > div {
        grid-template-columns: 1fr;
    }

    .smile-gallery-modal-content > div article + article {
        padding-left: 0;
        border-top: 1px solid var(--dental-line);
        border-left: none;
    }
}
@media (max-width: 1050px) {
    .dental-contact-layout,
    .dental-contact-hours-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .dental-contact-support-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dental-contact-location {
        grid-template-columns: 1fr;
    }

    .dental-contact-location-image {
        min-height: 570px;
    }
}

@media (max-width: 800px) {
    .dental-contact-form {
        padding: 28px 20px;
    }

    .dental-contact-form-grid {
        grid-template-columns: 1fr;
    }

    .dental-contact-field-full {
        grid-column: auto;
    }

    .dental-contact-hours-card article {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}

@media (max-width: 560px) {
    .dental-contact-support-grid {
        grid-template-columns: 1fr;
    }

    .dental-contact-support-grid > a {
        min-height: 270px;
        border-right: 1px solid var(--dental-line);
    }

    .dental-contact-location-image {
        min-height: 420px;
    }

    .dental-contact-location-content {
        padding: 70px 24px;
    }
}
@media (max-width: 1050px) {
    .technology-introduction-layout,
    .technology-feature-card,
    .technology-comfort-layout,
    .technology-safety-layout {
        grid-template-columns: 1fr;
    }

    .technology-introduction-layout {
        gap: 45px;
    }

    .technology-introduction-layout > div:last-child {
        padding-top: 0;
    }

    .technology-feature-image,
    .technology-comfort-image {
        min-height: 580px;
    }

    .technology-patient-section {
        grid-template-columns: 1fr;
    }

    .technology-patient-image {
        min-height: 580px;
    }

    .technology-workflow-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 800px) {
    .technology-feature-content,
    .technology-comfort-content {
        padding: 45px 25px;
    }

    .technology-directory-grid {
        grid-template-columns: 1fr;
    }

    .technology-directory-image {
        height: 390px;
    }
}

@media (max-width: 560px) {
    .technology-feature-image,
    .technology-patient-image,
    .technology-comfort-image {
        min-height: 420px;
    }

    .technology-patient-content {
        padding: 70px 24px;
    }

    .technology-workflow-grid,
    .technology-safety-grid {
        grid-template-columns: 1fr;
    }

    .technology-workflow-grid article {
        border-right: 1px solid var(--dental-line);
    }

    .technology-directory-image {
        height: 330px;
    }
}
@media (max-width: 1050px) {
    .blog-introduction-layout,
    .blog-medical-notice-inner,
    .article-hero-layout,
    .article-content-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .blog-introduction-layout > div:last-child {
        padding-top: 0;
    }

    .blog-featured-grid {
        grid-template-columns: 1fr;
    }

    .blog-featured-card-large {
        grid-row: auto;
    }

    .blog-directory-grid,
    .article-related-grid {
        grid-template-columns: 1fr 1fr;
    }

    .blog-newsletter-card {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .article-sidebar {
        position: static;
        grid-template-columns: 1fr 1fr;
    }

    .article-main-content {
        max-width: none;
    }
}

@media (max-width: 800px) {
    .blog-featured-card:not(.blog-featured-card-large) {
        grid-template-columns: 1fr;
    }

    .blog-featured-card-large .blog-featured-image,
    .blog-featured-image {
        height: 400px;
    }

    .blog-directory-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .blog-category-filters {
        justify-content: flex-start;
    }

    .article-hero-image {
        min-height: 550px;
    }

    .article-author-details {
        grid-template-columns: 1fr;
    }

    .article-author-details article {
        padding: 14px 0 !important;
        border-left: none !important;
        border-bottom: 1px solid rgba(16, 47, 56, 0.15);
    }

    .article-author-card {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .blog-directory-grid,
    .article-related-grid,
    .article-sidebar {
        grid-template-columns: 1fr;
    }

    .blog-directory-image {
        height: 330px;
    }

    .blog-newsletter-card {
        padding: 45px 22px;
    }

    .blog-newsletter-form > div {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .blog-newsletter-form input,
    .blog-newsletter-form button {
        border-radius: 50px;
    }

    .article-category {
        margin-top: 45px;
    }

    .article-hero h1 {
        font-size: 55px;
    }

    .article-hero-image {
        min-height: 420px;
    }

    .article-introduction {
        padding: 22px;
    }

    .article-introduction p {
        font-size: 19px;
    }

    .article-main-content h2 {
        font-size: 32px;
    }
}
@media (max-width: 1180px) {
    .dental-header-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .dental-dashboard-button,
    .dental-appointment-button {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .legacy-demo-actions {
        gap: 12px;
    }

    .legacy-demo-actions a {
        font-size: 8px;
    }
}

@media (max-width: 560px) {
    .legacy-demo-inner {
        padding: 9px 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .legacy-demo-inner p {
        max-width: none;
    }

    .legacy-demo-actions {
        width: 100%;
        justify-content: space-between;
    }
}