@media (max-width: 1199px) {
    .wrap { padding: 0 40px; }
    .hero-grid { gap: 30px; }
    .svc-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-top { grid-template-columns: 1fr 1fr; }
    .navlinks > ul { gap: 20px; }
    .navlinks > ul > li > a { font-size: 13px; }
}

@media (max-width: 991px) {
    .wrap { padding: 0 32px; }
    .hero { padding: 60px 0 0; }
    .hero-grid { grid-template-columns: 1fr; }
    .traj-wrap { max-width: 340px; margin: 30px auto 0; }
    .about-grid { grid-template-columns: 1fr; gap: 36px; }
    .val-grid { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; gap: 36px; }
    .testi-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; gap: 36px; }
    section { padding: 70px 0; }
    .section-head { margin-bottom: 36px; }
    .hero-stats { margin-top: 30px; }
}

@media (max-width: 767px) {
    .wrap { padding: 0 24px; }
    .nav { padding-top: 16px; padding-bottom: 16px; }
    .logo { padding: 10px 0; }
    .hero h1 { font-size: 32px; }
    .hero p.lead { font-size: 15px; }
    .btn { padding: 12px 22px; font-size: 13px; }
    .hero-stats .stat .num { font-size: 22px; }
    .svc-grid { grid-template-columns: 1fr; }
    .svc-card:nth-child(even) { margin-top: 0; }
    .trail { grid-template-columns: 1fr; gap: 24px; }
    .trail-line { display: none; }
    .section-head h2 { font-size: 26px; }
    .footer-top { grid-template-columns: 1fr; }
    .cta-inner { flex-direction: column; text-align: center; }
    .cta-inner h2 { max-width: 100%; }
}

@media (max-width: 480px) {
    .wrap { padding: 0 16px; }
    .hero { padding: 40px 0 0; }
    section { padding: 50px 0; }
    .pillars { grid-template-columns: 1fr; }
    .hero-stats .stat { min-width: 100px; }
    .contact-form { padding: 20px; }
}