@media (max-width: 768px) {
  #hero-section .row {
    flex-direction: column-reverse; /* Ensures the image comes first */
  }

  #hero-image {
    max-width: 80%; /* Reduce image size for smaller screens */
    margin-bottom: 15px; /* Adds spacing below the image */
  }

  #hero-title {
    font-size: 24px; /* Adjust font size for mobile view */
  }

  .doctor-card {
    flex-direction: column; /* Stack doctor details vertically */
    text-align: center;
  }

  .doctor-card img {
    margin-bottom: 10px;
  }
}

/* aboutus */
@media (max-width: 768px) {
  #yogaComponent .yogainfo {
    width: 100%;
  }
  #naturoComponent .yogainfo {
    width: 100%;
  }
  /* #naturoComponent .yogainfo {
    width: 100% !important;
  } */
  /* Adjust the image size */
  #wellnessImg {
    max-width: 70%;
    display: none;
    margin: 0 auto 15px; /* Centered with margin below */
  }
  .text-overlay-aboutus {
    position: relative !important;
    left: 0 !important;
    bottom: 0 !important;
    font-size: 12px;
  }
  .secondoneImg {
    height: 60vh; /* Adjust height as needed */
    object-fit: cover; /* Ensures the image covers the area properly */
  }
  /* about page*/
  .subHeader {
    margin-left: 0px !important;
    font-size: 22px;
  }
  .header {
    margin-left: 0px !important;
    font-size: 28px;
  }
  /* .content {
    font-size: 18px;
  } */
  .secondtwo {
    display: none;
  }
  .headeracc {
    font-size: 18px;
  }
  .headerapp {
    font-size: 14px;
  }
  #gallery {
    display: none;
  }
  .dietList {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .NaturopathyTreatments {
    font-size: 18px;
  }
  /* Small screens (sm) and below */
  .NaturopathyTreatments span {
    font-size: 12px !important;
  }
  .statueImg {
    width: 0% !important;
  }
  .yogainfo {
    align-items: start !important;
  }
  .card_content {
    font-size: 12px;
  }
  .card_sub_content {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    color: #000000 !important;
    line-height: 1.7;
    text-align: start !important;
  }
}