/* ==========================================================================
   NOVEXA — Responsive Fine-Tuning
   Bootstrap 5's grid handles most layout breakpoints; this file only
   patches template-specific components at narrow widths.
   ========================================================================== */

@media (max-width: 1200px) {
  .container-custom { max-width: 960px; }
}

@media (max-width: 991px) {
  .container-custom { max-width: 720px; }
  .auth-visual { padding: 40px; }
  .cta-banner h2 { font-size: 1.7rem; }
}

@media (max-width: 767px) {
  .container-custom { max-width: 100%; }
  .pricing-card.is-featured { transform: none; }
  .page-header { padding: 120px 0 50px; }
  .footer-top { padding-bottom: 40px; }
  .site-footer { padding-top: 60px; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .comment-item.is-reply { margin-left: 30px; }
  .table-responsive-c table { min-width: 600px; }
  .search-overlay input { font-size: 1.3rem; }
}

@media (max-width: 575px) {
  .hero-stats { gap: 20px; }
  .hero-stats .stat-num { font-size: 1.7rem; }
  .cta-banner { text-align: center; justify-content: center; }
  .btn-custom { padding: 13px 24px; font-size: 0.92rem; }
  .service-card, .pricing-card, .testimonial-card { padding: 26px 20px; }
}

/* Ensure no horizontal scroll on very small devices */
@media (max-width: 380px) {
  h1 { font-size: 2rem; }
  .container-custom { padding: 0 16px; }
}