/* ============================================================
   Indian Medical Association Health Expo India – Responsive Stylesheet
   ============================================================ */

@media (max-width: 1024px) {
    .nav-item > a { padding: 14px 10px; font-size: 12px; }
    .industry-content { grid-template-columns: 1fr; }
    .footer-cols { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    /* Nav */
    .nav-toggle { display: flex; }
    .nav-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%; left: 0; right: 0;
        background: var(--white);
        box-shadow: var(--shadow);
        z-index: 999;
        padding: 10px 0;
    }
    .nav-menu.is-open { display: flex; }
    .nav-item { width: 100%; border-bottom: 1px solid var(--border); }
    .nav-item > a { padding: 12px 20px; }
    .dropdown {
        display: none;
        position: static;
        box-shadow: none;
        border-top: none;
        border-left: 3px solid var(--red);
        margin-left: 20px;
    }
    .nav-item.open .dropdown { display: block; }

    /* Events */
    .events-grid { grid-template-columns: 1fr; }
    .videos-grid { grid-template-columns: 1fr; }
    .testimonials-grid { grid-template-columns: 1fr; }
    .footer-cols { grid-template-columns: 1fr; }
    .page-hero h1 { font-size: 24px; }
    .section-title { font-size: 20px; }
    .hero-sub { font-size: 13px; }

    /* Gallery */
    .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}

@media (max-width: 480px) {
    .event-actions { flex-direction: column; }
    .event-actions .btn { width: 100%; text-align: center; }
    .highlights-grid { justify-content: flex-start; }
    .specials-grid { grid-template-columns: 1fr; }
    .top-bar .container { flex-direction: column; gap: 6px; }
}