@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 */