@media only screen and ( min-width:961px) and ( max-width:1024px ){

  h1{ font-size:80px;}

  h2{ font-size:52px;}

  h3{ font-size:24px;}

  .pb-title{ font-size:66px;}

  .hero-slider{ height:600px;}

  .stat-big{ font-size:60px;}

  .footer-watermark{ font-size:7rem;}

  .nav-link{ padding:0 14px !important;}

}

@media only screen and ( min-width:768px) and ( max-width:960px ){

  h1{ font-size:60px;}

  h2{ font-size:42px;}

  h3{ font-size:23px;}

  .section-pad{ padding:60px 0;}

  .pb-title{ font-size:54px;}

  .about-cta h2{ font-size:40px;}

  .hero-slider{ height:520px;}

  /* about stacks under image */
  .about-text{ padding-left:0; margin-top:40px;}

  .about-img-accent{ width:150px; height:150px; bottom:-25px; right:-15px;}

  .about-years-badge{ left:0; top:20px;}

  /* fixed bg jitters on touch devices */
  .cta-section{ background-attachment:scroll;}

  .footer-watermark{ font-size:5.5rem;}

}


@media only screen and ( min-width:600px) and ( max-width:767px ){

h1{ font-size:70px;}

h2{font-size:42px;}

#mainNav{padding: 0px  15px;}

  h3{ font-size:22px;}

  .section-pad{ padding:45px 0;}

  .pb-title{ font-size:46px;}

  .pb-sub{ font-size:16px;}

  /* top bar centred, email wraps */
  .top-bar{ text-align:center;}

  .top-bar .col-md-7 > div,
  .top-bar .col-md-5 > div{ justify-content:center; flex-wrap:wrap; gap:1rem !important;}

  .tb-item{ font-size:1rem;}

  /* hero */
  .hero-slider{ height:480px;}

  .hs-prev,.hs-next{ width:38px; height:38px;}

  .hs-sub{ font-size:16px;}

  .hs-counter{ display:none;}

  /* about stacks under image */
  .about-text{ padding-left:0; margin-top:36px;}

  .about-img-main{ height:400px;}

  .about-img-accent{ width:140px; height:140px; bottom:-20px; right:-10px;}

  .about-years-badge{ left:0; top:16px;}

  /* cards / stats */
  .svc-card-body{ padding:28px 22px;}

  .stats-band{ padding:45px 0;}

  .stat-item{ padding:14px 0;}

  .stat-big{ font-size:46px;}

  /* testimonials */
  .testi-card{ padding:28px;}

  .quote-mark{ font-size:60px; left:22px;}

  /* cta */
  .about-cta h2{ font-size:36px;}

  .cta-section{ padding:55px 0; background-attachment:scroll;}

  /* footer */
  footer{ padding:50px 0;}

  .footer-watermark{ display:none;}

  .footer-brand{ font-size:1.7rem;}

  /* contact */
  .contact-form{ padding:1.6rem;}

  .ct-side-body{ padding:1.6rem 1.4rem;}

}

@media only screen and ( min-width:320px) and ( max-width:599px ){

h1{ font-size:50px;}

h2{font-size:42px;}

#mainNav{padding: 5px  15px;}

.navbar-nav  li, .navbar-nav  li a{display: block; width: 100%;}

.btn-outline-w, .btn-terra{padding: 10px 15px;}

.hero-slider{height: 450px;}

.hs-prev, .hs-next{width: 30px; height: 30px;}

.section-pad {
  padding:40px 0;
}

.about-years-badge{left: 15px;}

  h3{ font-size:20px;}

  .pb-title{ font-size:36px;}

  .pb-sub{ font-size:16px;}

  /* top bar centred, email wraps */
  .top-bar{ text-align:center;}

  .top-bar .col-md-7 > div,
  .top-bar .col-md-5 > div{ justify-content:center; flex-wrap:wrap; gap:.8rem !important;}

  .tb-item{ font-size:1rem; letter-spacing:.4px;}

  /* hero */
  .hs-chip{ font-size:1rem; padding:5px 14px;}

  .hs-sub{ font-size:16px; margin-bottom:16px;}

  .hs-counter{ display:none;}

  .hs-dots{ bottom:1.3rem;}

  /* about stacks under image, accent hidden on tiny screens */
  .about-text{ padding-left:0; margin-top:32px;}

  .about-img-main{ height:330px;}

  .about-img-accent{ display:none;}

  /* cards / sections */
  .svc-card-body{ padding:24px 20px;}

  .svc-header{ margin-bottom:32px;}

  /* stats */
  .stats-band{ padding:40px 0;}

  .stat-item{ padding:12px 0;}

  .stat-big{ font-size:40px;}

  .stat-lbl{ font-size:1rem;}

  /* testimonials */
  .testi-card{ padding:22px; border-radius:14px;}

  .quote-mark{ font-size:52px; left:18px;}

  /* gallery filter buttons */
  .gf-btn{ padding:6px 16px; font-size:1rem;}

  /* cta */
  .about-cta h2{ font-size:30px;}

  .cta-section{ padding:50px 0; background-attachment:scroll;}

  /* footer */
  footer{ padding:45px 0;}

  .footer-watermark{ display:none;}

  .footer-brand{ font-size:1.6rem;}

  /* contact */
  .contact-form{ padding:1.4rem;}

  .ct-side-body{ padding:1.5rem 1.3rem;}

}