/* ==========================================================================
   MONEXA REACH - Responsive Breakpoint Overrides (responsive.css)
   ========================================================================== */

@media (max-width: 1024px) {
  .max-w-7xl {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 768px) {
  .ticker-track {
    animation-duration: 20s;
  }
  
  .glass-header {
    height: auto;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .grid-2, .grid-3, .grid-4 {
    grid-template-columns: 1fr !important;
  }

  .page-banner h1 {
    font-size: 2rem;
  }

  .topbar {
    flex-direction: column;
    height: auto;
    padding: 1rem;
    gap: 0.75rem;
  }
}