/* ============================================
   Quite Good - Responsive
   ============================================ */

@media (max-width: 1199px) {
    .qg-mega-inner { grid-template-columns: repeat(2, 1fr); }
    .qg-mega-menu { min-width: 500px; }
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    .qg-hero-title { font-size: 3rem; }
}

@media (max-width: 991px) {
    .qg-nav { display: none; }
    .qg-hamburger { display: flex; }
    .qg-header-actions .qg-btn { display: none !important; }
    section { padding: 70px 0; }
    .qg-hero-title { font-size: 2.6rem; }
    .qg-hero { min-height: 80vh; }
    .qg-breadcrumb { min-height: 280px; }
    .qg-breadcrumb-content h1 { font-size: 2.2rem; }
    .qg-footer-cta-inner { text-align: center; justify-content: center; flex-direction: column; }
    .qg-mobile-filter-btn { display: block; }
    .desktop-filter { display: none; }
}

@media (max-width: 767px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.7rem; }
    h3 { font-size: 1.4rem; }
    .qg-hero-title { font-size: 2.2rem; }
    .qg-hero-desc { font-size: 16px; }
    .qg-hero-btns { flex-direction: column; }
    .qg-hero-content { padding: 100px 0 60px; }
    section { padding: 60px 0; }
    .qg-section-header { margin-bottom: 40px; }
    .qg-counter-num { font-size: 1.8rem; }
    .qg-counter-section { padding: 50px 0; }
    .qg-counter-item { padding: 16px 8px; }
    .qg-counter-icon { font-size: 24px; margin-bottom: 8px; }
    .qg-counter-label { font-size: 12px; }
    .qg-counter-num .counter-suffix { font-size: 1.2rem; }
    .qg-breadcrumb { min-height: 240px; }
    .qg-breadcrumb-content h1 { font-size: 1.8rem; }
    .qg-about-badge { bottom: -10px; right: 0; padding: 14px 20px; }
    .qg-about-badge strong { font-size: 1.6rem; }
    .qg-footer-cta-text h3 { font-size: 1.4rem; }
    .qg-404 h1 { font-size: 5rem; }
    .qg-mobile-menu { width: 300px; padding: 24px; }
    .qg-consult-content h2 { font-size: 1.6rem; }
}

@media (max-width: 575px) {
    .container { padding-left: 20px; padding-right: 20px; }
    .qg-hero-title { font-size: 1.9rem; }
    .qg-service-card { padding: 28px 22px; }
    .qg-form-card { padding: 28px 22px; }
    .qg-blog-thumb { height: 180px; }
    .qg-portfolio-card img { height: 220px; }
    .qg-whatsapp-float { bottom: 20px; left: 20px; width: 48px; height: 48px; font-size: 24px; }
    .qg-back-top { bottom: 20px; right: 20px; width: 42px; height: 42px; }
    .qg-mobile-filter-btn { bottom: 20px; right: 20px; }
}