@media only screen and (max-width: 767px) {
  /*================================================
    Default Area CSS
    =================================================*/
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .ptb-70 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pt-70 {
    padding-top: 20px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .pt-30 {
    margin-top: 30px !important;
  }
  .pl-20 {
    padding-left: 0px;
  }
  .pr-20 {
    padding-right: 0px;
  }
  :root {
    --card-title-fontSize: 20px;
    --titleFontSize: 24px;
    --fontSize: 14px;
  }
  .default-section-title {
    margin-bottom: 0px;
  }
  .default-section-title h3 {
    font-size: 24px;
  }
  .section-content {
    margin-top: 0px;
  }
  .shape {
    display: none;
  }
  .default-button {
    padding: 7px 12px;
  }
  /*================================================
    Topbar Area CSS
    =================================================*/
  .topbar-right-area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 8px;
  }
  /*================================================
    Index 01 Banner Area CSS
    =================================================*/
  .banner-text-area {
    max-width: 600px;
  }
  .banner-text-area h6 {
    font-size: 12px;
  }
  .banner-text-area h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .banner-text-area .banner-button-group .default-button-2 {
    margin-left: 10px;
  }
  .main-banner-single-slide {
    padding-top: 60px;
    padding-bottom: 130px;
  }
  .main-banner-single-slide::before {
    background-image: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(#000000e7), to(#00000096));
    background-image: linear-gradient(to right, #000000, #000000e7, #00000096);
  }
  .main-banner-slider-area .owl-dots {
    position: absolute;
    bottom: 30px;
    top: unset;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .main-banner-slider-area .owl-dots .owl-dot {
    display: inline-block;
  }
  .main-banner-slider-area .owl-dots .owl-dot button {
    width: 30px;
    height: 30px;
  }
  /*================================================
    Index 01 About Area CSS
    =================================================*/
  .about-img-area {
    background-image: unset;
    height: auto;
  }
  .about-img-area .about-img-text {
    width: 150px;
    height: 150px;
    text-align: center;
    padding: 15px;
    right: 10px;
  }
  .about-img-area .about-img-text p {
    font-size: 12px;
  }
  .about-img-area .about-img-text a {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .about-img-area img {
    display: block;
  }
  .about-owner-intro h5 {
    font-size: 15px;
  }
  .about-text-area {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .about-text-area .about-text-area-owner .about-owner-intro {
    margin-bottom: 12px;
    border: 0px;
  }
  /*================================================
    Index 01 Why Choose Us Area CSS
    =================================================*/
  .why-we-img-area {
    background-image: unset;
    height: auto;
  }
  .why-we-img-area img {
    display: block;
  }
  .why-we-text-area {
    padding-bottom: 30px;
    padding-top: 0px;
  }
  .why-we-list ul li {
    width: 170px;
  }
  .why-we-contact-card {
    padding: 15px;
  }
  .why-we-contact-card::before {
    display: none;
  }
  .why-we-contact-card i {
    margin-bottom: 15px;
    position: relative;
    top: unset;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  /*================================================
    Index 01 Service Area CSS
    =================================================*/
  .service-card {
    padding: 15px;
  }
  /*================================================
    Index 01 Testimonial Area CSS
    =================================================*/
  .testimonial-slider-area .owl-thumb-item {
    max-width: 45%;
  }
  /*================================================
    Index 01 Appointment Area CSS
    =================================================*/
  .appointment-content-text-area {
    padding: 15px;
  }
  .appointment-img-area {
    background-image: unset;
    height: auto;
  }
  .appointment-img-area img {
    display: block;
  }
  /*================================================
    Index 01 Team Area CSS
    =================================================*/
  .team-card .team-card-img::before {
    height: 100%;
  }
  .team-card .team-card-img ul {
    opacity: 1;
    bottom: 30px;
  }
  /*================================================
    Index 01 Fun Facts Area CSS
    =================================================*/
  .fun-fact-1::before {
    display: none;
  }
  .fun-fact-1 .pl-20 {
    padding-left: 0;
  }
  .fun-fact-1 .fun-fact-text-area {
    margin-top: 30px;
  }
  .fun-fact-card {
    padding: 15px 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .fun-fact-card i {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    -webkit-transform: translate(0) !important;
            transform: translate(0) !important;
    background-color: var(--mainColor);
    color: var(--whiteColor);
  }
  .fun-fact-card h2 {
    font-size: 36px;
    margin-top: 20px;
  }
  .fun-fact-card p {
    font-size: 14px;
  }
  /*================================================
    Index 01 Blog Area CSS
    =================================================*/
  .blog-card .blog-text-area {
    padding: 20px 15px;
  }
  .blog-card .blog-text-area .blog-date {
    padding-left: 30px;
  }
  .blog-card .blog-text-area .blog-date::before {
    width: 20px;
  }
  /*================================================
    Index 01 Footer Area CSS
    =================================================*/
  .footer-links {
    margin-top: 30px;
    padding: 0px;
  }
  /*================================================
    Index 02 Banner Area CSS
    =================================================*/
  .home-banner-img-area .banner-2-main-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .home-banner-img-area .banner-physician-card-2 {
    left: 30px;
    bottom: 5%;
  }
  .home-banner-img-area .banner-physician-card-2 h5 {
    margin-top: 11px;
    margin-bottom: 4px;
    font-size: 15px;
  }
  .home-banner-img-area .banner-physician-card-area {
    display: none;
  }
  .banner-text-area-2 {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  /*================================================
    Index 02 About Area CSS
    =================================================*/
  .about-img-area-2 .a2-1 {
    margin-bottom: 30px;
    width: 100%;
  }
  .about-img-area-2 .a2-2 {
    position: relative;
    width: 100%;
  }
  /*================================================
    Index 02 Appointment Area CSS
    =================================================*/
  .appointment-content-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .appointment-content-2 h3 {
    text-align: center;
  }
  /*================================================
    Index 02 Services Area CSS
    =================================================*/
  .service-card-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
  /*================================================
    Index 02 Why Choose Us Area CSS
    =================================================*/
  .why-we-img-area-2 {
    background-image: unset;
    height: auto;
  }
  .why-we-img-area-2 img {
    display: block;
  }
  .why-we-card {
    padding-left: 85px;
  }
  .why-we-card::before {
    top: 40%;
  }
  .why-we-card i {
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  /*================================================
    Index 02 Testimonials Area CSS
    =================================================*/
  .testimonial-card-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .testimonial-card-2 .testimonial-card-footer .testimonial-card-intro h4 {
    font-size: 15px;
    margin-bottom: 3px;
  }
  .stars ul li {
    font-size: 13px;
  }
  /*================================================
    Index 03 Banner Area CSS
    =================================================*/
  .banner-single-slide {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner-single-slide::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    top: 0;
  }
  .banner-single-slide .container {
    position: relative;
    z-index: 1;
  }
  /*================================================
    Index 03 About Area CSS
    =================================================*/
  .about-img-area-3 {
    background-image: unset;
    height: auto;
    padding: 0;
    border: 0;
  }
  .about-img-area-3 img {
    display: block;
  }
  .about-text-area-3 {
    padding-top: 30px;
    padding-bottom: 0;
  }
  /*================================================
    Index 03 Services Area CSS
    =================================================*/
  .service-card-3, .service-card-4 {
    padding: 15px;
  }
  /*================================================
    Index 03 Why Choose Us Area CSS
    =================================================*/
  .why-we-img-area-4 {
    padding: 0px;
  }
  /*================================================
    Index 03 Fun Facts Area CSS
    =================================================*/
  .fun-facts-3 .fun-facts-content-3 {
    padding: 15px;
  }
  .fun-facts-card-2 {
    margin-top: 50px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .fun-facts-card-2 h2 {
    font-size: 32px;
  }
  .fun-facts-card-2 p {
    font-size: 13px;
  }
  /*================================================
    Index 03 Testimonials Area CSS
    =================================================*/
  .testimonial-card-3 {
    padding: 20px;
  }
  .testimonial-card-3 .testimonial-card-3-text-area h5 {
    font-size: 16px;
  }
  .testimonial-card-3 .testimonial-card-3-text-area p {
    font-size: 15px;
  }
  .testimonial-card-3 .testimonial-card-3-text-area .testimonial-card-footer h4 {
    font-size: 14px;
  }
  .testimonial-card-3 .testimonial-card-3-img {
    background-image: unset;
    height: auto;
  }
  .testimonial-card-3 .testimonial-card-3-img img {
    display: block;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  /*================================================
    Index 01 Appointment Area CSS
    =================================================*/
  .appointment-content-text-area {
    padding: 30px 15px;
  }
  .appointment-img-area-3 {
    background-image: unset;
    height: auto;
  }
  .appointment-img-area-3 img {
    display: block;
  }
  .uni-banner::before {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .uni-banner-text-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .uni-banner-text-area h1 {
    font-size: 25px;
  }
  .about-img-area-4 {
    background-image: unset;
    height: auto;
  }
  .about-img-area-4::before {
    width: 50px;
  }
  .about-img-area-4 img {
    display: block;
  }
  .about-img-area-4 .about-4-text {
    padding: 15px;
    width: 220px;
  }
  .about-img-area-4 .about-4-text i {
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
  .about-img-area-4 .about-4-text h5 {
    left: 95px;
    font-size: 16px;
  }
  .ww-card-4 h4 {
    font-size: 20px;
  }
  .why-we-text-area-4 {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  .ww-img-area-4 {
    background-image: unset;
    height: auto;
  }
  .ww-img-area-4 img {
    display: block;
  }
  .ab-newsletter::before {
    width: 100%;
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .ab-newsletter .why-we-contact-card {
    margin-right: auto;
    padding: 15px;
  }
  .ab-newsletter .why-we-contact-card i {
    left: 0;
  }
  .accordion-button {
    font-size: 16px;
    font-weight: 600;
  }
  .pricing-card .pricing-card-header h2 {
    font-size: 36px;
  }
  .pricing-card .pricing-list ul li {
    font-size: 15px;
  }
  .portfolio-content .nav .nav-link {
    padding-bottom: 7px;
    font-size: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  .portfolio-card::before {
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#040c1a), color-stop(#071327ce), to(#0713277b));
    background-image: linear-gradient(to top, #040c1a, #071327ce, #0713277b);
  }
  .portfolio-card .portfolio-card-text {
    opacity: 1;
    padding: 15px;
  }
  .details-page-text-area h3 {
    font-size: 20px;
  }
  /*================================================
    Error Area CSS
    =================================================*/
  .error-content h4 {
    font-size: 24px;
  }
  .contact-card {
    padding: 15px;
    text-align: center;
  }
  .contact-card i {
    position: relative;
    width: 45px;
    height: 45px;
    left: 0px;
    top: unset;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .contact-card h4 {
    font-size: 17px;
    margin-top: 15px;
  }
  #msgSubmit {
    font-size: 15px;
    margin-top: 5px;
  }
  .doctor-details-info-img {
    background-image: unset;
    height: auto;
  }
  .doctor-details-info-img img {
    display: block;
  }
  .doctors-details-info-text-area {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .doctors-details-info-text-area .dr-profile-card {
    padding-left: 0px;
  }
  .doctors-details-info-text-area .dr-profile-card h5 {
    position: relative;
    top: unset;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-bottom: 5px;
  }
  .appointment-4 .appointment-content-text-area-5 {
    padding-top: 45px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .details-page-text-area .why-we-list ul li {
    width: 270px;
  }
  .blog-details-page-text {
    padding: 15px 10px;
  }
  .blog-details-page-text .blog-quote {
    padding: 15px;
  }
  .blog-details-page-text .blog-quote::before {
    display: none;
  }
  .blog-details-page-text .blog-quote i {
    margin-bottom: 15px;
    position: relative;
    left: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .blog-date {
    padding-left: 30px;
  }
  .blog-date::before {
    width: 20px;
  }
  .blog-date ul li {
    margin-right: 8px;
  }
  .blog-comments-area h3, .blog-comment-from-area h3 {
    font-size: 20px;
  }
  .comment-card {
    padding: 15px;
  }
  .comment-card img {
    position: relative;
    left: 0;
    margin-bottom: 15px;
  }
  .comment-card h5 {
    font-size: 16px;
  }
  .comment-card h5 sub {
    font-size: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /*================================================
    Footer Area CSS
    =================================================*/
  .ftul {
    margin-top: 0px;
  }
  /*================================================
    Index 01 Banner Area CSS
    =================================================*/
  .banner-text-area h6 {
    font-size: 15px;
  }
  .banner-text-area h1 {
    font-size: 36px;
  }
  /*================================================
    Index 01 About Area CSS
    =================================================*/
  .about-text-area .about-text-area-owner .about-owner-intro {
    margin-bottom: 0px;
    border-right: 1px solid #eeeeee;
  }
  /*================================================
    Index 01 Testimonial Area CSS
    =================================================*/
  .testimonial-slider-area .owl-thumb-item {
    max-width: 30%;
  }
  /*================================================
    Index 02 About Area CSS
    =================================================*/
  .about-img-area-2 .a2-1 {
    margin-bottom: 50px;
    width: unset;
  }
  .about-img-area-2 .a2-2 {
    position: absolute;
    width: unset;
  }
  /*================================================
    Index 03 Services Area CSS
    =================================================*/
  .service-card-3 h4 {
    font-size: 19px;
  }
  .about-card-4 h4 {
    font-size: 16px;
  }
  .ab-newsletter::before {
    -webkit-clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .why-we-list ul li {
    width: 40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*================================================
    Default Area CSS
    =================================================*/
  .ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt-100 {
    padding-top: 80px;
  }
  .pb-100 {
    padding-bottom: 80px;
  }
  .ptb-70 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .pb-70 {
    padding-bottom: 50px;
  }
  .pt-30 {
    margin-top: 30px;
  }
  .pl-20 {
    padding-left: 0px;
  }
  .pr-20 {
    padding-right: 0px;
  }
  :root {
    --card-title-fontSize: 20px;
    --fontSize: 15px;
  }
  .default-section-title h3 {
    font-size: 32px;
  }
  .section-content {
    margin-top: 0px;
  }
  /*================================================
    Index 01 Topbar Area CSS
    =================================================*/
  .topbar-right-area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /*================================================
    Index 01 Banner Area CSS
    =================================================*/
  .banner-text-area {
    max-width: 600px;
  }
  .banner-text-area h1 {
    font-size: 44px;
  }
  .main-banner-single-slide {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .main-banner-single-slide::before {
    background-image: -webkit-gradient(linear, left top, right top, from(#071327), color-stop(#071327b3), to(#07132700));
    background-image: linear-gradient(to right, #071327, #071327b3, #07132700);
  }
  /*================================================
    Index 01 About Area CSS
    =================================================*/
  .about-owner-intro h5 {
    font-size: 15px;
  }
  .about-img-area {
    background-image: unset;
    height: auto;
  }
  .about-img-area img {
    display: block;
  }
  .about-text-area {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  /*================================================
    Index 01 Why Choose Us Area CSS
    =================================================*/
  .why-we-img-area {
    background-image: unset;
    height: auto;
  }
  .why-we-img-area img {
    display: block;
  }
  .why-we-text-area {
    padding-bottom: 30px;
    padding-top: 0px;
  }
  /*================================================
    Index 01 Appointment Area CSS
    =================================================*/
  .appointment-content-text-area {
    padding: 30px;
  }
  .appointment-img-area {
    background-image: unset;
    height: auto;
  }
  .appointment-img-area img {
    display: block;
  }
  /*================================================
    Index 01 Fun Facts Area CSS
    =================================================*/
  .fun-fact-1::before {
    display: none;
  }
  .fun-fact-1 .pl-20 {
    padding-left: 0;
  }
  .fun-fact-1 .fun-fact-text-area {
    margin-top: 30px;
  }
  /*================================================
    Index 01 Footer Area CSS
    =================================================*/
  .footer-links {
    margin-top: 30px;
    padding: 0px;
  }
  .ftul {
    margin-top: 0px;
  }
  /*================================================
    Index 02 Banner Area CSS
    =================================================*/
  .home-banner-img-area .banner-2-main-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .home-banner-img-area .banner-physician-card-2 {
    left: 30px;
  }
  .banner-text-area-2 {
    padding-bottom: 30px;
    padding-top: 80px;
  }
  /*================================================
    Index 02 Appointment Area CSS
    =================================================*/
  .appointment-content-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .appointment-content-2 h3 {
    text-align: center;
  }
  /*================================================
    Index 02 Services Area CSS
    =================================================*/
  .service-card-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
  /*================================================
    Index 02 Why Choose Us Area CSS
    =================================================*/
  .why-we-img-area-2 {
    background-image: unset;
    height: auto;
  }
  .why-we-img-area-2 img {
    display: block;
  }
  /*================================================
    Index 02 Testimonials Area CSS
    =================================================*/
  .testimonial-card-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
  /*================================================
    Index 03 Banner Area CSS
    =================================================*/
  .banner-single-slide {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .banner-single-slide::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    top: 0;
  }
  .banner-single-slide .container {
    position: relative;
    z-index: 1;
  }
  /*================================================
    Index 03 About Area CSS
    =================================================*/
  .about-img-area-3 {
    background-image: unset;
    height: auto;
  }
  .about-img-area-3 img {
    display: block;
  }
  .about-text-area-3 {
    padding-top: 30px;
    padding-bottom: 0;
  }
  /*================================================
    Index 03Testimonials Area CSS
    =================================================*/
  .testimonial-card-3 {
    padding: 20px;
  }
  .testimonial-card-3 .testimonial-card-3-text-area h5 {
    font-size: 18px;
  }
  .testimonial-card-3 .testimonial-card-3-text-area .testimonial-card-footer h4 {
    font-size: 15px;
  }
  .testimonial-card-3 .testimonial-card-3-img {
    background-image: unset;
    height: auto;
  }
  .testimonial-card-3 .testimonial-card-3-img img {
    display: block;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  /*================================================
    Index 03 Appointment Area CSS
    =================================================*/
  .appointment-content-text-area {
    padding: 30px;
  }
  .appointment-img-area-3 {
    background-image: unset;
    height: auto;
  }
  .appointment-img-area-3 img {
    display: block;
  }
  .uni-banner-text-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .uni-banner-text-area h1 {
    font-size: 48px;
  }
  .about-img-area-4 {
    background-image: unset;
    height: auto;
  }
  .about-img-area-4 img {
    display: block;
  }
  .ww-card-4 h4 {
    font-size: 16px;
  }
  .why-we-text-area-4 {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  .ww-img-area-4 {
    background-image: unset;
    height: auto;
  }
  .ww-img-area-4 img {
    display: block;
  }
  .pricing-card .pricing-list ul li {
    font-size: 16px;
  }
  .details-page-text-area h3 {
    font-size: 28px;
  }
  .contact-card h4 {
    font-size: 17px;
  }
  .doctor-details-info-img {
    background-image: unset;
    height: auto;
  }
  .doctor-details-info-img img {
    display: block;
  }
  .doctors-details-info-text-area {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .appointment-4 .appointment-content-text-area-5 {
    padding-top: 80px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /*================================================
    Default Area CSS
    =================================================*/
  :root {
    --card-title-fontSize: 22px;
    --fontSize: 14px;
  }
  .default-section-title h3 {
    font-size: 28px;
  }
  /*================================================
    Index 01 Banner Area CSS
    =================================================*/
  .main-banner-single-slide {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .main-banner-single-slide::before {
    background-image: -webkit-gradient(linear, left top, right top, from(#071327), color-stop(#071327b3), to(#07132700));
    background-image: linear-gradient(to right, #071327, #071327b3, #07132700);
  }
  /*================================================
    Index 01 About Area CSS
    =================================================*/
  .about-owner-intro h5 {
    font-size: 15px;
  }
  /*================================================
    Index 01 Fun Facts Area CSS
    =================================================*/
  .fun-fact-1::before {
    display: none;
  }
  .fun-fact-1 .pl-20 {
    padding-left: 0;
  }
  .fun-fact-1 .fun-fact-text-area {
    margin-top: 30px;
  }
  /*================================================
    Index 02 Banner Area CSS
    =================================================*/
  .home-banner-img-area .banner-2-main-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .home-banner-img-area .banner-physician-card-area {
    right: 0;
  }
  .home-banner-img-area .banner-physician-card-2 {
    left: 30px;
  }
  .banner-text-area-2 {
    padding-bottom: 30px;
    padding-top: 80px;
  }
  /*================================================
    Index 02 Appointment Area CSS
    =================================================*/
  .appointment-content-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
  /*================================================
    Index 02 Services Area CSS
    =================================================*/
  .service-card-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
  /*================================================
    Index 03 Banner Area CSS
    =================================================*/
  .banner-single-slide {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .banner-single-slide::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    top: 0;
  }
  .banner-single-slide .container {
    position: relative;
    z-index: 1;
  }
  /*================================================
    Index 03 Services Area CSS
    =================================================*/
  .service-card-3 {
    padding: 25px 20px 20px;
  }
  /*================================================
    Index 03 Services Area CSS
    =================================================*/
  .service-card-4 {
    padding: 20px 15px 15px;
  }
  /*================================================
    Index 03 Testimonials Area CSS
    =================================================*/
  .testimonial-card-3 .testimonial-card-3-text-area .testimonial-card-footer h4 {
    font-size: 15px;
  }
  .testimonial-card-3 .testimonial-card-3-img {
    background-image: unset;
    height: auto;
  }
  .testimonial-card-3 .testimonial-card-3-img img {
    display: block;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  /*================================================
    Index 03 Appointment Area CSS
    =================================================*/
  .appointment-content-text-area {
    padding: 30px;
  }
  .uni-banner-text-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .about-img-area-4 {
    background-image: unset;
    height: auto;
  }
  .about-img-area-4 img {
    display: block;
  }
  .about-text-area {
    padding-left: 0px;
    padding-top: 30px;
  }
  .ww-card-4 h4 {
    font-size: 16px;
  }
  .pricing-card .pricing-list ul li {
    font-size: 16px;
  }
  .details-page-text-area h3 {
    font-size: 28px;
  }
  .contact-card {
    padding-left: 75px;
    padding-right: 15px;
  }
  .contact-card i {
    width: 45px;
    height: 45px;
    left: 15px;
  }
  .contact-card h4 {
    font-size: 17px;
  }
  .appointment-4 .appointment-content-text-area-5 {
    max-width: 490px;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  :root {
    --card-title-fontSize: 20px;
    --fontSize: 14px;
  }
  .default-section-title h3 {
    font-size: 32px;
  }
  /*================================================
    Index 01 Banner Area CSS
    =================================================*/
  .main-banner-single-slide {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  /*================================================
    Index 02 Banner Area CSS
    =================================================*/
  .banner-text-area-2 h1 {
    font-size: 48px;
  }
  /*================================================
    Index 02 Appointment Area CSS
    =================================================*/
  .appointment-content-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
  /*================================================
    Index 03 Banner Area CSS
    =================================================*/
  .banner-single-slide {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  /*================================================
    Index 03 Services Area CSS
    =================================================*/
  .service-card-4 {
    padding: 20px 15px 15px;
  }
  /*================================================
    Index 03 Testimonials Area CSS
    =================================================*/
  .testimonial-card-3 .testimonial-card-3-text-area .testimonial-card-footer h4 {
    font-size: 15px;
  }
  .about-card-4 h4 {
    font-size: 16px;
  }
  .details-page-text-area h3 {
    font-size: 32px;
  }
  .contact-card h4 {
    font-size: 18px;
  }
  .appointment-4 .appointment-content-text-area-5 {
    max-width: 560px;
  }
}

@media only screen and (min-width: 1550px) {
  /*================================================
    Index 01 Banner Area CSS
    =================================================*/
  .main-banner-slider-area .owl-dots {
    right: 15%;
  }
  .ab-newsletter::before {
    width: 45%;
  }
}
/*# sourceMappingURL=responsive.css.map */