@media (min-width: 0) and (max-width: 575.98px) {
  .navbar-brand img {
    width: 90px;
  }
  .site-menu-toggler {
    font-size: 20px;
  }

  .site-header .btn {
    font-size: 12px;
    padding: 10px;
  }
}

@media (min-width: 576px) {
  .block {
    padding: 60px 0;
  }
  .page-banner {
    padding: 100px 0;
  }
  .why-choose-care-section {
    padding-bottom: 30px;
  }
  .header-top {
    font-size: 15px;
  }
  .intro-section-grid-wrap {
    grid-template-areas:
      'grid-1 grid-3'
      'grid-2 grid-3';
    gap: 25px;
  }

  .step-box {
    gap: 20px;
    padding: 30px;
  }

  .step-box .num {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
  }
  .step-box h4 {
    font-size: 24px;
  }
  .counter-item h4,
  .counter-item span {
    font-size: 80px;
  }

  .counter-item p {
    font-size: 16px;
  }

  .service-slider-card .service-slider-card-body {
    padding: 30px 40px;
  }

  .ofc-wrap {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    align-items: center;
  }

  .ofc-wrap figure img {
    width: 180px;
    margin-bottom: 0;
  }

  .ofc-wrap h3 {
    font-size: 30px;
  }

  .cta-section h2 {
    font-size: 40px;
  }
  .testimonials-card {
    font-size: 17px;
  }

  .testimonials-slider {
    padding-bottom: 60px;
  }

  .client-img {
    width: 80px;
    height: 80px;
    padding: 5px;
  }

  .gallery-grid-container {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
      'item-1 item-2 item-3'
      'item-1 item-2 item-4'
      'item-5 item-2 item-4';
    gap: 15px;
  }

  .footer-title {
    margin-bottom: 20px;
  }

  .referral-form-wrap {
    padding: 40px;
  }
}

@media (min-width: 768px) {
  .box-content-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .top-box,
  .btm-box {
    padding: 40px;
  }
  .box-content-wrap .top-box {
    border-radius: 25px 0 0 25px;
  }
  .box-content-wrap .btm-box {
    border-radius: 0 25px 25px 0;
  }
  .call-act a {
    font-size: 20px;
  }
  .newsletter-section {
    padding: 0 50px;
    border-radius: 20px;
  }
  .newsletter-rtl h3 {
    font-size: 32px;
  }
  .newsletter-img {
    position: absolute;
    bottom: 0;
  }
  .referral-form-wrap {
    padding: 60px;
  }

  .contact-form-wrap h4 {
    font-size: 34px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .newsletter-img {
    max-width: 250px;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }
  .block {
    padding: 80px 0;
  }
  .section-head {
    margin-bottom: 30px;
  }
  .why-choose-care-section {
    padding-bottom: 70px;
  }
  .slicknav_menu {
    display: none;
  }

  .menu-item-has-children:after {
    font-size: 12px;
    top: 4px;
    right: -15px;
    color: var(--dark-color);
  }

  .ofc-wrap h3 {
    font-size: 40px;
  }

  .cta-section h2 {
    font-size: 52px;
  }
  .wpcf7-checkbox .wpcf7-list-item {
    display: inline-block;
    margin-left: 10px;
  }

  .wpcf7-checkbox .wpcf7-list-item.first {
    margin-left: 0;
  }
  .blog-card-body h4 {
    font-size: 24px;
  }

  .service-slider-card .service-slider-card-body h4 {
    font-size: 26px;
  }

  .top-box h4,
  .btm-box h4 {
    font-size: 34px;
    margin-bottom: 15px;
  }
}

@media (min-width: 1200px) {
  .page-banner {
    padding: 150px 0;
  }
  .service-slider-card .service-slider-card-body {
    padding: 50px 80px;
  }

  .newsletter-rtl {
    padding: 60px 0;
  }
  .blog-card-body h4 {
    font-size: 30px;
  }

  .service-slider-card .service-slider-card-body h4 {
    font-size: 32px;
  }
}