@media (max-width: 992px) {
  .hero-title { font-size: 2.6rem; }
  .navbar-nav { padding-top: 1rem; }
  .hero-section { min-height: auto; }
}

@media (max-width: 768px) {
  .section { padding: 70px 0; }
  .hero-title { font-size: 2rem; }
  .hero-overlay { padding-top: 90px; }
  .page-hero { padding: 110px 0 55px; }
  .gallery-grid .gallery-item img { height: 220px; }
}

@media (max-width: 576px) {
  .floating-btn { width: 50px; height: 50px; }
  .to-top { right: 16px; bottom: 140px; }
  .hero-title { font-size: 1.7rem; }
  .section-title { font-size: 1.65rem; }
}