@media (max-width: 991.98px) {
    .hero-section { padding-top: 2.5rem; }
    .hero-media, .service-banner .banner-copy { margin-top: 1.5rem; }
    .pricing-card.highlight { transform: none; }
}
@media (max-width: 767.98px) {
    .hero-section, .breadcrumb-section, .content-section { padding: 2rem 0; }
    .display-4, .display-5 { font-size: calc(1.425rem + 2.2vw); }
    .footer-bottom { text-align: center; }
}
@media (max-width: 575.98px) {
    .btn-lg { width: 100%; }
    .service-card .d-flex.flex-wrap.gap-2 .btn, .pricing-card .btn, .blog-card .btn { width: 100%; }
    .navbar-brand small { font-size: 0.65rem; }
}