@media screen and (max-width: 1199px) {
  .navbar-nav {
    gap: 20px;
  }

  .caption h1 {
    font-size: 65px;
  }

  .service-card {
    padding: 25px 10px;
  }

  .pattern {
    display: none;
  }

  .feature-img img {
    width: 100%;
  }

  .section-cta h2 {
    font-size: 30px;
  }

  .footer {
    padding: 50px;
  }

  .gallery {
    columns: 3;
  }

  .videos {
    columns: 2;
  }
}

@media screen and (max-width: 991px) {
  .caption h1 {
    font-size: 60px;
  }

  .footer {
    padding: 50px 30px;
  }

  .section-beforeAfter h3 {
    text-align: center;
  }

  .gallery {
    columns: 2;
  }
}

@media screen and (max-width: 767px) {
  .caption h1 {
    font-size: 50px;
  }

  .footer {
    padding: 50px 20px;
  }

  .gallery {
    columns: 1;
  }

  .videos {
    columns: 1;
  }
}