/* ==========================================================================
   COMPREHENSIVE RESPONSIVE STYLESHEET
   Dr. J.P. Sharma Memorial Institutes
   Breakpoints: 1200px (laptop) | 991px (tablet) | 767px (mobile) | 575px (small mobile)
   ========================================================================== */

/* ==========================================================================
   GLOBAL RESPONSIVE FOUNDATION
   ========================================================================== */
html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    line-height: 1.65;
}

p, .text {
    line-height: 1.65;
}

small, .small, span.small, .text-muted.small {
    line-height: 1.45;
}

ul, ol {
    line-height: 1.55;
}

.table td, .table th {
    line-height: 1.5;
}

.badge, .btn {
    line-height: 1.35;
}

img {
    max-width: 100%;
    height: auto;
}

.auto-container {
    padding-left: 15px;
    padding-right: 15px;
}


/* ==========================================================================
   LAPTOP BREAKPOINT (992px - 1199px)
   ========================================================================== */
@media (max-width: 1199px) {

    /* --- Header --- */
    .main-header.header-style-two .main-menu .navigation > li > a {
        padding: 22px 9px !important;
        font-size: 13.5px !important;
    }

    .main-header.header-style-two .main-box {
        padding: 0 15px !important;
    }

    /* --- Banner --- */
    .banner-section .title {
        font-size: 30px !important;
    }

    .banner-section .banner-desc {
        font-size: 14.5px !important;
    }

    /* --- Section Paddings --- */
    .nursing-courses-section,
    .why-choose-nursing-section,
    .clinical-training-section,
    .affiliations-section,
    .nursing-faq-section,
    .student-testimonials-section {
        padding: 70px 0 75px;
    }

    .campus-facilities-section,
    .leadership-messages-section {
        padding: 70px 0 80px;
    }

    /* --- Section Headings --- */
    .nursing-courses-section .sec-title h2,
    .why-choose-nursing-section .sec-title h2,
    .affiliations-section .sec-title h2,
    .nursing-faq-section .sec-title h2,
    .student-testimonials-section .sec-title h2 {
        font-size: 30px !important;
    }

    /* --- CTA Banner --- */
    .nursing-cta-card {
        padding: 40px 35px;
    }

    .cta-heading {
        font-size: 28px !important;
    }

    /* --- Facility Detail --- */
    .facility-detail-main-card {
        padding: 28px;
    }

    .facility-hero-presentation {
        height: 340px;
    }

    /* --- About Page --- */
    .about-main-img-card img {
        height: 380px;
    }

    .about-foundation-card {
        padding: 35px;
    }

    .about-cta-container {
        padding: 40px 30px;
    }
}


/* ==========================================================================
   TABLET BREAKPOINT (768px - 991px)
   ========================================================================== */
@media (max-width: 991px) {

    /* --- Header Top Bar Hidden on Mobile/Tablet --- */
    .main-header.header-style-two .header-top,
    .main-header .header-top,
    .header-top {
        display: none !important;
    }

    /* --- Global Responsive Headings for Tablet (768px - 991px) --- */
    h1, .sec-title h1, .page-title h1, .title-outer h1, .page-title .title {
        font-size: 26px !important;
        line-height: 1.25 !important;
    }

    h2, .sec-title h2, h2.title, .sec-title .title {
        font-size: 23px !important;
        line-height: 1.3 !important;
    }

    h3, .sec-title h3, h3.title {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    h4, .sec-title h4, h4.title {
        font-size: 17.5px !important;
        line-height: 1.35 !important;
    }

    h5, .sec-title h5, h5.title {
        font-size: 15.5px !important;
        line-height: 1.4 !important;
    }

    h6, .sec-title h6, h6.title {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    body, p, .text {
        font-size: 14.5px;
        line-height: 1.6;
    }

    small, .small, span.small, .text-muted.small {
        font-size: 12.5px;
        line-height: 1.45;
    }

    .sec-title .sub-title {
        font-size: 12px !important;
        letter-spacing: 0.8px !important;
    }

    /* --- Global Spacing for Tablet View --- */
    section.py-5,
    .py-5 {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .p-4.p-md-5,
    .p-md-5,
    .p-5 {
        padding: 26px 22px !important;
    }

    .pres-manifesto-box,
    .princ-manifesto-box,
    .phil-ethos-quote-box,
    .insp-ethos-quote-box {
        padding: 26px 24px !important;
    }

    .pres-manifesto-quote,
    .princ-manifesto-quote,
    .phil-ethos-p1,
    .insp-legacy-p1 {
        font-size: 15.5px !important;
        line-height: 1.65 !important;
    }

    /* --- Desktop Nav Hidden, Hamburger Shown --- */
    .main-header.header-style-two .nav-outer .main-menu {
        display: none !important;
    }

    .main-header.header-style-two .outer-box .mobile-nav-toggler {
        display: block !important;
    }

    /* --- Header Main Box --- */
    .main-header.header-style-two .main-box {
        min-height: 60px;
        padding: 0 15px !important;
    }

    .main-header.header-style-two .logo-box .logo img {
        max-height: 46px;
    }

    /* --- Banner Slider --- */
    .banner-section .slide-item {
        min-height: 440px !important;
        padding: 40px 0 50px !important;
    }

    .banner-section .content-box {
        max-width: 100%;
    }

    .banner-section .title {
        font-size: 26px !important;
    }

    .banner-section .banner-desc {
        font-size: 14px !important;
        max-width: 100% !important;
    }

    .banner-section .btn-box .theme-btn {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 22px !important;
        font-size: 14px !important;
    }

    .banner-section .btn-box .theme-btn .btn-title {
        font-size: 14px !important;
    }

    /* --- Marquee --- */
    .marquee-section .text {
        font-size: 13px;
    }

    /* --- Excellence Cards --- */
    .excellence-highlights-section {
        padding-top: 40px !important;
        padding-bottom: 50px !important;
    }

    .excellence-card .card-inner {
        padding: 24px 18px 22px;
    }

    .excellence-card .icon-bubble {
        width: 60px;
        height: 60px;
    }

    .excellence-card .icon-bubble i {
        font-size: 24px;
    }

    .excellence-card .card-title {
        font-size: 17px;
    }

    /* --- About/Welcome Section --- */
    .about-section {
        padding: 50px 0 40px;
    }

    .about-section .sec-title h2 {
        font-size: 26px !important;
    }

    .about-section .image-box .single-about-img {
        max-height: 400px;
    }

    /* --- Nursing Courses Section --- */
    .nursing-courses-section {
        padding: 60px 0 65px;
    }

    .nursing-courses-section .sec-title h2 {
        font-size: 28px !important;
    }

    .nursing-course-card .course-img-wrap {
        height: 200px;
    }

    .nursing-course-card .course-card-title {
        font-size: 18px;
    }

    /* --- Why Choose Section --- */
    .why-choose-nursing-section {
        padding: 60px 0 65px;
    }

    .why-choose-nursing-section .sec-title h2 {
        font-size: 28px !important;
    }

    /* --- Clinical Training Section --- */
    .clinical-training-section {
        padding: 60px 0 70px;
    }

    .clinical-training-content .sec-title h2 {
        font-size: 28px !important;
    }

    .clinical-image-card .main-clinical-img {
        height: 320px;
    }

    .floating-stat-badge {
        padding: 10px 14px;
    }

    .floating-stat-badge .badge-icon {
        width: 38px;
        height: 38px;
    }

    .floating-stat-badge .badge-info strong {
        font-size: 13px;
    }

    .floating-stat-badge .badge-info span {
        font-size: 11px;
    }

    /* --- Facilities Section --- */
    .campus-facilities-section {
        padding: 60px 0 65px;
    }

    .campus-facilities-section .sec-title h2 {
        font-size: 28px !important;
    }

    /* --- Leadership Section --- */
    .leadership-messages-section {
        padding: 60px 0 70px;
    }

    .leadership-messages-section .sec-title h2 {
        font-size: 28px !important;
    }

    .leadership-card-modern {
        padding: 26px 22px;
    }

    .leader-avatar-wrap {
        width: 62px;
        height: 62px;
    }

    .leader-meta-info .leader-name {
        font-size: 17px;
    }

    /* --- Affiliations Section --- */
    .affiliations-section {
        padding: 60px 0 65px;
    }

    .affiliations-section .sec-title h2 {
        font-size: 28px !important;
    }

    /* --- FAQ Section --- */
    .nursing-faq-section {
        padding: 60px 0 65px;
    }

    .nursing-faq-section .sec-title h2 {
        font-size: 28px !important;
    }

    .nursing-accordion .accordion-button {
        padding: 15px 18px;
        font-size: 15px;
    }

    .faq-question-text {
        font-size: 14.5px;
        line-height: 1.4;
    }

    .faq-answer-text,
    .faq-answer-text p {
        font-size: 14px !important;
        line-height: 1.65 !important;
        margin-bottom: 0 !important;
    }

    /* --- Testimonials Section --- */
    .student-testimonials-section {
        padding: 60px 0 70px;
    }

    .student-testimonials-section .sec-title h2 {
        font-size: 28px !important;
    }

    /* --- CTA Banner Section --- */
    .nursing-cta-card {
        padding: 36px 30px;
    }

    .cta-heading {
        font-size: 26px !important;
    }

    .cta-subtext {
        font-size: 14.5px;
    }

    .nursing-action-btn .btn-main-txt {
        font-size: 15px;
    }

    /* --- Page Title (Inner Pages) --- */
    .page-title {
        padding: 75px 0 65px !important;
    }

    .page-title .title {
        font-size: 32px !important;
    }

    /* --- Footer --- */
    .main-footer .footer-nav-section {
        padding: 40px 0 35px;
    }

    .main-footer .ribbon-grid {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    /* --- Facility Detail Page --- */
    .facility-details-section {
        padding: 50px 0 60px;
    }

    .facility-detail-main-card {
        padding: 24px;
    }

    .facility-hero-presentation {
        height: 300px;
    }

    .facility-pillars-grid {
        grid-template-columns: 1fr 1fr;
    }

    .facility-meta-header h2 {
        font-size: 24px !important;
    }

    .facility-sidebar {
        position: relative !important;
        top: 0 !important;
        margin-top: 30px;
    }

    /* --- About Page --- */
    .about-main-img-card img {
        height: 340px;
    }

    .about-experience-badge {
        bottom: -12px;
        right: 10px;
        min-width: 130px;
        padding: 14px 18px;
    }

    .about-experience-badge .count-number {
        font-size: 28px;
    }

    .about-foundation-card {
        padding: 30px;
    }

    .about-main-heading {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .about-intro-p,
    .about-clinical-desc,
    .about-cta-desc {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .about-cta-container {
        padding: 36px 24px;
    }

    .about-cta-container h2,
    .display-6 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* --- Contact Page --- */
    .contact-feature-card {
        margin-bottom: 0;
    }

    /* --- Gallery Page --- */
    .gallery-filter-btn {
        font-size: 12.5px !important;
        padding: 7px 14px !important;
    }
}


/* ==========================================================================
   MOBILE BREAKPOINT (576px - 767px)
   ========================================================================== */
@media (max-width: 767px) {
.about-section .image-column .image-box .icon-dots{
    display: none !important;
}
    /* --- Global --- */
    .auto-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* --- Header Top Bar Hidden on Mobile --- */
    .main-header.header-style-two .header-top,
    .main-header .header-top,
    .header-top {
        display: none !important;
    }

    /* --- Global Responsive Headings for Mobile (576px - 767px) --- */
    h1, .sec-title h1, .page-title h1, .title-outer h1, .page-title .title {
        font-size: 22px !important;
        line-height: 1.3 !important;
        letter-spacing: -0.2px !important;
    }

    h2, .sec-title h2, h2.title, .sec-title .title, .explore-main-title, .cd-main-heading, .about-main-heading {
        font-size: 20px !important;
        line-height: 1.3 !important;
        letter-spacing: -0.2px !important;
    }

    h3, .sec-title h3, h3.title {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    h4, .sec-title h4, h4.title {
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

    h5, .sec-title h5, h5.title {
        font-size: 14.5px !important;
        line-height: 1.4 !important;
    }

    h6, .sec-title h6, h6.title {
        font-size: 13.5px !important;
        line-height: 1.4 !important;
    }

    body, p, .text {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
.hosp-portrait-img {
    height: 430px !important;
}
    small, .small, span.small, .text-muted.small {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .sec-title .sub-title {
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 6px !important;
    }

    .page-title {
        padding: 40px 0 !important;
    }

    .page-title .title {
        font-size: 22px !important;
        margin-bottom: 8px !important;
    }

    .page-breadcrumb {
        font-size: 12px !important;
    }

    /* --- Global Spacing for Phone View --- */
    section.py-5,
    .py-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .auto-container.py-4,
    .auto-container.py-3 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .p-4.p-md-5,
    .p-md-5,
    .p-5 {
        padding: 18px 16px !important;
    }

    .row.g-5,
    .g-5 {
        --bs-gutter-x: 1rem !important;
        --bs-gutter-y: 1.25rem !important;
    }

    .row.g-4,
    .g-4 {
        --bs-gutter-x: 0.85rem !important;
        --bs-gutter-y: 1rem !important;
    }

    .mb-5,
    .my-5 {
        margin-bottom: 1.5rem !important;
    }

    .mb-4 {
        margin-bottom: 1rem !important;
    }

    /* Callouts, Manifestos, Ethos & Quote Boxes */
    .pres-manifesto-box,
    .princ-manifesto-box,
    .phil-ethos-quote-box,
    .insp-ethos-quote-box {
        padding: 18px 16px !important;
        border-radius: 14px !important;
    }

    .pres-manifesto-quote,
    .princ-manifesto-quote,
    .phil-ethos-p1,
    .insp-legacy-p1 {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 12px !important;
    }

    .pres-manifesto-author-name,
    .princ-manifesto-author-name {
        font-size: 15px !important;
    }

    /* CTA Cards */
    .pres-cta-card,
    .princ-cta-card,
    .phil-cta-box,
    .insp-cta-box,
    .animated-glow-cta {
        padding: 22px 16px !important;
        border-radius: 14px !important;
    }

    .pres-cta-title,
    .princ-cta-title,
    .phil-cta-title,
    .insp-cta-title {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    .pres-cta-desc,
    .princ-cta-desc,
    .phil-cta-desc,
    .insp-cta-desc {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* --- Header Main Box --- */
    .main-header.header-style-two .main-box {
        min-height: 56px;
    }

    .main-header.header-style-two .logo-box .logo img {
        max-height: 40px;
    }

    /* --- Banner Slider --- */
    .banner-section .slide-item {
        padding: 28px 15px 32px !important;
        min-height: auto !important;
    }

    .banner-section .subtitle-badge {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 5px 14px !important;
        font-size: 11px !important;
        letter-spacing: 0.4px !important;
        max-width: 95% !important;
        line-height: 1.3 !important;
        margin-bottom: 12px !important;
    }

    .banner-section .title {
        font-size: 21px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .banner-section .banner-desc {
        font-size: 13px !important;
        line-height: 1.55 !important;
        margin: 0 auto 16px !important;
        max-width: 360px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .banner-section .btn-box {
        gap: 10px !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .banner-section .btn-box .theme-btn {
        width: 100% !important;
        max-width: 300px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 20px !important;
        font-size: 13.5px !important;
        border-radius: 8px !important;
        justify-content: center !important;
    }

    .banner-section .btn-box .theme-btn .btn-title {
        font-size: 13.5px !important;
        gap: 6px !important;
    }

    /* Owl Carousel Nav Arrows */
    .banner-carousel.owl-carousel .owl-nav .owl-prev,
    .banner-carousel.owl-carousel .owl-nav .owl-next {
        width: 34px !important;
        height: 34px !important;
        font-size: 12px !important;
    }

    /* --- Marquee Section --- */
    .marquee-section {
        padding: 8px 0;
    }

    .marquee-section .text {
        font-size: 12px;
        padding: 0 20px;
    }

    /* --- Excellence Cards Section (2x2 Compact Grid) --- */
    .excellence-highlights-section {
        padding-top: 18px !important;
        padding-bottom: 25px !important;
    }

    .excellence-highlights-row {
        --bs-gutter-x: 10px !important;
        --bs-gutter-y: 10px !important;
    }

    .excellence-card {
        border-radius: 12px !important;
        height: 100% !important;
    }

    .excellence-card .card-inner {
        padding: 16px 8px 14px !important;
    }

    .excellence-card .icon-bubble {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        margin-bottom: 8px !important;
    }

    .excellence-card .icon-bubble i {
        font-size: 18px !important;
    }

    .excellence-card .card-title {
        font-size: 13px !important;
        line-height: 1.25 !important;
        margin-bottom: 4px !important;
    }

    .excellence-card .card-desc {
        font-size: 11px !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* --- About/Welcome Section --- */
    .about-section {
        padding: 40px 0 35px;
    }

    .about-section .sec-title h2 {
        font-size: 24px !important;
    }

    .about-section .sec-title .text {
        font-size: 14px;
    }

    .about-section .image-box .single-about-img {
        max-height: 300px;
    }

    .about-section .theme-btn.btn-style-one {
        padding: 11px 24px !important;
        font-size: 14px !important;
    }

    /* --- Nursing Courses Section --- */
    .nursing-courses-section {
        padding: 50px 0 55px;
    }

    .nursing-courses-section .sec-title {
        margin-bottom: 30px;
    }

    .nursing-courses-section .sec-title h2 {
        font-size: 24px !important;
    }

    .nursing-courses-section .section-lead-text {
        font-size: 14px;
    }

    .nursing-course-card .course-img-wrap {
        height: 180px;
    }

    .nursing-course-card .course-card-content {
        padding: 18px 16px 16px;
    }

    .nursing-course-card .course-card-title {
        font-size: 17px;
    }

    .nursing-course-card .course-card-desc {
        font-size: 13px;
    }

    .nursing-course-card .course-badge-approved,
    .nursing-course-card .course-duration-badge {
        font-size: 10.5px;
        padding: 4px 10px;
    }

    .nursing-course-card .course-program-tag {
        font-size: 10.5px;
        padding: 4px 9px;
    }

    .nursing-course-card .course-view-btn {
        padding: 10px 16px;
        font-size: 13.5px;
    }

    /* --- Why Choose Section --- */
    .why-choose-nursing-section {
        padding: 32px 0 35px !important;
    }

    .why-choose-nursing-section .sec-title {
        margin-bottom: 18px !important;
    }

    .why-choose-nursing-section .sec-title h2 {
        font-size: 21px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }

    .why-choose-nursing-section .section-lead-text {
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    .why-choose-card .card-body-inner {
        padding: 16px 14px 14px !important;
    }

    .why-choose-card .card-icon-wrap {
        margin-bottom: 10px !important;
    }

    .why-choose-card .card-icon-wrap i {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 17px !important;
        border-radius: 10px !important;
    }

    .why-choose-card .card-number {
        font-size: 17px !important;
    }

    .why-choose-card .card-title {
        font-size: 15px !important;
        line-height: 1.3 !important;
        margin-bottom: 6px !important;
    }

    .why-choose-card .card-text {
        font-size: 12.5px !important;
        line-height: 1.5 !important;
    }

    /* --- Clinical Training Section --- */
    .clinical-training-section {
        padding: 32px 0 35px !important;
    }

    .clinical-training-content .sec-title {
        margin-bottom: 16px !important;
    }

    .clinical-training-content .sec-title h2 {
        font-size: 21px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
    }

    .clinical-training-text p {
        font-size: 13px !important;
        line-height: 1.55 !important;
        margin-bottom: 10px !important;
    }

    .clinical-feature-checklist {
        margin-top: 14px !important;
    }

    .clinical-feature-checklist .feature-item-pill {
        padding: 10px 10px !important;
        border-radius: 10px !important;
        gap: 8px !important;
    }

    .clinical-feature-checklist .feature-item-pill i {
        width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
    }

    .clinical-feature-checklist .feature-item-pill span {
        font-size: 12px !important;
        line-height: 1.25 !important;
    }

    .clinical-btn-wrap {
        margin-top: 18px !important;
        text-align: center !important;
    }

    .clinical-action-btn {
        display: inline-flex !important;
        width: 100% !important;
        max-width: 320px !important;
        padding: 12px 20px !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        border-radius: 50px !important;
        justify-content: center !important;
        gap: 8px !important;
        line-height: 1.3 !important;
    }

    .clinical-image-container {
        padding: 10px 0 !important;
        margin-top: 24px !important;
    }

    .clinical-image-card .main-clinical-img {
        height: 230px !important;
    }

    .floating-stat-badge {
        bottom: 12px !important;
        left: 12px !important;
        padding: 8px 12px !important;
    }

    .clinical-image-container {
        padding: 10px 0;
    }

    .floating-stat-badge {
        bottom: 12px;
        left: 12px;
        padding: 8px 12px;
        gap: 10px;
        border-radius: 10px;
    }

    .floating-stat-badge .badge-icon {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .floating-stat-badge .badge-info strong {
        font-size: 12px;
    }

    .floating-stat-badge .badge-info span {
        font-size: 10px;
    }

    .clinical-feature-checklist .feature-item-pill {
        padding: 10px 12px;
    }

    .clinical-feature-checklist .feature-item-pill i {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .clinical-feature-checklist .feature-item-pill span {
        font-size: 12.5px;
    }

    /* --- Facilities Section --- */
    .campus-facilities-section {
        padding: 50px 0 55px;
    }

    .campus-facilities-section .sec-title {
        margin-bottom: 30px;
    }

    .campus-facilities-section .sec-title h2 {
        font-size: 24px !important;
    }

    .campus-facilities-section .section-lead-text {
        font-size: 14px;
    }

    .facility-img-box {
        height: 180px;
    }

    .facility-card-inner {
        padding: 20px 16px 16px;
    }

    .facility-title {
        font-size: 16px;
    }

    .facility-desc {
        font-size: 13px;
    }

    /* --- Leadership Messages Section --- */
    .leadership-messages-section {
        padding: 50px 0 55px;
    }

    .leadership-messages-section .sec-title {
        margin-bottom: 30px;
    }

    .leadership-messages-section .sec-title h2 {
        font-size: 24px !important;
    }

    .leadership-messages-section .section-lead-text {
        font-size: 14px;
    }

    .leadership-card-modern {
        padding: 22px 16px;
    }

    .leadership-header-box {
        gap: 14px;
    }

    .leader-avatar-wrap {
        width: 58px;
        height: 58px;
    }

    .leader-meta-info .leader-name {
        font-size: 16px;
    }

    .leader-meta-info .leader-designation {
        font-size: 12.5px;
    }

    .leadership-badge-tag {
        font-size: 10.5px;
        padding: 2px 8px;
    }

    .leadership-quote-body {
        padding: 14px 16px;
    }

    .leadership-quote-text {
        font-size: 13.5px;
    }

    .leader-inst-badge {
        font-size: 11.5px;
    }

    /* --- Affiliations Section --- */
    .affiliations-section {
        padding: 50px 0 55px;
    }

    .affiliations-section .sec-title h2 {
        font-size: 24px !important;
    }

    .affiliations-section .section-lead-text {
        font-size: 14px;
    }

    .affiliation-card-luxury {
        padding: 24px 18px 20px;
    }

    .affiliation-icon-box {
        width: 58px;
        height: 58px;
    }

    .affiliation-icon-box i {
        font-size: 22px;
    }

    .affiliation-title {
        font-size: 15.5px;
    }

    .affiliation-desc {
        font-size: 12.5px;
    }

    /* --- FAQ Section --- */
    .nursing-faq-section {
        padding: 50px 0 55px;
    }

    .nursing-faq-section .sec-title h2 {
        font-size: 24px !important;
    }

    .nursing-faq-section .section-lead-text {
        font-size: 14px;
    }

    .nursing-accordion .accordion-button {
        padding: 12px 14px;
        font-size: 13.5px;
        line-height: 1.4;
        gap: 10px;
        align-items: flex-start;
    }

    .nursing-accordion .accordion-button::after {
        margin-top: 4px;
        flex-shrink: 0;
    }

    .faq-num {
        width: 26px;
        height: 26px;
        font-size: 11px;
        border-radius: 6px;
        margin-top: 1px;
        flex-shrink: 0;
    }

    .faq-question-text {
        line-height: 1.4;
        font-size: 13px;
        flex: 1;
        text-align: left;
    }

    .faq-answer-inner {
        padding: 12px 14px 16px;
        gap: 10px;
    }

    .faq-answer-text,
    .faq-answer-text p {
        font-size: 13px !important;
        line-height: 1.6 !important;
        color: #475569 !important;
        margin-bottom: 0 !important;
    }

    .faq-answer-icon {
        font-size: 15px;
        margin-top: 2px;
    }

    /* --- Testimonials Section --- */
    .student-testimonials-section {
        padding: 50px 0 55px;
    }

    .student-testimonials-section .sec-title h2 {
        font-size: 24px !important;
    }

    .student-testimonials-section .section-lead-text {
        font-size: 14px;
    }

    .student-testimonial-slide .student-testimonial-card {
        padding: 22px 18px 20px;
        min-height: 250px;
    }

    .student-testimonial-card .testimonial-quote {
        font-size: 13.5px;
    }

    .student-info .student-name {
        font-size: 14.5px;
    }

    /* --- CTA Banner Section --- */
    .nursing-cta-banner-section {
        padding: 40px 0;
    }

    .nursing-cta-card {
        padding: 28px 20px;
        border-radius: 18px;
    }

    .cta-heading {
        font-size: 22px !important;
    }

    .cta-subtext {
        font-size: 13.5px;
    }

    .cta-helpline-pill {
        font-size: 12.5px;
        padding: 6px 14px;
    }

    .nursing-action-btn {
        padding: 12px 16px !important;
        border-radius: 10px !important;
    }

    .nursing-action-btn .btn-main-txt {
        font-size: 14px;
    }

    .nursing-action-btn .btn-sub-txt {
        font-size: 11px;
    }

    /* --- Page Title / Breadcrumb (Inner Pages) --- */
    .page-title {
        padding: 60px 0 50px !important;
    }

    .page-title .title {
        font-size: 26px !important;
    }

    .page-breadcrumb {
        padding: 6px 14px !important;
        gap: 5px !important;
    }

    .page-breadcrumb li {
        font-size: 12px !important;
    }

    .page-breadcrumb li:last-child {
        max-width: 200px;
    }

    /* --- Footer --- */
    .main-footer .footer-nav-section {
        padding: 35px 0 25px;
    }

    .main-footer .footer-col-title {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .main-footer .footer-links-list li a {
        font-size: 13px;
    }

    .main-footer .ribbon-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .main-footer .footer-logo-card {
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }

    .main-footer .footer-logo-card img {
        max-height: 44px;
    }

    .main-footer .ribbon-info-item {
        justify-content: flex-start;
    }

    .main-footer .ribbon-icon-circle {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 16px;
    }

    .main-footer .ribbon-label {
        font-size: 10px;
    }

    .main-footer .ribbon-primary-text {
        font-size: 13px;
    }

    .main-footer .ribbon-sub-text {
        font-size: 11.5px;
    }

    .main-footer .bottom-bar-inner {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .main-footer .made-with-love {
        font-size: 12.5px;
    }

    .main-footer .footer-social-nav {
        justify-content: center;
        gap: 10px;
    }

    .main-footer .footer-social-nav li a {
        width: 34px;
        height: 34px;
    }

    .main-footer .copyright-statement {
        font-size: 12px;
        text-align: center;
    }

    /* --- Facility Detail Page --- */
    .facility-details-section {
        padding: 40px 0 50px;
    }

    .facility-detail-main-card {
        padding: 18px;
    }

    .facility-hero-presentation {
        height: 220px;
        border-radius: 12px;
    }

    .facility-meta-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .facility-meta-header h2 {
        font-size: 21px !important;
    }

    .facility-pillars-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .facility-content-section h3 {
        font-size: 17px !important;
    }

    .facility-content-section p {
        font-size: 14px;
    }

    .facility-action-buttons-box {
        flex-direction: column;
        align-items: stretch;
    }

    .facility-back-btn,
    .facility-courses-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Sidebar on Mobile */
    .facility-sidebar {
        position: relative !important;
        top: 0 !important;
    }

    .facility-sidebar-nav-card {
        padding: 18px;
    }

    .facility-visit-card {
        padding: 22px 18px;
    }

    /* --- About Page --- */
    .about-section .sec-title h2,
    .about-overview-section .sec-title h2,
    #philosophy .sec-title h2 {
        font-size: 22px !important;
    }

    .about-image-wrapper {
        padding: 10px 0;
    }

    .about-main-img-card img {
        height: 280px;
    }

    .about-experience-badge {
        bottom: -8px;
        right: 8px;
        min-width: 110px;
        padding: 12px 14px;
    }

    .about-experience-badge .count-number {
        font-size: 24px;
    }

    .about-experience-badge .badge-label {
        font-size: 10px;
    }

    .about-foundation-card {
        padding: 24px 18px;
    }

    .about-main-heading {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    .about-intro-p,
    .about-clinical-desc,
    .about-cta-desc {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .about-foundation-card .watermark-quote {
        font-size: 100px;
    }

    .about-cta-container {
        padding: 30px 18px;
        border-radius: 18px;
    }

    .about-cta-container h2,
    .display-6 {
        font-size: 21px !important;
        line-height: 1.3 !important;
    }

    .about-ethos-card {
        padding: 18px;
    }

    .about-pillar-box {
        padding: 18px;
        gap: 14px;
    }

    /* --- Contact Page --- */
    .contact-feature-card .card-icon-wrap {
        width: 52px;
        height: 52px;
    }

    /* --- Gallery Page --- */
    .gallery-filter-btn {
        font-size: 11.5px !important;
        padding: 6px 12px !important;
    }

    .pure-gallery-img-box {
        height: auto;
        min-height: 200px;
    }
    .hosp-framework-title {
        font-size: 19px !important;
    }
}


/* ==========================================================================
   SMALL MOBILE BREAKPOINT (max-width: 575px)
   ========================================================================== */
@media (max-width: 575px) {

    /* --- Header Top Bar Hidden --- */
    .main-header.header-style-two .header-top,
    .main-header .header-top,
    .header-top {
        display: none !important;
    }

    /* --- Global Responsive Headings for Small Mobile (< 576px) --- */
    h1, .sec-title h1, .page-title h1, .title-outer h1, .page-title .title {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    h2, .sec-title h2, h2.title, .sec-title .title {
        font-size: 19px !important;
        line-height: 1.3 !important;
    }

    h3, .sec-title h3, h3.title {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    h4, .sec-title h4, h4.title {
        font-size: 15.5px !important;
        line-height: 1.35 !important;
    }

    h5, .sec-title h5, h5.title {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    h6, .sec-title h6, h6.title {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    body, p, .text {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    small, .small, span.small, .text-muted.small {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    .sec-title .sub-title {
        font-size: 10.5px !important;
        letter-spacing: 0.5px !important;
    }

    .page-title .title {
        font-size: 20px !important;
    }

    /* --- Header Main Box --- */
    .main-header.header-style-two .main-box {
        min-height: 52px;
    }

    .main-header.header-style-two .logo-box .logo img {
        max-height: 36px;
    }

    /* --- Banner Slider --- */
    .banner-section .slide-item {
        min-height: 340px !important;
        padding: 25px 0 35px !important;
    }

    .banner-section .subtitle-badge {
        font-size: 10px;
        padding: 4px 10px;
        gap: 5px;
    }

    .banner-section .title {
        font-size: 20px !important;
    }

    .banner-section .banner-desc {
        font-size: 12.5px !important;
    }

    .banner-section .btn-box {
        flex-direction: column !important;
    }

    .banner-section .btn-box .theme-btn {
        width: 100% !important;
        justify-content: center !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        font-size: 13px !important;
    }

    /* --- Excellence Cards (2x2 Grid) --- */
    .excellence-highlights-section {
        padding-top: 18px !important;
        padding-bottom: 22px !important;
    }

    .excellence-card .card-inner {
        padding: 14px 6px 12px !important;
    }

    .excellence-card .icon-bubble {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        margin-bottom: 6px !important;
    }

    .excellence-card .icon-bubble i {
        font-size: 17px !important;
    }

    .excellence-card .card-title {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
        margin-bottom: 4px !important;
    }

    .excellence-card .card-desc {
        font-size: 10.5px !important;
        line-height: 1.35 !important;
    }

    /* --- About/Welcome Section --- */
    .about-section {
        padding: 30px 0 25px;
    }

    .about-section .sec-title h2 {
        font-size: 21px !important;
    }

    .about-section .sec-title .sub-title {
        font-size: 11.5px;
    }

    .about-section .sec-title .text {
        font-size: 13.5px;
    }

    .about-section .image-box .single-about-img {
        max-height: 250px;
    }

    .about-section .info-box .inner {
        padding-left: 0;
    }

    .about-section .theme-btn.btn-style-one {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* --- Nursing Courses Section --- */
    .nursing-courses-section {
        padding: 40px 0 45px;
    }

    .nursing-courses-section .sec-title {
        margin-bottom: 24px;
    }

    .nursing-courses-section .sec-title h2 {
        font-size: 21px !important;
    }

    .nursing-courses-section .section-lead-text {
        font-size: 13px;
    }

    .nursing-course-card .course-img-wrap {
        height: 170px;
    }

    .nursing-course-card .course-card-content {
        padding: 14px 14px 14px;
    }

    .nursing-course-card .course-header-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 10px;
    }

    .nursing-course-card .course-card-title {
        font-size: 16px;
    }

    .nursing-course-card .course-card-desc {
        font-size: 12.5px;
        margin-bottom: 12px;
    }

    .nursing-course-card .feat-pill {
        font-size: 10px;
        padding: 3px 7px;
    }

    .nursing-course-card .course-view-btn {
        padding: 9px 14px;
        font-size: 13px;
    }

    /* --- Why Choose Section --- */
    .why-choose-nursing-section {
        padding: 40px 0 45px;
    }

    .why-choose-nursing-section .sec-title h2 {
        font-size: 21px !important;
    }

    .why-choose-nursing-section .section-lead-text {
        font-size: 13px;
    }

    .why-choose-card .card-body-inner {
        padding: 18px 14px 16px;
    }

    .why-choose-card .card-icon-wrap i {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .why-choose-card .card-title {
        font-size: 16px;
    }

    .why-choose-card .card-text {
        font-size: 13px;
    }

    /* --- Clinical Training Section --- */
    .clinical-training-section {
        padding: 40px 0 45px;
    }

    .clinical-training-content .sec-title h2 {
        font-size: 21px !important;
    }

    .clinical-training-text {
        font-size: 13.5px;
    }

    .clinical-image-card .main-clinical-img {
        height: 200px;
    }

    .floating-stat-badge {
        bottom: 8px;
        left: 8px;
        padding: 6px 10px;
        gap: 8px;
        border-radius: 8px;
    }

    .floating-stat-badge .badge-icon {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        font-size: 12px;
    }

    .floating-stat-badge .badge-info strong {
        font-size: 11px;
    }

    .floating-stat-badge .badge-info span {
        font-size: 9px;
    }

    .clinical-feature-checklist .feature-item-pill {
        padding: 8px 10px;
        gap: 8px;
    }

    .clinical-feature-checklist .feature-item-pill i {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .clinical-feature-checklist .feature-item-pill span {
        font-size: 12px;
    }

    /* --- Facilities Section --- */
    .campus-facilities-section {
        padding: 40px 0 45px;
    }

    .campus-facilities-section .sec-title h2 {
        font-size: 21px !important;
    }

    .campus-facilities-section .section-lead-text {
        font-size: 13px;
    }

    .facility-img-box {
        height: 170px;
    }

    .facility-card-inner {
        padding: 18px 14px 14px;
    }

    .facility-title {
        font-size: 15px;
    }

    .facility-desc {
        font-size: 12.5px;
    }

    .facility-icon-floating {
        width: 44px;
        height: 44px;
        font-size: 18px;
        top: -22px;
        right: 14px;
    }

    /* --- Leadership Messages Section --- */
    .leadership-messages-section {
        padding: 40px 0 45px;
    }

    .leadership-messages-section .sec-title h2 {
        font-size: 21px !important;
    }

    .leadership-messages-section .section-lead-text {
        font-size: 13px;
    }

    .leadership-card-modern {
        padding: 18px 14px;
    }

    .leadership-header-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .leader-avatar-wrap {
        width: 54px;
        height: 54px;
    }

    .leader-meta-info .leader-name {
        font-size: 15px;
    }

    .leader-meta-info .leader-designation {
        font-size: 12px;
    }

    .leadership-badge-tag {
        font-size: 10px;
    }

    .leadership-quote-body {
        padding: 12px 14px;
    }

    .leadership-quote-text {
        font-size: 13px;
        line-height: 1.65;
    }

    .leader-inst-badge {
        font-size: 11px;
    }

    /* --- Affiliations Section --- */
    .affiliations-section {
        padding: 40px 0 45px;
    }

    .affiliations-section .sec-title h2 {
        font-size: 21px !important;
    }

    .affiliations-section .section-lead-text {
        font-size: 13px;
    }

    .affiliation-card-luxury {
        padding: 20px 14px 16px;
    }

    .affiliation-icon-box {
        width: 52px;
        height: 52px;
    }

    .affiliation-icon-box i {
        font-size: 20px;
    }

    .affiliation-title {
        font-size: 14.5px;
    }

    .affiliation-desc {
        font-size: 12px;
    }

    /* --- FAQ Section --- */
    .nursing-faq-section {
        padding: 40px 0 45px;
    }

    .nursing-faq-section .sec-title h2 {
        font-size: 21px !important;
    }

    .nursing-faq-section .section-lead-text {
        font-size: 13px;
    }

    .nursing-accordion .accordion-button {
        padding: 10px 12px;
        font-size: 13px;
        gap: 8px;
    }

    .faq-num {
        width: 24px;
        height: 24px;
        font-size: 10px;
        border-radius: 5px;
    }

    .faq-question-text {
        font-size: 12.5px;
        line-height: 1.35;
    }

    .faq-answer-inner {
        padding: 10px 12px 14px;
        gap: 8px;
    }

    .faq-answer-text,
    .faq-answer-text p {
        font-size: 12.5px !important;
        line-height: 1.55 !important;
        color: #475569 !important;
        margin-bottom: 0 !important;
    }

    .faq-answer-icon {
        font-size: 14px;
        margin-top: 1px;
    }

    /* --- Testimonials Section --- */
    .student-testimonials-section {
        padding: 40px 0 45px;
    }

    .student-testimonials-section .sec-title h2 {
        font-size: 21px !important;
    }

    .student-testimonials-section .section-lead-text {
        font-size: 13px;
    }

    .student-testimonial-slide .student-testimonial-card {
        padding: 18px 14px 16px;
        min-height: auto;
    }

    .student-testimonial-card .testimonial-quote {
        font-size: 13px;
    }

    .student-avatar {
        width: 40px;
        height: 40px;
    }

    .student-info .student-name {
        font-size: 13.5px;
    }

    .student-info .student-badge {
        font-size: 11px;
    }

    /* --- CTA Banner Section --- */
    .nursing-cta-banner-section {
        padding: 30px 0;
    }

    .nursing-cta-card {
        padding: 22px 16px;
        border-radius: 14px;
    }

    .cta-badge {
        font-size: 10.5px;
        padding: 4px 10px;
    }

    .cta-heading {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    .cta-subtext {
        font-size: 13px;
        line-height: 1.6;
    }

    .cta-helpline-pill {
        font-size: 12px;
        padding: 5px 12px;
        gap: 8px;
    }

    .nursing-action-btn {
        padding: 10px 14px !important;
        border-radius: 8px !important;
    }

    .nursing-action-btn .btn-main-txt {
        font-size: 13.5px;
    }

    .nursing-action-btn .btn-sub-txt {
        font-size: 10.5px;
    }

    .nursing-action-btn .btn-icon {
        font-size: 14px;
    }

    /* --- Page Title / Breadcrumb --- */
    .page-title {
        padding: 50px 0 40px !important;
    }

    .page-title .title {
        font-size: 22px !important;
        line-height: 1.35 !important;
    }

    .page-breadcrumb {
        padding: 5px 12px !important;
    }

    .page-breadcrumb li {
        font-size: 11.5px !important;
    }

    .page-breadcrumb li:last-child {
        max-width: 160px;
    }

    /* --- Footer --- */
    .main-footer .footer-container {
        padding: 0 12px;
    }

    .main-footer .footer-nav-section {
        padding: 28px 0 20px;
    }

    .main-footer .footer-col-title {
        font-size: 14.5px;
        margin-bottom: 12px;
    }

    .main-footer .footer-links-list li {
        margin-bottom: 8px;
    }

    .main-footer .footer-links-list li a {
        font-size: 12.5px;
    }

    .main-footer .footer-ribbon {
        padding: 18px 0;
    }

    .main-footer .footer-logo-card {
        max-width: 200px;
    }

    .main-footer .footer-logo-card img {
        max-height: 38px;
    }

    .main-footer .ribbon-icon-circle {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 14px;
    }

    .main-footer .ribbon-label {
        font-size: 9px;
        letter-spacing: 0.5px;
    }

    .main-footer .ribbon-primary-text {
        font-size: 12.5px;
    }

    .main-footer .ribbon-sub-text {
        font-size: 11px;
    }

    .main-footer .footer-bottom-bar {
        padding: 14px 0;
    }

    .main-footer .made-with-love {
        font-size: 11.5px;
    }

    .main-footer .footer-social-nav li a {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    .main-footer .copyright-statement {
        font-size: 11px;
    }

    /* --- Facility Detail Page --- */
    .facility-details-section {
        padding: 30px 0 40px;
    }

    .facility-detail-main-card {
        padding: 14px;
    }

    .facility-hero-presentation {
        height: 180px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .facility-hero-badge-top {
        font-size: 10px;
        padding: 4px 10px;
        top: 10px;
        left: 10px;
    }

    .facility-hero-status-tag {
        font-size: 11px;
        padding: 5px 12px;
        bottom: 10px;
        right: 10px;
    }

    .facility-meta-header h2 {
        font-size: 18px !important;
    }

    .facility-pillar-item {
        padding: 12px;
        gap: 10px;
    }

    .facility-pillar-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 15px;
    }

    .facility-pillar-text h5 {
        font-size: 13px;
    }

    .facility-pillar-text p {
        font-size: 11px;
    }

    .facility-content-section {
        font-size: 14px;
    }

    .facility-content-section p.lead {
        font-size: 14px !important;
        padding: 14px 16px;
    }

    .facility-content-section h3 {
        font-size: 16px !important;
    }

    .facility-sidebar-nav-card {
        padding: 14px;
    }

    .facility-sidebar-title {
        font-size: 16px !important;
    }

    .facility-visit-card {
        padding: 18px 14px;
    }

    .facility-visit-card h4 {
        font-size: 17px !important;
    }

    .facility-visit-card p {
        font-size: 12.5px;
    }

    /* --- About Page Small Mobile --- */
    .about-section .sec-title h2,
    .about-overview-section .sec-title h2,
    #philosophy .sec-title h2 {
        font-size: 20px !important;
    }

    .about-main-img-card img {
        height: 220px;
    }

    .about-experience-badge {
        bottom: -75px;
        right: 4px;
        min-width: 95px;
        padding: 10px 12px;
    }

    .about-experience-badge .count-number {
        font-size: 22px;
    }

    .about-experience-badge .badge-label {
        font-size: 9px;
    }

    .about-foundation-card {
        padding: 20px 14px;
    }

    .about-main-heading {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }

    .about-intro-p,
    .about-clinical-desc,
    .about-cta-desc {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    .about-foundation-card .watermark-quote {
        font-size: 70px;
    }

    .about-cta-container {
        padding: 24px 14px;
        border-radius: 14px;
    }

    .about-cta-container h2,
    .display-6 {
        font-size: 19px !important;
        line-height: 1.3 !important;
    }

    .about-ethos-card {
        padding: 14px;
    }

    .about-pillar-box {
        padding: 14px;
        gap: 12px;
        flex-direction: column;
        align-items: flex-start;
    }

    .about-mini-feature-card {
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
        gap: 14px !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
    }

    .about-mini-feature-card .icon-wrap {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        font-size: 17px !important;
        border-radius: 10px !important;
    }

    /* --- Gallery --- */
    .gallery-filter-btn {
        font-size: 10.5px !important;
        padding: 5px 10px !important;
    }
}


/* ==========================================================================
   EXTRA SMALL DEVICES (max-width: 374px) — iPhone SE, small phones
   ========================================================================== */
@media (max-width: 374px) {

    h1, .sec-title h1, .page-title h1, .title-outer h1, .page-title .title {
        font-size: 19px !important;
        line-height: 1.3 !important;
    }

    h2, .sec-title h2, h2.title, .sec-title .title {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    h3, .sec-title h3, h3.title {
        font-size: 16.5px !important;
        line-height: 1.35 !important;
    }

    h4, .sec-title h4, h4.title {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    h5, .sec-title h5, h5.title {
        font-size: 13.5px !important;
        line-height: 1.4 !important;
    }

    h6, .sec-title h6, h6.title {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
    }

    body, p, .text {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    small, .small, span.small, .text-muted.small {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    .banner-section .title {
        font-size: 18px !important;
    }

    .banner-section .subtitle-badge {
        font-size: 9px;
    }

    .banner-section .banner-desc {
        font-size: 12px !important;
    }

    .banner-section .slide-item {
        min-height: 300px !important;
    }

    .cta-heading {
        font-size: 18px !important;
    }

    .page-title .title {
        font-size: 19px !important;
    }

    .nursing-cta-card {
        padding: 18px 12px;
    }

    .main-header.header-style-two .logo-box .logo img {
        max-height: 32px;
    }
}


/* ==========================================================================
   LANDSCAPE PHONE & TABLET FIX
   ========================================================================== */
@media (max-height: 500px) and (orientation: landscape) {

    .banner-section .slide-item {
        min-height: 300px !important;
        padding: 20px 0 !important;
    }

    .banner-section .title {
        font-size: 22px !important;
    }

    .banner-section .banner-desc {
        display: none !important;
    }

    .banner-section .btn-box .theme-btn {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    .page-title {
        padding: 40px 0 30px !important;
    }
}


/* ==========================================================================
   TABLET PORTRAIT (768px-1024px) — iPad, Galaxy Tab
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {

    .nursing-cta-card .row {
        flex-direction: column;
    }

    .nursing-cta-card .col-xl-7,
    .nursing-cta-card .col-lg-7,
    .nursing-cta-card .col-xl-5,
    .nursing-cta-card .col-lg-5 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .nursing-cta-actions-wrap {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .nursing-cta-actions-wrap .nursing-action-btn {
        flex: 1;
        min-width: 200px;
    }
}


/* ==========================================================================
   PRINT STYLES
   ========================================================================== */
@media print {
    .flt-sidebar,
    .flt-apply-now,
    .mobile-bottom-bar,
    .mobile-menu,
    .scroll-to-top,
    .mobile-nav-toggler {
        display: none !important;
    }

    .main-footer .footer-social-nav {
        display: none;
    }

    body {
        padding-bottom: 0 !important;
    }
}