/* =========================================================
   RESPONSIVE — XÂY DỰNG HỆ THỐNG BÁN HÀNG HIỆN ĐẠI - AI SALES
   ========================================================= */

/* ===== Tablet & dưới (<= 991px) ===== */
@media (max-width: 991.98px) {
    #new_intro .new_intro_top .text p { font-size: 20px; }
    .sme_failure_title { font-size: 44px; }
    .sme_failure_subtitle { font-size: 20px; }
    .box_info_top { font-size: 22px; }
    .course_top, .wfw-title, .box_loiIch .title, .box_student .title { font-size: 24px; }
    .box_dienGia .title_1 { font-size: 24px; }
}

/* ===== Mobile (<= 767px) ===== */
@media (max-width: 767.98px) {
    .box_about_us { padding: 24px 0; }
    .box_about_us .form_all_main { padding: 18px; }

    #new_intro { padding: 40px 0; }
    #new_intro .new_intro_top .text .pc { display: none; }
    #new_intro .new_intro_top .text .mobile { display: block; font-size: 22px; }
    #new_intro .new_intro_top .number { font-size: 56px; }
    #new_intro .new_intro_item { min-height: auto; margin-top: 30px; }

    .sme_failure { padding: 44px 0; }
    .sme_failure_title { font-size: 34px; }
    .sme_failure_subtitle { font-size: 17px; }
    .sme_failure_desc { font-size: 15px; }
    .sme_failure_percent { font-size: 40px; }
    .sme_failure_img { margin-bottom: 24px; }
    .sme_failure_header_mb { display: block; width: 100%; }

    .box_info { padding: 44px 0; }
    .box_info_top { font-size: 18px; }
    .box_info_item_top { font-size: 15px; padding: 14px 16px; }
    .box_info_item_main { padding: 16px; }

    .bg_course { padding: 44px 0; }
    .course_top { font-size: 22px; }
    .course_item_top { padding: 6px 16px; font-size: 14px; }

    .workshop-for-who { padding: 44px 0; }
    .wfw-title { font-size: 22px; margin-bottom: 24px; }
    .wfw-col { margin-bottom: 20px; }

    .box_loiIch { padding: 44px 0 0; }
    .box_loiIch .item { min-height: auto; }

    .box_dienGia { padding: 40px 0; }
    .box_dienGia .box_speaker_top { display: none; }
    .box_dienGia .box_speaker_top_mobile { display: block; font-size: 20px; color: var(--hbr-yellow); margin-bottom: 16px; }
    .box_dienGia .title_1 { font-size: 22px; text-align: center; }

    .box_student { padding: 40px 0; }

    .qr_code { padding: 40px 0; }
    .qr_code_main { padding: 18px; }

    .go_box { max-width: 100%; font-size: 15px; padding: 12px 18px; }
}

/* ===== Mobile nhỏ (<= 480px) ===== */
@media (max-width: 480px) {
    .sme_failure_title { font-size: 28px; }
    .box_images img { margin-bottom: 12px; }
}