@media(max-width:1199px) {
  .hero-grid {
    grid-template-columns:1fr 420px;
    gap:30px
  }
  .service-card {
    grid-template-columns:1fr;
    min-height:0
  }
  .service-image {
    height:380px
  }
  .contact-panel {
    grid-template-columns:1fr 1fr
  }
  .contact-panel>.btn-primary-custom {
    grid-column:1/-1
  }
  .benefits {
    grid-template-columns:1fr 1fr
  }
  .process-grid {
    grid-template-columns:1fr 1fr
  }
}

/* Horizontal process on large screens. */
.process-section .process-grid {
  grid-template-columns:repeat(4,minmax(235px,1fr));
  gap:14px;
  overflow-x:auto;
  padding:5px 3px 18px;
  background:transparent;
  scroll-snap-type:x mandatory;
  scrollbar-color:var(--red) rgba(255,255,255,.1);
  scrollbar-width:thin
}
.process-section .process-grid article {
  position:relative;
  min-height:285px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(145deg,#18181b,#0d0d0f);
  scroll-snap-align:start
}
.process-section .process-grid article:not(:last-child)::after {
  content:"";
  position:absolute;
  z-index:2;
  top:50%;
  right:-22px;
  width:28px;
  height:2px;
  background:var(--red)
}
.process-section .process-grid b {
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border:1px solid rgba(226,13,23,.45);
  border-radius:50%;
  background:rgba(226,13,23,.1)
}
@media(max-width:767px) {
  .process-section .process-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    overflow-x:visible;
    margin-right:0;
    padding:0;
    scroll-snap-type:none
  }
  .process-section .process-grid article {
    min-width:0;
    min-height:220px;
    padding:24px 17px;
    border-radius:12px
  }
  .process-section .process-grid article:not(:last-child)::after {display:none}
  .process-section .process-grid b {
    width:39px;
    height:39px;
    font-size:.68rem
  }
  .process-section .process-grid h3 {
    margin:18px 0 10px;
    font-size:1.45rem
  }
  .process-section .process-grid p {
    margin:0;
    font-size:.82rem;
    line-height:1.55
  }
}
 @media(max-width:991px) {
  body {
    padding-bottom:64px
  }
  .site-header {
    background:rgba(10,10,11,.97)
  }
  .navbar-collapse {
    background:#0a0a0b;
    margin:0 -12px;
    padding:20px
  }
  .navbar-nav {
    gap:0
  }
  .nav-call {
    margin-top:1rem
  }
  .hero,.inner-hero {
    min-height:auto;
    padding:130px 0 70px
  }
  .hero-grid {
    grid-template-columns:1fr
  }
  .hero-form-wrap {
    max-width:700px
  }
  .service-grid {
    grid-template-columns:1fr
  }
  .service-card {
    grid-template-columns:44% 56%
  }
  .why-grid,.story-grid {
    grid-template-columns:1fr
  }
  .contact-panel {
    grid-template-columns:1fr
  }
  .proof-band .container-xl {
    grid-template-columns:repeat(3,1fr)
  }
  .proof-band a {
    grid-column:1/-1;
    padding:25px
  }
  .forklift-hero {
    min-height:680px
  }
  .mobile-conversion-bar {
    position:fixed;
    display:grid;
    grid-template-columns:1fr 1fr;
    z-index:1001;
    bottom:0;
    left:0;
    right:0;
    height:64px;
    box-shadow:0 -5px 20px rgba(0,0,0,.2)
  }
  .mobile-conversion-bar a {
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    text-transform:uppercase;
    font-size:.75rem;
    font-weight:900
  }
  .mobile-conversion-bar .mobile-call-btn {
    background:var(--red)
  }
  .image-frame {
    height:520px
  }
  .story-image {
    height:600px
  }
}
 @media(max-width:767px) {
  html,body {
    max-width:100%;
    overflow-x:hidden
  }
  .section-pad,.split-section {
    padding:62px 0
  }
  h1 {
    font-size:clamp(2.4rem,12vw,2.75rem)
  }
  h2 {
    font-size:clamp(2.15rem,9vw,3.4rem)
  }
  .hero {
    background-position:62% center;
    padding:112px 0 48px
  }
  .hero-grid {
    gap:28px
  }
  .hero h1 {
    line-height:.94;
    overflow-wrap:normal
  }
  .hero-copy>p {
    font-size:1rem
  }
  .hero-actions,.cta-actions {
    align-items:stretch;
    flex-direction:column
  }
  .hero-actions a,.cta-actions a {
    width:100%
  }
  .trust-strip {
    justify-content:space-between;
    gap:8px;
    overflow-x:visible
  }
  .service-card {
    grid-template-columns:1fr
  }
  .service-image {
    height:360px
  }
  .service-body {
    padding:32px 22px
  }
  .two-col-copy {
    columns:1
  }
  .why-grid {
    display:block
  }
  .experience-block {
    padding:45px 20px
  }
  .experience-block strong {
    font-size:4.5rem
  }
  .benefits {
    grid-template-columns:1fr 1fr;
    padding:15px
  }
  .benefits span {
    padding:18px 12px
  }
  .contact-panel {
    padding:35px 25px;
    gap:25px
  }
  .contact-details {
    grid-template-columns:1fr
  }
  .footer-bottom {
    flex-direction:column
  }
  .proof-band .container-xl {
    grid-template-columns:1fr
  }
  .proof-item {
    padding:20px 10px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.2)
  }
  .forklift-form-section {
    padding:70px 0
  }
  .forklift-form-section h2 {
    font-size:2.8rem
  }
  .process-grid {
    grid-template-columns:1fr
  }
  .story-grid {
    gap:45px
  }
  .story-image {
    height:480px
  }
  .image-frame,.image-frame.offset {
    height:365px
  }
  .check-grid {
    grid-template-columns:1fr
  }
  .service-form {
    padding:26px 18px
  }
  .conversion-cta {
    padding:80px 0
  }
  .navbar-brand img {
    width:105px;
    height:60px
  }
  .section-heading {
    margin-bottom:36px
  }
  .local-seo.section-pad {
    padding-top:58px;
    padding-bottom:58px
  }
}
 @media(max-width:430px) {
  .hero {
    padding-top:115px
  }
  .hero h1 {
    font-size:2.8rem
  }
  .hero-copy>p {
    line-height:1.5
  }
  .trust-strip span {
    min-width:0;
    flex:1;
    font-size:.58rem;
    letter-spacing:.045em
  }
  .service-image {
    height:320px
  }
  .benefits {
    grid-template-columns:1fr
  }
  .experience-block {
    justify-content:flex-start
  }
  .contact-panel h2 {
    font-size:2.35rem
  }
  .forklift-hero {
    min-height:620px;
    background-position:58% center
  }
  .forklift-hero-copy h1 {
    font-size:3.1rem
  }
  .story-image {
    height:420px
  }
}