/* ============================================================
   AugustREI.com — Responsive Breakpoints
   ============================================================ */

/* ---------- Laptop: ≤ 1199px ---------- */
@media (max-width: 1199px) {
  :root { --section-padding: 80px; }
  h1 { font-size: 44px; }
  .hero-content h1 { font-size: 42px; }
  .service-cards { grid-template-columns: repeat(2, 1fr); }
  .team-grid     { grid-template-columns: repeat(2, 1fr); }
  .footer .footer-grid { grid-template-columns: 1.4fr 1fr 1.3fr; }
}

/* ---------- Tablet: ≤ 991px ---------- */
@media (max-width: 991px) {
  .navbar .nav-menu   { display: none; }
  .navbar .nav-actions .lang-switch-wrap,
  .navbar .nav-cta    { display: none; }
  .mobile-toggle      { display: block; }

  .about-split-section { grid-template-columns: 1fr; }
  .stats-grid          { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
  .process-steps       { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; }
  .process-step::after { display: none; }
  .blog-grid           { grid-template-columns: repeat(2, 1fr); }
  .link-card-grid      { grid-template-columns: repeat(2, 1fr); }
  .video-embeds        { grid-template-columns: 1fr; }
  .two-col, .contact-grid { grid-template-columns: 1fr; }
  .three-col           { grid-template-columns: 1fr; gap: 25px; }
  .footer .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .cta-banner .container { flex-direction: column; text-align: center; }
  .cta-banner .contact-right { text-align: center; }
  .cta-banner .contact-item { justify-content: center; }
  .testimonial-nav.prev { left: 5px; }
  .testimonial-nav.next { right: 5px; }
}

/* ---------- Mobile: ≤ 767px ---------- */
@media (max-width: 767px) {
  :root { --section-padding: 60px; }
  h1 { font-size: 34px; }
  h2 { font-size: 28px; }
  .hero-section      { height: 75vh; }
  .hero-content h1   { font-size: 32px; }
  .section-heading h2{ font-size: 26px; }
  .service-cards     { grid-template-columns: 1fr; }
  .stats-grid        { grid-template-columns: repeat(2, 1fr); }
  .stat-item .stat-number { font-size: 36px; }
  .process-steps     { grid-template-columns: 1fr; }
  .team-grid         { grid-template-columns: 1fr; }
  .blog-grid         { grid-template-columns: 1fr; }
  .link-card-grid    { grid-template-columns: 1fr; }
  .footer .footer-grid { grid-template-columns: 1fr; gap: 35px; }
  .testimonial-card  { padding: 28px; margin: -40px 15px 0; }
  .newsletter-section .form-group { flex-direction: column; }
  .newsletter-section input[type="email"],
  .newsletter-section .btn-subscribe { width: 100%; }
  .about-split-left, .about-split-right { padding: 45px 25px; }
  .hero-nav { right: 15px; }
  .hero-nav button { width: 40px; height: 40px; }
  .feature-strip .container { flex-direction: column; gap: 18px; }
}

/* ---------- Small mobile: ≤ 479px ---------- */
@media (max-width: 479px) {
  .hero-content h1 { font-size: 26px; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 25px 20px; }
  .top-bar { font-size: 12px; }
  .top-bar .right-links { display: none; }
  .top-bar .left-info { justify-content: center; width: 100%; }
  .hero-buttons { flex-direction: column; align-items: flex-start; }
  .btn-text-arrow { margin-left: 0; }
}