/* RESPONSIVE — The Reel Tech (20th Anniversary Edition) */
@media(max-width:860px){
  #main{padding:0 0 36px}
  .footer-grid{grid-template-columns:1fr 1fr}
  #content h2,#content h3,#content p,#content ul li{margin-left:1.25rem;margin-right:1.25rem}
  #content ul.testimonials li{margin-left:1.25rem;margin-right:1.25rem}
  .testimonials{padding:0 1.25rem}
  .contact-form-wrap{padding:0 1.25rem 1.25rem}
  #banner div{padding:1rem 1.25rem}
  #gallery{padding:.5rem 1rem 1.25rem;gap:10px;grid-template-columns:repeat(4,1fr)}
  p.quote{margin-left:1.25rem;margin-right:1.25rem}
  #footer{padding:2.5rem 1.75rem 1.5rem}
}
@media(max-width:600px){
  body{background-attachment:scroll}
  #utility-bar{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 14px}
  .util-anniversary{font-size:.7rem;padding:2px 10px}
  #home-banner img{max-height:140px;object-fit:contain;object-position:left center}
  #nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:100%;padding:14px 16px;background-color:#2E5E40;border:none;cursor:pointer}
  .hamburger-bar{display:block;width:26px;height:3px;background-color:#fff;border-radius:2px;transition:transform .28s cubic-bezier(.25,.8,.25,1),opacity .22s ease}
  #site-nav ul{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.25,.8,.25,1),opacity .25s ease;opacity:0}
  #site-nav.open ul{max-height:600px;opacity:1}
  #site-nav ul li{width:100%;border-top:1px solid rgba(255,255,255,.08);transform:translateX(-8px);opacity:0;transition:transform .25s ease,opacity .25s ease}
  #site-nav.open ul li{transform:translateX(0);opacity:1}
  #site-nav.open ul li:nth-child(1){transition-delay:.04s}
  #site-nav.open ul li:nth-child(2){transition-delay:.06s}
  #site-nav.open ul li:nth-child(3){transition-delay:.08s}
  #site-nav.open ul li:nth-child(4){transition-delay:.10s}
  #site-nav.open ul li:nth-child(5){transition-delay:.12s}
  #site-nav.open ul li:nth-child(6){transition-delay:.14s}
  #site-nav.open ul li:nth-child(7){transition-delay:.16s}
  #site-nav.open ul li:nth-child(8){transition-delay:.18s}
  #site-nav.open ul li:nth-child(9){transition-delay:.20s}
  #site-nav ul li a{padding:15px 20px;font-size:1rem}
  #site-nav ul li a::after{display:none}
  #site-nav.open #nav-toggle .hamburger-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
  #site-nav.open #nav-toggle .hamburger-bar:nth-child(2){opacity:0}
  #site-nav.open #nav-toggle .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  #content{border-radius:0;padding-bottom:2rem}
  #content h2,#content h3,#content p,#content ul li{margin-left:1rem;margin-right:1rem}
  #content ul.testimonials li{margin-left:1rem;margin-right:1rem;padding:1rem 1.1rem;padding-left:1.1rem !important}
  h1{font-size:1.6rem;padding:1.25rem .75rem .6rem}
  h2{font-size:1.2rem}
  p.quote{font-size:1.1rem;margin:1.25rem 1rem;padding:1rem 1.25rem}
  #content img[style*="float"]{float:none !important;width:90% !important;height:auto !important;margin:0 auto 1rem auto !important}
  .testimonials{padding:0 1rem}
  #content ul.testimonials li::before{font-size:2rem;top:6px;right:12px}
  #banner div{flex-direction:column;padding:1.25rem 1rem}
  #banner div p:first-child{width:100%;flex-direction:row;align-items:center}
  .contact-form-wrap{padding:0 1rem 1.25rem}
  .form-row{grid-template-columns:1fr;gap:0}
  .form-group input,.form-group textarea{padding:12px 13px}
  .btn-submit{width:100%;text-align:center;padding:14px 24px}
  .footer-grid{grid-template-columns:1fr;gap:1.75rem}
  #footer{border-radius:0;padding:2.25rem 1.25rem 1.5rem}
  .footer-col h4{margin-bottom:.6rem}
  #gallery{padding:.5rem 1rem 1rem;gap:8px;grid-template-columns:repeat(3,1fr)}
  #gallery a:hover{transform:none}
}