/* Shared small-screen layouts; desktop styles remain in their page stylesheets. */
@media (min-width: 992px) {
    body.course-page .hero2 {
        padding-top: 96px;
        padding-bottom: 48px;
    }
    body.course-page .hero2 .section-title h1.course-main-heading {
        font-size: 42px !important;
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    body .hero2 .section-title h1 { font-size: 48px !important; }
    body .cta-content-body::after { content: none; }
    body.course-page .about-us {
        padding: 60px 0;
    }
    body.course-page .about-us-images {
        margin: 0 auto 35px;
        max-width: 540px;
        padding: 70px 130px 95px 15px;
    }
    body.course-page .about-image-2 { max-width: 65%; }
    body.course-page .about-image-3 { max-width: 50%; }
    body.course-page .what-we-do-content,
    body.course-page .our-feature-content {
        margin-right: 0;
        margin-bottom: 30px;
    }
    body.course-page .our-brands-box {
        flex-direction: column;
        align-items: stretch;
        padding: 30px;
    }
    body.course-page .our-brand-contant,
    body.course-page .our-brand-list {
        width: 100%;
        min-width: 0;
    }
    body.course-page .brand-list-item { padding: 25px 10px; }
    body.course-page .cta-box { padding: 35px 0; }
    body.course-page .cta-box-content {
        flex-direction: column;
        align-items: stretch;
    }
    body.course-page .cta-content,
    body.course-page .cta-image { width: 100%; }
    body.course-page .cta-content { padding: 0; }
    body.course-page .cta-content-body {
        flex-wrap: wrap;
        gap: 24px;
        margin-right: 0;
    }
    body.course-page .cta-contact-box {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        max-width: 100%;
    }
    body.course-page .cta-contact-box-content { min-width: 0; overflow-wrap: anywhere; }
    body.course-page .cta-image {
        max-width: 360px;
        margin: 30px auto 0;
    }
    body.course-page .cta-content::before { content: none; }
    body.course-page .our-feature-item {
        padding: 30px;
        gap: 24px;
    }
    body.course-page .feature-item-content,
    body.course-page .feature-item-image {
        width: 100%;
        min-width: 0;
    }
    body.course-page .our-feature-item.featured-box .feature-item-image {
        margin-left: 0;
    }
    body.course-page .our-innovation-list { margin-top: 35px; }
    body.course-page .our-innovation-list ul { gap: 20px; }
    body.course-page .our-innovation-list ul li {
        width: calc(50% - 10px);
        padding: 20px 20px 20px 48px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    body .hero-left { width: 100%; min-width: 0; }
    body .hero .hero-content {
        min-height: 0;
        gap: 28px;
        padding: 35px 0;
    }
    body .hero-left h1 { font-size: 32px; line-height: 1.2; }
    body .hero-left p { font-size: 16px; line-height: 1.7; margin-bottom: 24px; }
    body .hero-right .play-btn { width: 64px; height: 64px; font-size: 24px; }
    body .hero2 .hero-content { padding-top: 35px; }
    body .hero2 .section-title h1,
    body .page-contact-us .section-title h1,
    body .hero h1.event-main-heading {
        font-size: 34px !important;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }
    body .hero2 .section-title > p { font-size: 18px !important; line-height: 1.6; }
    body .hero2 h4,
    body.course-page .section-title h4,
    body.event-page .section-title h4 {
        font-size: 28px !important;
        line-height: 1.25;
    }
    body .hero2 .section-title > br { display: none; }
    body.course-page .what-we-do,
    body.course-page .our-brands,
    body.course-page .our-feature,
    body.course-page .our-faqs,
    body .our-faqs {
        padding: 45px 0;
    }
    body.course-page .what-we-list { gap: 20px; }
    body.course-page .what-we-item {
        width: 100%;
        min-width: 0;
        padding: 24px;
    }
    body.course-page .what-we-item .icon-box { margin-bottom: 20px; }
    body.course-page .what-we-item-content h3 { font-size: 21px; }
    body.course-page .our-innovation-list ul li { width: 100%; }
    body.course-page .our-brands-box { padding: 24px 18px; gap: 24px; }
    body.course-page .our-brand-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 12px;
    }
    body.course-page .brand-list-item { width: 100%; min-width: 0; padding: 10px 0; }
    body.course-page .brand-list-item .icon-box {
        width: 76px;
        height: 76px;
        margin-bottom: 15px;
    }
    body.course-page .brand-item-content h3 {
        font-size: 18px;
        margin-bottom: 0;
        overflow-wrap: anywhere;
    }
    body.course-page .feature-item-list { gap: 20px; margin-top: 30px; }
    body.course-page .feature-item,
    body.course-page .feature-list-content { width: 100%; }
    body.course-page .feature-item .icon-box { margin-bottom: 24px; }
    body.course-page .faq-accordion .accordion-item,
    body .our-faqs .faq-accordion .accordion-item { margin-bottom: 16px; }
    body .faq-accordion .accordion-header .accordion-button {
        font-size: 18px;
        line-height: 1.45;
        min-height: 52px;
        padding: 16px 48px 16px 16px;
        overflow-wrap: anywhere;
    }
    body .faq-accordion .accordion-item .accordion-body { padding: 0 16px 18px; }
    body .contact-info-item .icon-box { flex-shrink: 0; }
    body .contact-item-content { min-width: 0; overflow-wrap: anywhere; }
    body .contact-item-content a { display: inline-flex; align-items: center; min-height: 44px; }
    body .google-map-iframe iframe { width: 100%; }
    body .footer-social-links ul { display: flex; flex-wrap: wrap; gap: 8px; }
    body .footer-social-links ul li { margin-right: 0; }
    body .footer-social-links a { display: inline-flex; align-items: center; justify-content: center; }
    body .footer-contact-content { min-width: 0; overflow-wrap: anywhere; }
    body .footer-contact-content a { display: inline-flex; align-items: center; min-height: 44px; }
    body .post-featured-image img { height: auto; }
    body .page-pagination .pagination { justify-content: center; }
}

@media (max-width: 359px) {
    body .hero-left h1 { font-size: 28px; }
    body .hero2 .section-title h1 { font-size: 30px !important; }
    body.course-page .our-brand-list { grid-template-columns: minmax(0, 1fr); }
    body.course-page .about-us-images { padding: 60px 100px 80px 10px; }
}