/* ── Mobile-first responsive improvements ── */

@media (max-width: 767px) {

    /* ── Breadcrumb banner ── */
    .breadcrumb_area {
        height: auto;
        min-height: 100px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .breadcam_wrap h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 4px;
    }

    .breadcam_wrap p {
        font-size: 14px;
        line-height: 22px;
    }

    /* ── Custom page content (front-page-section) ── */
    .contact_section {
        min-height: auto;
    }

    .contact_section .contact_address .col-lg-12.p-5,
    .contact_section .contact_address .col-lg-12.p-3 {
        padding: 1rem !important;
    }

    .contact_section .contact_title h4 {
        font-size: 24px;
        line-height: 1.3;
    }

    .contact_section .col-xl-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .contact_section .contact_address {
        padding: 0;
    }

    /* Responsive images & embeds in CMS content */
    .address_lines img,
    .address_lines iframe {
        max-width: 100%;
        height: auto;
    }

    .address_lines img {
        border-radius: 8px;
    }

    /* ── Course detail page header ── */
    .course__details_head,
    .quiz__details_head {
        padding: 32px 0 24px;
    }

    .course__details_head .title,
    .quiz__details_head .title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .course__details_head .category,
    .quiz__details_head .category {
        margin-bottom: 16px;
    }

    .course__details_head .meta_item,
    .quiz__details_head .meta_item {
        padding: 6px 10px;
        font-size: 13px;
    }

    /* ── Course detail body ── */
    .course__details .course_tabs .lms_tabmenu {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .course__details .course_tabs .lms_tabmenu .nav-item {
        flex-shrink: 0;
    }

    .course_overview_description .font_32 {
        font-size: 22px;
    }

    /* ── Bottom nav spacing ── */
    footer {
        padding-bottom: 70px;
    }
}

@media (max-width: 575px) {
    .breadcrumb_area {
        min-height: 80px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .breadcam_wrap h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .contact_section .contact_address .col-lg-12.p-5,
    .contact_section .contact_address .col-lg-12.p-3 {
        padding: 0.75rem !important;
    }

    .contact_section .contact_title h4 {
        font-size: 22px;
    }

    .course__details_head .title,
    .quiz__details_head .title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .course__details_head,
    .quiz__details_head {
        padding: 24px 0 16px;
    }
}