@media (min-width: 992px) and (max-width: 1199px) {
  .header-card {
    position: static;
  }

  .header-logo h3 {
    font-size: 18px;
  }

  .counter-section .counter-inr .counter-box .text {
    font-size: 26px;
  }

  .banner-title {
    font-size: 42px;
    line-height: 55px;
  }

  .banner-area .banner-doctor-card .banner-img {
    left: 20%;
    transform: translate(-10%, 0);
    max-width: 100%;
  }

  .section-title h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .section-title p {
    font-size: 16px;
    line-height: 30px;
  }

  .footer-section .ftr-box.bx1 p {
    font-size: 26px;
    line-height: 40px;
  }

  .ftr-box.bx2 {
    padding-left: 20px;
  }

  .footer-section .ftr-box ul li a {
    font-size: 14px;
    line-height: 26px;
  }

  .footer-section .ftr-box.bx3 p {
    font-size: 14px;
    line-height: 26px;
  }

  .banner-area .doctor-info {
    display: none;
  }

  .header-card .nav-item a {
    margin-right: 10px;
    padding: 0;
  }
}

@media (max-width: 991px) {
  .banner-area .banner-doctor-card .banner-img {
    left: 25%;
    max-width: 100%;
  }

  .cta-inner {
    padding: 50px;
  }

  .get-in-form {
    margin-top: 20px;
  }

  .footer-section .ftr-box.bx1 p {
    font-size: 30px;
    line-height: 45px;
  }

  .footer-section {
    padding: 50px 0 40px;
  }

  .best-sell-area .best-sell-inr {
    padding-left: 20%;
  }

  .ftr-box.bx2 {
    padding-left: 0;
  }

  .section-title h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .banner-area:after {
    content: "";
    position: absolute;
    right: 0;
    top: auto;
    background-color: #f2f9ff;
    width: 100%;
    height: 50%;
    z-index: -1;
    bottom: 0;
  }

  .customer-reviews {
    margin-top: 30px;
  }

  .header-card {
    position: static;

  }

  .banner-area .doctor-info {
    display: none;
  }


}

@media (max-width: 767px) {
  .banner-area .banner-doctor-card .banner-img {
    left: 0;
    transform: none;
    max-width: 100%;
  }

  .banner-title {
    font-size: 28px;
  }

  .banner-description {
    font-size: 14px;
  }

  .banner-doctor-card {
    padding: 20px;
  }

  .doctor-img {
    height: 200px;
  }

  .doctor-info h4 {
    font-size: 20px;
  }

  .doctor-info p {
    font-size: 14px;
  }

  .ftr-box.bx2 {
    padding-left: 0px;
  }

  .social-icons {
    margin-top: 15px;
  }

  .footer-section .social-icons a {
    margin: 0 10px;
  }

  .cta-inner {
    padding: 20px;
  }

  .best-sell-area .best-sell-inr {
    padding-left: 6%;
  }

  .best-sell-area:before {
    width: 50px;
    height: 50px;
    top: 10px;
  }

  .best-sell-area:after {
    width: 50px;
    height: 50px;
    bottom: 10px;
  }

  .banner-area {
    padding: 80px 0 0;
  }

  .customer-reviews h4 {
    margin-bottom: 10px;
  }

  .banner-content {
    padding-bottom: 80px;
  }

  .header-logo h3 {
    font-size: 18px;
  }

  .banner-area .doctor-info {
    display: none;
  }

  .header-card {
    padding: 10px 0;
    position: static;
    z-index: 9;
    width: 100%;
  }

  .banner-area .doctor-info {
    display: none;
  }

  .ftr-box.bx2 {
    padding-left: 0;
  }
}

@media (max-width: 576px) {
  .banner-title {
    font-size: 30px;
    line-height: 45px;
  }

  .banner-description {
    margin: 20px 0;
  }

  .customer-reviews {
    font-size: 14px;
    margin-top: 20px;
  }

  .banner-doctor-card {
    padding: 0;
  }

  .counter-section .counter-inr .counter-box.bx2,
  .counter-section .counter-inr .counter-box.bx3 {
    border: 0;
  }

  .get-in-touch .get-in-inr {
    padding: 20px;
    min-height: 300px;
  }

  .get-in-form {
    justify-content: center;
    flex-wrap: wrap;
    overflow: visible;
    gap: 5px;
    margin-top: 20px;
  }

  .section-title h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .footer-section {
    padding: 30px 0 30px;
  }

  .copyright-area {
    padding: 0 0 30px;
    margin-top: -1px;
  }

  .footer-section .ftr-box.bx1 p {
    font-size: 24px;
    line-height: 34px;
  }

  .counter-section .counter-inr .counter-box .counter-number,
  .counter-section .counter-inr .counter-box .plus {
    font-size: 32px;
  }

  .counter-section .counter-inr .counter-box .text {
    font-size: 24px;
    line-height: 38px;
  }

  .section-pd {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .our-faq .accordion-button {
    font-size: 16px;
    line-height: 26px;
    padding: 20px;
  }

  .our-faq .accordion-body {
    padding: 20px;
    font-size: 14px;
    line-height: 26px;
  }

  .header-card {
    padding: 10px 0;
    position: static;
    z-index: 9;
    width: 100%;
  }

  .banner-area .doctor-info {
    display: none;
  }

  .ftr-box.bx2 {
    padding-left: 0;
  }
}