/* ── RESPONSIVE – LearnShare Frontend ── */

/* Force nav visible on desktop */
@media (min-width: 992px) {
    .menu-items { display: block !important; }
    .primary-menu { display: flex !important; }
    .hambargar-bar, .crose-icon, .small-device-show { display: none !important; }
}

/* Tablet & Mobile nav */
@media (max-width: 991px) {
    .hambargar-bar { display: flex !important; }
    .small-device-show, .crose-icon { display: block; }

    .menu-items {
        display: none;
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        box-shadow: 0 5px 30px rgba(0,0,0,.15);
        z-index: 9999;
        padding: 20px 0;
        overflow-y: auto;
    }
    .primary-menu {
        flex-direction: column !important;
        margin-left: 30px;
        padding-top: 80px;
    }
    .primary-menu li { margin-right: 0; margin-bottom: 14px; }
    .small-device-show {
        position: absolute;
        top: 18px; left: 20px;
    }
    .crose-icon {
        position: absolute;
        top: 18px; right: 20px;
        font-size: 22px;
        color: #444;
        cursor: pointer;
    }
}

/* Hero */
@media (max-width: 991px) {
    .bannar-area { padding: 60px 0 36px; }
    .bannar-content h2 { font-size: 34px; }
    .bananr-right-img { justify-content: center; margin-top: 36px; }
    .bananr-right-img img { max-height: 260px; }
}

@media (max-width: 767px) {
    .bannar-content h2 { font-size: 28px; line-height: 1.3; }
    .ekatoor-user { gap: 10px; }
    .single-user { padding: 10px 16px; }
    .single-user h3 { font-size: 20px; }
}

/* Section title */
@media (max-width: 767px) {
    .title-area h3 { font-size: 26px; }
    .section-padding { padding-top: 60px; }
}

/* Features */
@media (max-width: 575px) {
    .service-items { padding: 18px; }
}

/* Pricing */
@media (max-width: 767px) {
    .pricing-area { padding: 60px 0; }
}

/* FAQ */
@media (max-width: 767px) {
    .faq-area { padding: 60px 0; }
    .accordion-button { font-size: 14px; padding: 14px 16px; }
}

/* Contact banner */
@media (max-width: 767px) {
    .lan-contact {
        flex-direction: column;
        padding: 36px 28px;
        text-align: center;
        gap: 20px;
    }
    .contact-left h3 { font-size: 20px; }
    .contact-us-area { padding-bottom: 60px; }
}

/* Footer */
@media (max-width: 767px) {
    .footer-area { padding-top: 48px; }
    .footer-social { margin-top: 16px; }
}

@media (max-width: 575px) {
    .logo img, .small-device-show img { height: 38px; }
    .signUp-btn { padding: 9px 18px; font-size: 14px; }
    .login-btn { margin-right: 4px; font-size: 14px; }
    .hero-btns { gap: 10px; }
    .hero-btn-primary, .hero-btn-outline { padding: 10px 20px; font-size: 14px; }
}