/* ==========================================================================
   RHINOX EQUIPMENT RENTAL LLC — RESPONSIVE MEDIA QUERIES
   Breakpoints: 1200px, 992px, 768px, 576px, 375px
   ========================================================================== */

@media (max-width: 1199.98px) {
  .hero-machinery-img, .hero-machinery-real-img, .hero-machine-img {
    max-height: 400px;
  }
}

@media (max-width: 991.98px) {
  .site-header {
    padding: 0.6rem 0;
  }

  .hero-machinery-real-img, .hero-machine-img {
    max-height: 320px;
    margin-top: 1.5rem;
  }

  .navbar-collapse {
    background-color: var(--bg-dark-primary);
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 0.8rem;
    border: 1px solid var(--border-dark);
  }

  .nav-link {
    padding: 0.75rem 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  .header-cta {
    margin-top: 1rem;
  }

  .header-cta .btn-rx-primary {
    width: 100%;
    justify-content: center;
  }

  .hero-section {
    padding: 3rem 0 4rem;
    text-align: center;
  }

  .hero-lead {
    margin-left: auto;
    margin-right: auto;
  }

  .horizontal-track-container {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1.5rem;
  }

  .equipment-card-horizontal {
    flex: 0 0 290px;
    scroll-snap-align: start;
  }
}

@media (max-width: 767.98px) {
  .hero-machinery-real-img {
    max-height: 250px;
  }

  .section-padding {
    padding: 3.5rem 0;
  }

  .btn-rx-primary, .btn-rx-outline {
    width: 100%;
    justify-content: center;
  }

  .story-step-num {
    font-size: 2.8rem;
  }
}

@media (max-width: 575.98px) {
  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.8rem; }
  
  .hero-machinery-real-img {
    max-height: 200px;
  }

  .equipment-card-horizontal {
    flex: 0 0 85vw;
  }
}