@media only screen and (max-width: 767px) {
    /*Default CSS*/
    .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .pt-100 {
      padding-top: 50px;
    }
    .pb-100 {
      padding-bottom: 50px;
    }
    .pt-75 {
      padding-top: 50px;
    }
    .pb-75 {
      padding-bottom: 25px;
    }
    p {
      font-size: 15px;
    }
    .box-style-container {
      padding-left: 0;
      padding-right: 0;
    }
    .default-btn {
      padding: 12px 30px;
      font-size: 15px;
    }
    /* Section Title CSS */
    .section-title {
      margin: 0 auto 30px;
    }
    .section-title span {
      font-size: 15px;
    }
    .section-title h2 {
      font-size: 25px;
    }
    /* Search Overlay CSS */
    .search-overlay .search-overlay-form {
      max-width: 280px;
      width: 280px;
    }
    .search-overlay .search-overlay-close {
      top: 20px;
      right: 20px;
    }
    /*Main Slides Area CSS*/
    .main-slides-item {
      padding-top: 280px;
    }
    .main-slides-content span {
      font-size: 15px;
    }
    .main-slides-content h1 {
      font-size: 25px;
    }
    .main-slides-image {
      text-align: center;
      margin-top: 30px;
    }
    .home-slides.owl-theme .owl-nav [class*=owl-] {
      top: 70%;
      -webkit-transform: translateY(-70%);
              transform: translateY(-70%);
    }
    /* Hero Slides Area CSS */
    .hero-slides-item {
      position: relative;
      z-index: 1;
      padding-top: 50px;
    }
    .hero-slides-item::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: var(--black-color);
      z-index: -1;
      opacity: .50;
    }
    .hero-slides-item .slides-overlay-color {
      display: none;
    }
    .hero-slides-content span {
      font-size: 15px;
    }
    .hero-slides-content h1 {
      font-size: 25px;
    }
    .hero-slides.owl-theme .owl-nav [class*=owl-] {
      top: 75%;
      -webkit-transform: translateY(-75%);
              transform: translateY(-75%);
    }
    /* Main Banner Area CSS */
    .main-banner-area {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .main-banner-area::before {
      opacity: .50;
    }
    .main-banner-content span {
      font-size: 15px;
    }
    .main-banner-content h1 {
      font-size: 25px;
    }
    .main-banner-content .banner-list {
      margin-top: 25px;
    }
    .main-banner-appointment {
      padding: 25px;
      margin-top: 30px;
    }
    .main-banner-appointment .content h3 {
      font-size: 20px;
    }
    /*Features Area CSS*/
    .single-features-card .icon i {
      height: 70px;
      width: 70px;
      line-height: 70px;
      font-size: 40px;
    }
    .single-features-card h3 {
      font-size: 20px;
    }
    .features-inner-box {
      padding-top: 50px;
      padding-bottom: 25px;
      padding-left: 25px;
      padding-right: 25px;
    }
    .single-features-box .icon {
      margin-bottom: 20px;
    }
    .single-features-box .icon i {
      height: 70px;
      width: 70px;
      line-height: 70px;
      font-size: 40px;
    }
    .single-features-box::before {
      display: none;
    }
    .single-features-box h3 {
      font-size: 18px;
    }
    /*About Area CSS*/
    .about-content h3 {
      font-size: 22px;
    }
    .about-content .about-inner-box img {
      margin-bottom: 25px;
    }
    .about-content.with-max-width {
      margin-left: 0;
      margin-top: 30px;
    }
    .about-image {
      text-align: center;
      margin-top: 30px;
    }
    .about-image .about-info {
      position: relative;
      left: 0;
      bottom: 0;
      width: 100%;
      margin-top: 25px;
      text-align: start;
    }
    .about-image .about-info .info-box span {
      font-size: 14px;
    }
    .about-image .about-info .info-box a {
      font-size: 18px;
    }
    .about-image .about-info.with-align-right {
      right: 0;
    }
    .about-image.top-zero {
      margin-top: 0;
    }
    .about-image-wrap {
      margin-left: 0;
      margin-top: 30px;
    }
    .about-image-wrap .about-info {
      position: relative;
      left: 0;
      margin-top: 25px;
    }
    .about-image-wrap .about-info .info-box span {
      font-size: 14px;
    }
    .about-image-wrap .about-info .info-box a {
      font-size: 18px;
    }
    /* Department Area CSS */
    .department-area {
      padding-top: 50px;
    }
    .department-area::before {
      display: none;
    }
    .single-department-card .department-content h3 {
      font-size: 18px;
      margin-bottom: 12px;
    }
    .single-department-card .department-content .department-btn {
      font-size: 15px;
    }
    .single-department-box {
      padding: 20px;
    }
    .single-department-box .icon {
      margin-top: 0;
      margin-bottom: 18px;
      padding-left: 0;
    }
    .single-department-box .icon i {
      position: relative;
      left: 0;
      top: unset;
      -webkit-transform: unset;
              transform: unset;
    }
    .single-department-box .icon h3 {
      margin-top: 18px;
      font-size: 18px;
    }
    /* Appointment Area CSS */
    .ui-datepicker {
      width: 16em;
    }
    /* Doctors Area CSS */
    .single-doctors-card .doctors-content h3 {
      font-size: 20px;
    }
    .single-doctors-card .doctors-content span {
      font-size: 15px;
    }
    /* Before & After Area CSS */
    .before-after-area {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .before-after-area::before {
      display: none;
    }
    .before-after-area::after {
      display: none;
    }
    .before-after-twentytwenty-image {
      margin-bottom: 30px;
    }
    .before-after-content span {
      font-size: 14px;
    }
    .before-after-content h3 {
      font-size: 22px;
      margin-bottom: 15px;
    }
    .before-after-list .list li {
      font-size: 15px;
    }
    .before-after-shape {
      display: none;
    }
    /* Funfact Area CSS */
    .funfact-inner-box {
      margin-top: 15px;
    }
    .single-funfact-card {
      padding: 20px;
    }
    .single-funfact-card .icon {
      position: relative;
      left: 0;
      top: unset;
      -webkit-transform: unset;
              transform: unset;
      margin-bottom: 20px;
    }
    .single-funfact-card h3 {
      font-size: 25px;
    }
    .single-funfact-card h3 .sign-icon {
      font-size: 25px;
      left: -2px;
    }
    .single-funfact-card p {
      font-size: 15px;
    }
    /* Testimonials Area CSS */
    .single-testimonials-box p {
      font-size: 16px;
    }
    .single-testimonials-box p::before {
      top: -50px;
    }
    .single-testimonials-box .info h3 {
      font-size: 18px;
    }
    .single-testimonials-box .info span {
      font-size: 15px;
    }
    .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
      display: none;
    }
    /* Pricing Area CSS */
    .pricing-list-tabs .nav .nav-item .nav-link {
      font-size: 15px;
    }
    .single-pricing-table {
      padding: 25px 20px;
    }
    .single-pricing-table .pricing-header h3 {
      font-size: 18px;
    }
    .single-pricing-table .price {
      font-size: 30px;
    }
    .single-pricing-table .features-list li {
      font-size: 15px;
    }
    /* Blog Area CSS */
    .single-blog-card .post-content h3 {
      font-size: 20px;
    }
    .single-blog-card .post-content .entry-meta li {
      font-size: 15px;
    }
    .single-blog-card .post-content .post-btn {
      font-size: 15px;
    }
    /* Overview Area CSS */
    .overview-area {
      padding-bottom: 50px;
    }
    .overview-logo {
      margin-bottom: 25px;
    }
    .overview-content {
      margin-bottom: 25px;
    }
    .overview-content h3 {
      font-size: 22px;
    }
    .overview-btn {
      text-align: start;
    }
    /* Choose Us Area CSS */
    .choose-us-content span {
      font-size: 15px;
    }
    .choose-us-content h3 {
      font-size: 25px;
    }
    .choose-us-image {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Video Area CSS */
    .video-area {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .video-view-content h3 {
      font-size: 20px;
    }
    /* FAQ Area CSS */
    .faq-area .container-fluid {
      padding-right: var(--bs-gutter-x, 0.75rem);
      padding-left: var(--bs-gutter-x, 0.75rem);
    }
    .faq-image {
      height: 450px;
    }
    .faq-accordion {
      padding-top: 30px;
      padding-bottom: 50px;
      padding-left: 0;
    }
    .faq-accordion .faq-content {
      margin-bottom: 25px;
    }
    .faq-accordion .faq-content h3 {
      font-size: 25px;
    }
    .faq-image-wrap {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Page Banner Area CSS */
    .page-banner-area {
      padding-top: 65px;
      padding-bottom: 75px;
    }
    .page-banner-content h2 {
      font-size: 30px;
      margin-bottom: 15px;
    }
    .page-banner-content ul li {
      font-size: 15px;
    }
    /* Doctors Details Area CSS */
    .doctor-details-desc {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Coming Soon Area CSS */
    .coming-soon-area {
      padding-top: 100px;
      padding-bottom: 100px;
    }
    .coming-soon-content {
      padding: 30px 25px;
    }
    .coming-soon-content #timer {
      margin-top: 20px;
    }
    .coming-soon-content #timer div {
      width: 100px;
      height: 105px;
      margin-left: 5px;
      margin-right: 5px;
      font-size: 20px;
      margin-top: 10px;
    }
    .coming-soon-content h2 {
      font-size: 22px;
    }
    /* Emergency Services Area CSS */
    .emergency-services-box h3 {
      font-size: 18px;
      margin-bottom: 20px;
    }
    .emergency-services-box h3:last-child {
      margin-bottom: 0;
    }
    .emergency-services-box h3 i {
      font-size: 18px;
    }
    .emergency-services-box.d-flex {
      display: block !important;
    }
    .single-emergency-services-card h3 {
      font-size: var(--font-size);
    }
    .single-emergency-services-card a {
      font-size: 18px;
    }
    .single-emergency-services-card a i {
      font-size: 18px;
    }
    /* Contact Area CSS */
    .contact-form-wrap h3 {
      font-size: 22px;
    }
    .contact-support {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Patients & visitors Area CSS */
    .patients-and-visitors-content .content h3 {
      font-size: 18px;
    }
    /* Find doctor Area CSS */
    .find-doctor-box h3 {
      font-size: 22px;
      margin-bottom: 20px;
    }
    .find-doctor-box.d-flex {
      display: block !important;
    }
    .find-doctor-form .title h3 {
      font-size: 18px;
    }
    /* Department Details Area CSS */
    .department-details-doctor-box h3 {
      font-size: 22px;
      margin-bottom: 20px;
    }
    .department-details-doctor-box.d-flex {
      display: block !important;
    }
    .department-overview-content h3 {
      font-size: 20px;
    }
    .department-overview-image {
      margin-top: 25px;
    }
    .department-overview-image .video-btn i {
      font-size: 60px;
    }
    .department-conditions-list {
      margin-top: 20px;
    }
    /* Shop Area CSS */
    .mebid-grid-sorting .result-count {
      text-align: center;
      margin-bottom: 15px;
    }
    .single-shop-card .shop-content {
      text-align: center;
    }
    .single-shop-card .shop-content span {
      font-size: 15px;
    }
    .single-shop-card .shop-content h3 {
      font-size: 20px;
    }
    /* Cart Area CSS */
    .cart-totals {
      margin-top: 25px;
    }
    .cart-buttons {
      text-align: center;
    }
    .cart-buttons .default-btn {
      margin-top: 20px;
    }
    .cart-buttons .shopping-coupon-code button {
      font-size: 14px;
    }
    /* Shop Details Area CSS */
    .products-details-desc {
      margin-left: 0;
      margin-top: 30px;
    }
    .products-details-desc h3 {
      font-size: 22px;
    }
    .products-details-desc .price {
      font-size: 18px;
    }
    .products-details-desc .products-add-to-cart .form-control {
      width: 100%;
    }
    .products-details-desc .products-add-to-cart .default-btn {
      padding-top: 15.5px;
      margin-left: 0;
      margin-top: 10px;
    }
    .products-details-desc .products-meta {
      margin-top: 25px;
    }
    .products-details-desc .products-meta span {
      font-size: 15px;
    }
    .products-details-desc .products-meta span span {
      font-size: 15px;
    }
    .products-details-desc .products-share li span {
      font-size: 15px;
    }
    .products-details-desc .products-share li a i {
      height: 35px;
      width: 35px;
      line-height: 35px;
      font-size: var(--font-size);
    }
    .products-details-tabs .nav .nav-item {
      margin-right: 20px;
      margin-bottom: 15px;
    }
    .products-details-tabs .nav .nav-item .nav-link {
      font-size: 15px;
    }
    .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review {
      padding: 20px 0 20px 0;
    }
    .products-details-tabs .tab-content .tab-pane .products-review-comments .user-review img {
      position: relative;
      top: 0;
      margin-bottom: 20px;
    }
    /* Widget Area CSS */
    .widget-area {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Blog Details Area CSS */
    .blog-details-desc .article-content h3 {
      font-size: 22px;
    }
    .blog-details-desc .article-content .blog-desc-quote {
      padding: 20px;
    }
    .blog-details-desc .article-footer.d-flex {
      display: block !important;
    }
    .blog-details-desc .article-footer .article-share {
      margin-top: 15px;
    }
    .blog-details-desc .article-footer .article-share ul li a i {
      height: 35px;
      width: 35px;
      line-height: 35px;
      font-size: var(--font-size);
    }
    .blog-details-desc .article-navigation .prev-link-wrapper a i {
      height: 45px;
      width: 45px;
      line-height: 45px;
    }
    .blog-details-desc .article-navigation .prev-link-wrapper a span {
      font-size: 15px;
    }
    .blog-details-desc .article-navigation .next-link-wrapper a i {
      height: 45px;
      width: 45px;
      line-height: 45px;
    }
    .blog-details-desc .article-navigation .next-link-wrapper a span {
      font-size: 15px;
    }
    .blog-details-desc .article-comments .comments-list {
      padding-left: 0;
    }
    .blog-details-desc .article-comments .comments-list img {
      position: relative;
      margin-bottom: 20px;
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /*Default CSS*/
    .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .pt-100 {
      padding-top: 50px;
    }
    .pb-100 {
      padding-bottom: 50px;
    }
    .pt-75 {
      padding-top: 50px;
    }
    .pb-75 {
      padding-bottom: 25px;
    }
    p {
      font-size: 15px;
    }
    /* Section Title CSS */
    .section-title {
      margin: 0 auto 30px;
    }
    .section-title span {
      font-size: 15px;
    }
    .section-title h2 {
      font-size: 25px;
    }
    /* Search Overlay CSS */
    .search-overlay .search-overlay-form {
      max-width: 280px;
      width: 280px;
    }
    .search-overlay .search-overlay-close {
      top: 20px;
      right: 20px;
    }
    /*Main Slides Area CSS*/
    .main-slides-item {
      padding-top: 280px;
    }
    .main-slides-content span {
      font-size: 15px;
    }
    .main-slides-content h1 {
      font-size: 30px;
    }
    .main-slides-image {
      text-align: center;
      margin-top: 30px;
    }
    /* Hero Slides Area CSS */
    .hero-slides-item {
      position: relative;
      z-index: 1;
      padding-top: 50px;
    }
    .hero-slides-item::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: var(--black-color);
      z-index: -1;
      opacity: .50;
    }
    .hero-slides-item .slides-overlay-color {
      display: none;
    }
    .hero-slides-content span {
      font-size: 15px;
    }
    .hero-slides-content h1 {
      font-size: 30px;
    }
    .hero-slides.owl-theme .owl-nav [class*=owl-] {
      top: 75%;
      -webkit-transform: translateY(-75%);
              transform: translateY(-75%);
    }
    /* Main Banner Area CSS */
    .main-banner-area {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .main-banner-area::before {
      opacity: .50;
    }
    .main-banner-content span {
      font-size: 15px;
    }
    .main-banner-content h1 {
      font-size: 30px;
    }
    .main-banner-content .banner-list {
      margin-top: 25px;
    }
    .main-banner-appointment {
      padding: 25px;
      margin-top: 30px;
    }
    .main-banner-appointment .content h3 {
      font-size: 20px;
    }
    /*Features Area CSS*/
    .single-features-card .icon i {
      height: 70px;
      width: 70px;
      line-height: 70px;
      font-size: 40px;
    }
    .single-features-card h3 {
      font-size: 20px;
    }
    .features-inner-box {
      padding-top: 50px;
      padding-bottom: 25px;
      padding-left: 25px;
      padding-right: 25px;
    }
    .single-features-box .icon {
      margin-bottom: 20px;
    }
    .single-features-box .icon i {
      height: 70px;
      width: 70px;
      line-height: 70px;
      font-size: 40px;
    }
    .single-features-box::before {
      display: none;
    }
    .single-features-box h3 {
      font-size: 18px;
    }
    /*About Area CSS*/
    .about-content h3 {
      font-size: 22px;
    }
    .about-content.with-max-width {
      margin-left: 0;
      margin-top: 30px;
    }
    .about-image {
      text-align: start;
      margin-top: 30px;
    }
    .about-image .about-info .info-box a {
      font-size: 20px;
    }
    .about-image .about-info.with-align-right {
      right: 0;
    }
    .about-image.top-zero {
      margin-top: 0;
    }
    .about-image-wrap {
      margin-left: 0;
      margin-top: 30px;
    }
    .about-image-wrap .about-info {
      position: relative;
      left: 0;
      margin-top: 25px;
    }
    .about-image-wrap .about-info .info-box span {
      font-size: 14px;
    }
    .about-image-wrap .about-info .info-box a {
      font-size: 18px;
    }
    /* Department Area CSS */
    .department-area {
      padding-top: 50px;
    }
    .department-area::before {
      display: none;
    }
    .single-department-card .department-content h3 {
      font-size: 18px;
      margin-bottom: 12px;
    }
    .single-department-card .department-content .department-btn {
      font-size: 15px;
    }
    .single-department-box {
      padding: 20px;
    }
    .single-department-box .icon {
      margin-top: 0;
      margin-bottom: 18px;
      padding-left: 0;
    }
    .single-department-box .icon i {
      position: relative;
      left: 0;
      top: unset;
      -webkit-transform: unset;
              transform: unset;
    }
    .single-department-box .icon h3 {
      margin-top: 18px;
      font-size: 18px;
    }
    /* Appointment Area CSS */
    .ui-datepicker {
      width: 18em;
    }
    /* Doctors Area CSS */
    .single-doctors-card .doctors-content h3 {
      font-size: 20px;
    }
    .single-doctors-card .doctors-content span {
      font-size: 15px;
    }
    /* Before & After Area CSS */
    .before-after-area {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .before-after-area::before {
      display: none;
    }
    .before-after-area::after {
      display: none;
    }
    .before-after-twentytwenty-image {
      margin-bottom: 30px;
    }
    .before-after-content span {
      font-size: 14px;
    }
    .before-after-content h3 {
      font-size: 22px;
      margin-bottom: 15px;
    }
    .before-after-list .list li {
      font-size: 15px;
    }
    .before-after-shape {
      display: none;
    }
    /* Funfact Area CSS */
    .funfact-inner-box {
      margin-top: 15px;
    }
    .single-funfact-card h3 {
      font-size: 25px;
    }
    .single-funfact-card h3 .sign-icon {
      font-size: 25px;
      left: -2px;
    }
    .single-funfact-card p {
      font-size: 15px;
    }
    /* Testimonials Area CSS */
    .single-testimonials-box p {
      font-size: 16px;
    }
    .single-testimonials-box p::before {
      top: -50px;
    }
    .single-testimonials-box .info h3 {
      font-size: 18px;
    }
    .single-testimonials-box .info span {
      font-size: 15px;
    }
    .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
      display: none;
    }
    /* Pricing Area CSS */
    .pricing-list-tabs .nav .nav-item .nav-link {
      font-size: 15px;
    }
    .single-pricing-table {
      padding: 25px 20px;
    }
    .single-pricing-table .pricing-header h3 {
      font-size: 18px;
    }
    .single-pricing-table .price {
      font-size: 30px;
    }
    .single-pricing-table .features-list li {
      font-size: 15px;
    }
    /* Blog Area CSS */
    .single-blog-card .post-content h3 {
      font-size: 20px;
    }
    .single-blog-card .post-content .entry-meta li {
      font-size: 15px;
    }
    .single-blog-card .post-content .post-btn {
      font-size: 15px;
    }
    /* Overview Area CSS */
    .overview-area {
      padding-bottom: 50px;
    }
    .overview-logo {
      margin-bottom: 25px;
    }
    .overview-content {
      margin-bottom: 25px;
    }
    .overview-content h3 {
      font-size: 22px;
    }
    .overview-btn {
      text-align: start;
    }
    /* Choose Us Area CSS */
    .choose-us-content {
      max-width: 712px;
    }
    .choose-us-content span {
      font-size: 15px;
    }
    .choose-us-content h3 {
      font-size: 25px;
    }
    .choose-us-image {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Video Area CSS */
    .video-area {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .video-view-content h3 {
      font-size: 20px;
    }
    /* FAQ Area CSS */
    .faq-area .container-fluid {
      padding-right: var(--bs-gutter-x, 0.75rem);
      padding-left: var(--bs-gutter-x, 0.75rem);
    }
    .faq-image {
      height: 450px;
    }
    .faq-accordion {
      padding-top: 30px;
      padding-bottom: 50px;
      padding-left: 0;
    }
    .faq-accordion .faq-content {
      margin-bottom: 25px;
    }
    .faq-accordion .faq-content h3 {
      font-size: 25px;
    }
    .faq-image-wrap {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Page Banner Area CSS */
    .page-banner-content h2 {
      font-size: 35px;
      margin-bottom: 15px;
    }
    .page-banner-content ul li {
      font-size: 15px;
    }
    /* Doctors Details Area CSS */
    .doctor-details-desc {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Emergency Services Area CSS */
    .emergency-services-box h3 {
      font-size: 18px;
    }
    .emergency-services-box h3:last-child {
      margin-bottom: 0;
    }
    .emergency-services-box h3 i {
      font-size: 18px;
    }
    .single-emergency-services-card h3 {
      font-size: var(--font-size);
    }
    .single-emergency-services-card a {
      font-size: 18px;
    }
    .single-emergency-services-card a i {
      font-size: 18px;
    }
    /* Contact Area CSS */
    .contact-form-wrap h3 {
      font-size: 22px;
    }
    .contact-support {
      margin-left: 0;
      margin-top: 30px;
    }
    /* Patients & visitors Area CSS */
    .patients-and-visitors-content .content h3 {
      font-size: 20px;
    }
    /* Find doctor Area CSS */
    .find-doctor-box h3 {
      font-size: 22px;
    }
    .find-doctor-form .title h3 {
      font-size: 18px;
    }
    /* Department Details Area CSS */
    .department-details-doctor-box h3 {
      font-size: 25px;
    }
    .department-overview-content h3 {
      font-size: 22px;
    }
    .department-overview-image {
      margin-top: 25px;
    }
    .department-conditions-list {
      margin-top: 20px;
    }
    /* Shop Area CSS */
    .single-shop-card .shop-content span {
      font-size: 15px;
    }
    .single-shop-card .shop-content h3 {
      font-size: 20px;
    }
    /* Cart Area CSS */
    .cart-totals {
      margin-top: 25px;
    }
    /* Shop Details Area CSS */
    .products-details-desc {
      margin-left: 0;
      margin-top: 30px;
    }
    .products-details-desc h3 {
      font-size: 22px;
    }
    .products-details-desc .price {
      font-size: 18px;
    }
    /* Widget Area CSS */
    .widget-area {
      margin-left: 0;
      margin-top: 30px;
    }
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*Section Title CSS*/
    .section-title h2 {
      font-size: 35px;
    }
    /*Main Slides Area CSS*/
    .main-slides-content h1 {
      font-size: 50px;
    }
    .home-slides.owl-theme .owl-nav [class*=owl-] {
      left: 0;
    }
    .home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: auto;
      right: 0;
    }
    /* Hero Slides Area CSS */
    .hero-slides-item {
      position: relative;
      z-index: 1;
    }
    .hero-slides-item::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: var(--black-color);
      z-index: -1;
      opacity: .50;
    }
    .hero-slides-item .slides-overlay-color {
      display: none;
    }
    .hero-slides-content h1 {
      font-size: 50px;
    }
    .hero-slides.owl-theme .owl-nav [class*=owl-] {
      top: 75%;
      -webkit-transform: translateY(-75%);
              transform: translateY(-75%);
    }
    /* Main Banner Area CSS */
    .main-banner-content span {
      font-size: 15px;
    }
    .main-banner-content h1 {
      font-size: 35px;
    }
    .main-banner-content p {
      padding: 15px;
    }
    /*Features Area CSS*/
    .single-features-card {
      padding: 28px 25px;
    }
    .single-features-box::before {
      right: -2px;
    }
    /*About Area CSS*/
    .about-content h3 {
      font-size: 35px;
    }
    .about-content.with-max-width {
      margin-left: 15px;
    }
    .about-image .about-info.with-align-right {
      right: 0;
    }
    /*Department Area CSS*/
    .single-department-box {
      padding: 20px;
    }
    .single-department-box .icon {
      margin-top: 0;
      margin-bottom: 18px;
      padding-left: 0;
    }
    .single-department-box .icon i {
      position: relative;
      left: 0;
      top: unset;
      -webkit-transform: unset;
              transform: unset;
    }
    .single-department-box .icon h3 {
      margin-top: 18px;
    }
    /* Appointment Area CSS */
    .ui-datepicker {
      width: 15em;
    }
    /* Overview Area CSS */
    .overview-btn .default-btn {
      padding: 15px 20px;
    }
    /* Before After Area CSS */
    .before-after-content h3 {
      font-size: 35px;
    }
    /* Funfact Area CSS */
    .single-funfact-card {
      padding: 25px 15px 25px 70px;
    }
    .single-funfact-card .icon {
      left: 15px;
    }
    .single-funfact-card .icon i {
      height: 50px;
      width: 50px;
      line-height: 55px;
      font-size: 25px;
    }
    .single-funfact-card h3 {
      font-size: 30px;
    }
    .single-funfact-card h3 .sign-icon {
      font-size: 30px;
      left: -5px;
    }
    .single-funfact-card p {
      font-size: 14px;
    }
    /* Testimonials Area CSS */
    .single-testimonials-box p {
      font-size: 16px;
    }
    .single-testimonials-box p::before {
      top: -50px;
    }
    .single-testimonials-box .info h3 {
      font-size: 18px;
    }
    .single-testimonials-box .info span {
      font-size: 15px;
    }
    .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
      left: -20px;
      top: 70%;
      -webkit-transform: translateY(-70%);
              transform: translateY(-70%);
    }
    .testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
      left: auto;
      right: -20px;
    }
    /* Choose Us Area CSS */
    .choose-us-content {
      max-width: 445px;
    }
    .choose-us-content h3 {
      font-size: 35px;
    }
    /* Video Area CSS */
    .video-view-content h3 {
      font-size: 35px;
    }
    /* FAQ Area CSS */
    .faq-accordion {
      padding-left: 15px;
      padding-right: 15px;
    }
    .faq-accordion .faq-content h3 {
      font-size: 35px;
    }
    /* Page Banner Area CSS */
    .page-banner-content h2 {
      font-size: 45px;
      margin-bottom: 15px;
    }
    .page-banner-content ul li {
      font-size: 15px;
    }
    /* Doctors Details Area CSS */
    .doctors-details-information {
      margin-left: 0;
    }
    .doctors-details-information .information-content h3 {
      font-size: 30px;
    }
    /* Emergency Services Area CSS */
    .emergency-services-box h3 {
      font-size: 25px;
    }
    .emergency-services-box h3:last-child {
      margin-bottom: 0;
    }
    .emergency-services-box h3 i {
      font-size: 25px;
    }
    .single-emergency-services-card h3 {
      font-size: 20px;
    }
    .single-emergency-services-card a {
      font-size: 25px;
    }
    .single-emergency-services-card a i {
      font-size: 25px;
    }
    /* Shop Details Area CSS */
    .products-details-desc {
      margin-left: 0;
    }
    .products-details-desc h3 {
      font-size: 25px;
    }
    .products-details-desc .price {
      font-size: 18px;
    }
    /* Widget Area CSS */
    .widget-area {
      margin-left: 0;
    }
    /* Cart Area CSS */
    .cart-totals {
      padding: 15px;
    }
    .cart-totals ul li {
      font-size: 15px;
    }
    .cart-totals ul li:last-child {
      font-size: 15px;
    }
    .cart-totals .default-btn {
      padding: 15px 30px;
      font-size: 14px;
    }
  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    /* Hero Slides Area CSS */
    .hero-slides.owl-theme .owl-nav [class*=owl-] {
      top: 75%;
      -webkit-transform: translateY(-75%);
              transform: translateY(-75%);
    }
    /*Features Area CSS*/
    .single-features-box::before {
      right: -2px;
    }
    /*Department Area CSS*/
    .single-department-box {
      padding: 20px;
    }
    .single-department-box .icon {
      margin-top: 0;
      margin-bottom: 18px;
      padding-left: 0;
    }
    .single-department-box .icon i {
      position: relative;
      left: 0;
      top: unset;
      -webkit-transform: unset;
              transform: unset;
    }
    .single-department-box .icon h3 {
      margin-top: 18px;
    }
    /* Funfact Area CSS */
    .single-funfact-card {
      padding: 25px 15px 25px 70px;
    }
    .single-funfact-card .icon {
      left: 15px;
    }
    .single-funfact-card .icon i {
      height: 50px;
      width: 50px;
      line-height: 55px;
      font-size: 25px;
    }
    .single-funfact-card h3 {
      font-size: 30px;
    }
    .single-funfact-card h3 .sign-icon {
      font-size: 30px;
      left: -5px;
    }
    .single-funfact-card p {
      font-size: 14px;
    }
    /* Choose Us Area CSS */
    .choose-us-content {
      max-width: 545px;
    }
    /* Overview Area CSS */
    .overview-btn .default-btn {
      padding: 15px 20px;
    }
  }
  /*# sourceMappingURL=responsive.css.map */