

@media (max-width: 640px) {

  .hero h1 {
    font-size: 58px;
  }

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

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

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

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

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

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

  .cta-box {
    padding: 36px 28px;
  }
}

/* Mobile Blog */
.blog-side-stack {
  flex-direction: column;
}

.blog-bottom-row {
  grid-template-columns: 1fr;
}

.blog-newsletter {
  flex-direction: column;
  padding: 28px 24px;
}

.blog-newsletter-form input {
  width: 100%;
}

.blog-header-row {
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 388px){
    .hero-badge{
    text-align: center;
  }

}

@media (max-width: 320px) {

    .hero-badge{
    padding: 5px 0px 5px 14px;   
  }

  .hero-card {
    max-width: 100%;
  }

  .hero-card h2 {
    font-size: 26px;
  }

  .hero-card .form-group input,
  #city,
  #pest,
  .btn-primary {
    font-size: 12px !important;
  }
    .cta-box .cta-actions {
    align-items: flex-start;
  }

  .cta-box .cta-actions .btn-dark {
    padding: 15px 22px;
  }
}

/* Mobile responsive width */
@media (max-width: 480px) {
  .review-card {
    width: 290px;
    padding: 20px;
  }
}

