@media (max-width: 1024px) {
  .about-grid        { grid-template-columns: 1fr; gap: 3rem; }
  .about-num         { display: none; }
  .why-top           { grid-template-columns: 1fr; gap: 2.5rem; margin-bottom: 3.5rem; }
  .svc-g             { grid-template-columns: repeat(2, 1fr); }
  .why-g             { grid-template-columns: repeat(2, 1fr); }
  .cl-top            { grid-template-columns: 1fr; gap: 1.5rem; }
  .cl-g              { grid-template-columns: repeat(2, 1fr); }
  .svc-hd            { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 768px) {
  #nav               { padding: 0 1.5rem; }
  .n-mid             { display: none; }
  .brg               { display: flex; }
  .hero-main         { padding: 7rem 1.5rem 2.5rem; }
  .h-desc-row        { flex-direction: column; align-items: flex-start; gap: 2rem; }
  .h-stats           { grid-template-columns: repeat(2, 1fr); }
  .h-stat:nth-child(2){ border-right: none; }
  .sec               { padding: 5.5rem 1.5rem; }
  .svc-hd            { padding: 5rem 1.5rem 3rem; }
  .stmt              { padding: 5rem 1.5rem; }
  .svc-g, .why-g, .cl-g { grid-template-columns: 1fr; }
  .loc-g, .contact-g { grid-template-columns: 1fr; gap: 4rem; }
  footer             { padding-left: 1.5rem; padding-right: 1.5rem; }
  .ft                { flex-direction: column; align-items: flex-start; }
  .ab-vals           { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .h-stats           { grid-template-columns: 1fr 1fr; }
  .h-stat            { padding: 1.2rem 1.4rem; }
  .frow              { grid-template-columns: 1fr; }
  .frm-wrap          { padding: 1.8rem 1.4rem; }
}