/*
 * =========================================================
 *              WEBSITE DEVELOPMENT CREDITS
 * =========================================================
 *
 * Co-Developer
 * AFM_1337_ — Md Arafat Hossen Mugdho
 * GitHub  : https://github.com/AFM-1337
 * Website : https://afm1337.shop
 * WhatsApp: https://wa.me/+8801310329198
 * Telegram: https://t.me/afm1337
 *
 * Co-Developer
 * DARK LMNx9 — Limon Hossain
 * GitHub  : https://github.com/LMNx9-JOHNY
 * Website : https://dark.lmnx9.workers.dev
 * WhatsApp: https://wa.me/+8801882168975
 * Telegram: https://t.me/x_LMNx9
 *
 * ---------------------------------------------------------
 *          Designed & Developed Together
 * =========================================================
 */

/* ============================================================
   BeBrainer SSC - Responsive
   ============================================================ */

@media (max-width: 640px) {
    :root {
        --bb-header-h: 66px;
    }

    .bb-section-header h1, .bb-section-header h2 {
        font-size: 24px;
    }

    .courses-grid,
    .bb-courses-grid {
        grid-template-columns: 1fr;
    }

    .bb-footer-bottom-inner {
        justify-content: center;
        text-align: center;
    }

    #bbBackTop {
        right: 14px;
        bottom: 14px;
        width: 44px;
        height: 44px;
    }

    .bb-video-item {
        flex-direction: column;
        gap: 10px;
    }
    .bb-video-item__thumb { width: 100%; }

    .bb-user-grid { grid-template-columns: 1fr; }

    .bb-course-summary { flex-direction: column; align-items: flex-start; }
    .bb-course-summary__img { width: 100%; }
}

@media (max-width: 992px) {
    .bb-stats-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}