@media (max-width: 991px) {
    .hero-carousel .carousel-caption {
        left: 5%;
        right: 5%;
        text-align: center;
    }
    .hero-carousel .carousel-caption h1 { font-size: 2rem; }
    .hero-carousel .carousel-item { height: 60vh; min-height: 400px; }
    .section-title h2 { font-size: 1.8rem; }
}

@media (max-width: 767px) {
    .hero-carousel .carousel-caption h1 { font-size: 1.6rem; }
    .section-title h2 { font-size: 1.6rem; }
    .header-top .col-lg-3 { text-align: center; margin-top: 5px; }
    .header-top a { margin-right: 10px; font-size: 0.8rem; }
    .counter-item h3 { font-size: 2rem; }
    .contact-form-card { padding: 20px; }
    .quotation-form-card { padding: 20px; }
}

@media (max-width: 576px) {
    .marquee-bar .marquee-content span { font-size: 0.85rem; }
    .feature-card { padding: 15px 10px; }
    .feature-card img { height: 40px; }
    .why-card { padding: 20px; }
    .testimonial-card { padding: 20px; }
}