/* LARGE TABLETS / SMALL LAPTOPS */
@media (max-width: 1200px) {

  .services-grid {
    grid-template-columns: repeat(3, 1fr);
  }

}

/* TABLET */
@media (max-width: 992px) {

  /* NAV + BANNER */
  .logo-nav-inner {
    flex-direction: column;
    gap: 10px;
  }

  .points ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .banner-content {
    width: 80%;
  }

  .banner-content h1 {
    font-size: 2.6rem;
  }

  /* SPLIT SECTION */
  .split-wrapper {
    flex-direction: column;
  }

  .right-stack .split-card {
    height: 50vh;
  }

  /* SERVICES */
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .services-heading h2 {
    font-size: 2.4rem;
  }

  /* WHY CHOOSE US */
  .why-content-flex {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .why-image {
    min-height: 320px;
    clip-path: none;
  }

  /* FOOTER */
  .footer-flex {
    flex-direction: column;
    gap: 30px;
  }

   .areas-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .areas-header h2 {
    font-size: 3rem;
  }

}

/* MOBILE */
@media (max-width: 768px) {

      .banner-video {
    height: 100vh;
  }

  /* CALL BUBBLE */
  .bubble-call-button {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }

  .bubble-popup {
    width: 180px;
    bottom: 100px;
  }

  /* CTA */
  .cta .title h1,
  .cta .sub-title h1 {
    font-size: 32px;
  }

  .cta .btn {
    width: 100%;
  }

  .cta .btn button a {
    font-size: 20px;
  }

}

/* SMALL MOBILE */
@media (max-width: 576px) {

  /* TOP BAR */
  .top-navbar {
    font-size: 14px;
  }

  /* LOGO */
  .logo-navbar img {
    height: 45px;
  }

  /* POINTS */
  .points ul {
    flex-direction: column;
    gap: 5px;
  }

  .points ul span {
    display: none;
  }

  /* BANNER */
  .banner-video {
    height: 100vh;
  }

  .banner-content {
    width: 100%;
    left: 3%;
    text-align: center;
  }

  .banner-content h1 {
    font-size: 2.5rem;
  }

  /* SERVICES */
  .services-grid {
    grid-template-columns: 1fr;
  }

  .services-section {
    padding: 60px 15px;
  }

  .services-heading h2 {
    font-size: 2rem;
  }

  /* CONTACT */
  .contact-heading h2 {
    font-size: 2.2rem;
  }

  /* WHY CHOOSE US */
  .why-heading h2 {
    font-size: 2.2rem;
  }

  .areas-grid {
    grid-template-columns: 1fr;
  }

  .areas-header h2 {
    font-size: 2.3rem;
  }

  .areas-god {
    padding: 120px 15px;
  }

}