@media (max-width: 991.98px) {
  .navbar-collapse { padding: 18px 0; }
  .nav-link { margin: 4px 0; }
  .hero { min-height: 720px; }
  .hero-content { padding-top: 70px; }
  .search-panel { bottom: -165px; }
  .section-pad { padding: 75px 0; }
  .auth-page { grid-template-columns: 1fr; }
  .auth-visual { min-height: 330px; padding: 35px; }
}
@media (max-width: 767.98px) {
  .topbar { display: none; }
  .navbar { min-height: 70px; }
  .hero { min-height: 760px; }
  .hero h1 { font-size: 3.25rem; }
  .hero-content { padding-top: 50px; }
  .search-panel { bottom: -290px; }
  .stat { border-left: 0; padding: 12px 0; }
  .stat strong { font-size: 1.8rem; }
  .section-heading h2 { font-size: 2.35rem; }
  .details-gallery-main { height: 330px; }
  .agent-details .agent-avatar { height: 390px; }
  .auth-panel { padding: 35px 22px; }
}