/* @media (max-width: 768px) {
  .appointment-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

@media (max-width: 768px) {
  .section-title a {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }

  @media (max-width: 768px) {
  .about .more-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
}
}

@media (max-width: 768px) {
    .services img.title-img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .services .video-tap .play-btn {
        top: 50%;
        left: 50%;
    }
}

@media (max-width: 768px) {
  .features .features-item+.features-item {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .features .features-item+.features-item {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .doctors .member {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media (max-width: 768px) {
  .doctors .member .more-btn a {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
} */

@media (max-width: 768px) {

  /* GLOBAL */
  body {
    font-size: 14px;
    line-height: 1.6;
  }

  section {
    padding: 40px 0;
  }

  /* HEADER */
  #header {
    padding: 15px 0;
  }

  #header .logo img {
    max-height: 40px;
    width: auto;
  }

  /* HERO */
  #hero {
    height: auto;
    min-height: 100vh;
    padding: 80px 0 40px;
    background-position: center;
  }

  #hero h1 {
    font-size: 26px;
    line-height: 34px;
    -webkit-text-stroke-width: 0;
    text-shadow: none;
  }

  #hero h2 {
    font-size: 16px;
    line-height: 22px;
  }

  #hero .btn-get-started,
  #hero .btn-watch-video {
    padding: 8px 20px;
    font-size: 13px;
    margin-top: 15px;
  }

  /* SECTION TITLE */
  .section-title h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .section-title h3 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
  }

  .section-title h5,
  .section-title h6 {
    text-align: center;
  }

  /* WHY US */
  .why-us .content {
    padding: 20px;
    text-align: center;
  }

  .why-us .content h3 {
    font-size: 22px;
  }

  .why-us .icon-boxes .icon-box {
    padding: 25px 20px;
  }

  /* SERVICES */
  .services .icon-box {
    padding: 40px 20px;
  }

  .services .icon-box h4 {
    font-size: 18px;
  }

  /* ABOUT */
  .about .icon-box .title,
  .about .icon-box .description {
    margin-left: 0;
    text-align: center;
  }

  .about .icon-box .icon {
    float: none;
    margin: 0 auto 15px;
  }

  /* DOCTORS / MENTOR */
  .doctors .member {
    padding: 20px;
    margin: 10px 0;
    text-align: center;
  }

  .doctors .member .member-info {
    padding-left: 0;
  }

  .doctors .member .pic {
    margin: 0 auto 15px;
  }

  /* TESTIMONIAL */
  .testimonials .testimonial-item {
    min-height: auto;
    padding: 20px;
  }

  /* FAQ */
  .faq .faq-list {
    padding: 0;
  }

  .faq .faq-list a {
    font-size: 14px;
    padding: 0 20px;
  }

}