.doctors-banner .mdb-flex .dr-img:after,
.doctors-banner .mdb-flex .dr-img:before {
    top: 55%;
    transform: translateY(-50%);
    border-radius: 50%;
    content: '';
    position: absolute;
    right: 0;
    left: 0
}

.doctors-banner {
    background: #f6f6f6;
    min-height: 400px
}

.doctors-banner .mdb-flex .dr-details .dr-details-name {
    font-size: 24px;
    font-weight: 700;
    margin: 12px 0 0
}

.doctors-banner .mdb-flex .dr-details .dr-details-des {
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 15px
}

.doctors-banner .mdb-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    padding-right: 500px
}

.doctors-banner .mdb-flex .dr-details {
    padding: 50px 30px;
    color: var(--light-text);
    width: calc(100% - 400px)
}

.doctors-banner .mdb-flex .dr-img {
    line-height: 0;
    position: relative;
    text-align: center;
    width: 400px
}

.doctors-banner .mdb-flex .dr-img img {
    width: 75%;
    position: relative;
    z-index: 1
}

.doctors-banner .mdb-flex .dr-img:before {
    width: 70%;
    margin: auto;
    padding-bottom: 70%;
    background-color: var(--primary)
}

.doctors-banner .mdb-flex .dr-img:after {
    width: calc(70% + 30px);
    margin: auto;
    padding-bottom: calc(70% + 30px);
    border: 1px dashed #505050
}

.doctors-banner .mdb-flex .dr-details .dr-details-link a {
    font-size: 14px;
    font-weight: 600;
    margin-right: 20px;
    transition: .5s
}

.doctors-banner .mdb-flex .dr-details .dr-details-link a.active,
.doctors-banner .mdb-flex .dr-details .dr-details-link a:hover,
.dr-about .dr-about-outer .dr-about-containt .dr-about-desc a,
.dr-about .dr-about-outer .dr-about-containt .dr-about-heading span {
    color: var(--primary)
}

.doctors-banner .mdb-flex .dr-details .dr-details-link a.active svg path,
.doctors-banner .mdb-flex .dr-details .dr-details-link a:hover svg path {
    stroke: var(--primary)
}

.doctors-banner .mdb-flex .dr-details .dr-details-link a span,
.doctors-banner .mdb-flex .dr-details .dr-details-link a svg,
.doctors-banner .mdb-flex .dr-details .dr-details-link2 a span,
.doctors-banner .mdb-flex .dr-details .dr-details-link2 a svg {
    vertical-align: middle
}

.doctors-banner .mdb-flex .dr-details .dr-details-link {
    margin: 30px 0
}

.doctors-banner .mdb-flex .dr-details .dr-details-link2 a {
    display: inline-block;
    background-color: #fff;
    padding: 15px 30px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 12px;
    margin-right: 20px;
    margin-bottom: 15px;
    white-space: nowrap;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .03)
}

.doctors-banner .mdb-flex .dr-calender {
    flex: auto
}

.doctors-banner .mdb-flex .dr-calender .dr-cal-inner {
    position: absolute;
    width: 480px;
    right: 0;
    bottom: -90px;
    z-index: 1;
    /* Ensure enough space for months that render 6-7 rows */
    min-height: 560px
}

@media screen and (min-width:1600px) {
    .doctors-banner .mdb-flex {
        /* Increase to accommodate taller calendars (6-7 rows) */
        min-height: 620px
    }
}

@media screen and (min-width:1400px) {
    .doctors-banner .mdb-flex .dr-details .dr-details-link2 {
        white-space: nowrap
    }

    .doctors-banner .mdb-flex {
        /* Increase to avoid clipping when calendar grows */
        min-height: 560px
    }
}

@media screen and (max-width:1599px) {
    .doctors-banner .mdb-flex .dr-calender .dr-cal-inner {
        width: 385px
    }

    .doctors-banner .mdb-flex {
        padding-right: 400px
    }
}

@media screen and (max-width:1350px) {
    .doctors-banner .mdb-flex .dr-details {
        width: calc(100% - 330px)
    }

    .doctors-banner .mdb-flex .dr-img {
        width: 330px
    }
}

@media screen and (max-width:1199px) {
    .doctors-banner .mdb-flex .dr-details {
        width: calc(100% - 290px)
    }

    .doctors-banner .mdb-flex .dr-img {
        width: 290px
    }

    .doctors-banner .mdb-flex {
        padding-right: 330px
    }

    .doctors-banner .mdb-flex .dr-calender .dr-cal-inner {
        width: 310px
    }
}

:root {
    --calendar-bg-color: #262829;
    --calendar-font-color: #FFF;
    --weekdays-border-bottom-color: #404040;
    --calendar-date-hover-color: #505050;
    --calendar-current-date-color: #1b1f21;
    --calendar-today-color: linear-gradient(to bottom, #03a9f4, #2196f3);
    --calendar-today-innerborder-color: transparent;
    --calendar-nextprev-bg-color: transparent;
    --next-prev-arrow-color: #FFF;
    --calendar-border-radius: 16px;
    --calendar-prevnext-date-color: #484848
}

* {
    padding: 0;
    margin: 0
}

.calendar {
    position: relative;
    background: var(--white);
    color: var(--text);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: var(--calendar-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.calendar .calendar-inner .calendar-body {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    padding: 20px;
    gap: 15px
}

.calendar .calendar-inner .calendar-body div {
    border-radius: 50%;
    background: #f8f8f8
}

.calendar .calendar-inner .calendar-body div:nth-child(-n+7) {
    color: var(--primary);
    font-size: 18px;
    font-weight: 700;
    background: 0 0
}

.calendar .calendar-inner .calendar-body div:nth-child(-n+7):hover {
    border: none;
    border-bottom: none
}

.calendar .calendar-inner .calendar-body div>a {
    color: var(--text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600
}

.calendar .calendar-inner .calendar-body div.next-dates,
.calendar .calendar-inner .calendar-body div.number-item,
.calendar .calendar-inner .calendar-body div.prev-dates {
    width: 100%;
    padding-bottom: 100%;
    position: relative
}

.calendar .calendar-inner .calendar-body div>a,
.calendar .calendar-inner .calendar-body div>span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.calendar .calendar-inner .calendar-body div.active a {
    color: var(--white);
    cursor: pointer
}

.availability-card {
    margin-top: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 16px;
    box-shadow: 0 10px 40px #ddd;
}
.availability-card .card-title {
    font-weight: 600;
    margin-bottom: 10px;
}
.availability-card .timeslots {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.availability-card .timeslot a {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #F04E30;
    border-radius: 20px;
    color: #F04E30;
}

.calendar .calendar-inner .calendar-body div.active {
    color: var(--white);
    background-color: var(--primary)
}

.calendar .calendar-inner .calendar-controls {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    box-shadow: 0 10px 40px #ddd;
    padding: 10px 20px
}

.calendar .calendar-inner .calendar-today-date {
    display: grid;
    text-align: center;
    cursor: pointer;
    margin: auto;
    background: var(--calendar-current-date-color);
    padding: 8px 0;
    border-radius: 10px;
    width: 80%
}

.calendar .calendar-inner .calendar-controls .calendar-year-month {
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar .calendar-inner .calendar-controls .calendar-next {
    text-align: right
}

.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label,
.calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label {
    font-weight: 600;
    font-size: 22px
}

.calendar .calendar-inner .calendar-body .calendar-today {
    background: var(--calendar-today-color);
    border-radius: 4px
}

.calendar .calendar-inner .calendar-body .calendar-today:hover {
    border: 1px solid transparent
}

.calendar .calendar-inner .calendar-body .calendar-today a {
    outline: 2px solid var(--calendar-today-innerborder-color)
}

.calendar .calendar-inner .calendar-controls .calendar-next a,
.calendar .calendar-inner .calendar-controls .calendar-prev a {
    color: var(--text);
    font-weight: 600;
    font-size: 26px;
    text-decoration: none;
    padding: 4px 12px;
    display: inline-block;
    background: var(--calendar-nextprev-bg-color);
    margin: 10px 0
}

.calendar .calendar-inner .calendar-controls .calendar-next a svg,
.calendar .calendar-inner .calendar-controls .calendar-prev a svg {
    height: 20px;
    width: 20px
}

.calendar .calendar-inner .calendar-controls .calendar-next a svg path,
.calendar .calendar-inner .calendar-controls .calendar-prev a svg path {
    fill: var(--text)
}

.calendar .calendar-inner .calendar-body .next-dates,
.calendar .calendar-inner .calendar-body .prev-dates {
    color: #ccc;
    pointer-events: none
}

.doctors-banner .mdb-flex .dr-calender .cal-book-an-app {
    background-color: var(--primary);
    text-align: center;
    padding: 20px;
    border-bottom-left-radius: var(--calendar-border-radius);
    border-bottom-right-radius: var(--calendar-border-radius)
}

.doctors-banner .mdb-flex .dr-calender .cal-book-an-app .anchor-button {
    color: #fff;
    justify-content: center
}

.doctors-banner .mdb-flex .dr-calender .cal-book-an-app .anchor-button span {
    background: #fff
}

.doctors-banner .mdb-flex .dr-calender .cal-book-an-app .anchor-button span::after {
    border-top: 3px solid var(--primary);
    border-right: 3px solid var(--primary)
}

.dr-about {
    margin: 50px 0
}

.dr-about .dr-about-outer {
    position: relative
}

.dr-about .dr-about-outer .imgheart {
    position: absolute;
    right: 0;
    bottom: -100px
}

.dr-about .dr-about-outer .dr-about-containt .dr-about-heading {
    font-size: 68px;
    color: var(--text);
    font-weight: 700;
    margin: 20px 0
}

.dr-about .dr-about-outer .dr-about-containt .dr-about-desc {
    margin: 30px 0;
    font-size: 15px;
    width: 60%;
    font-weight: 500;
    line-height: 1.7
}

.dr-about .dr-about-outer .dr-about-containt .dr-about-desc.performance-list {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-wrap: wrap
}

.dr-about .dr-about-outer .dr-about-containt .dr-about-desc.performance-list>div {
    font-weight: 600;
    width: 33.33%;
    padding: 5px 15px 0;
    border-left: 1px solid #bababa;
    line-height: normal
}

.dr-about .dr-about-outer .dr-about-containt .dr-about-desc.performance-list>div:first-child {
    border-left: 0
}

.dr-specialization {
    padding: 70px 0 90px;
    background-color: var(--bg-back)
}

.dr-media,
.dr-message-from {
    background: url(../images/icons/pattern-bg.png) top left #f6f6f6
}

.dr-articles .dr-articles-slider,
.dr-awards .dr-award-slider,
.dr-milestones .dr-specialization-slider,
.dr-specialization .dr-specialization-slider {
    margin-top: 30px
}

#milestones .slick-track,
#specialization-and-expertise .slick-track,
.dr-awards .slick-track {
    display: flex
}

.dr-specialization .dr-specialization-slider .slider-div-inner {
    background: url(../images/icons/pattern-bg.png) top left #fff;
    text-align: center;
    padding: 55px;
    margin: 20px;
    border-radius: 15px;
    height: inherit
}

.dr-specialization .dr-specialization-slider .slider-div-inner:hover {
    background-color: var(--primary)
}

.dr-specialization .dr-specialization-slider .slider-div-inner span {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--text)
}

.dr-specialization .dr-specialization-slider .slider-div-inner:hover span {
    color: var(--white)
}

.dr-specialization .dr-specialization-slider .slider-div-inner img {
    margin-bottom: 55px;
    text-align: center;
    display: inline-block
}

.dr-specialization .dr-specialization-slider .slider-div-inner .image-white,
.dr-specialization .dr-specialization-slider .slider-div-inner:hover .image-black {
    display: none
}

.dr-specialization .dr-specialization-slider .slider-div-inner:hover .image-white {
    display: inline-block
}

.dr-awards .dr-award-slider .slick-list,
.dr-milestones .dr-specialization-slider .slick-list,
.dr-specialization .dr-specialization-slider .slick-list {
    padding-right: 100px
}

.dr-awards .slick-arrow-style-2 .slick-arrow,
.dr-milestones .slick-arrow-style-2 .slick-arrow,
.dr-specialization .slick-arrow-style-2 .slick-arrow {
    right: 120px
}

.dr-awards .slick-arrow-style-2 .slick-arrow.slick-prev,
.dr-milestones .slick-arrow-style-2 .slick-arrow.slick-prev,
.dr-specialization .slick-arrow-style-2 .slick-arrow.slick-prev {
    right: 180px
}

.dr-milestones .dr-specialization-slider .slider-div-inner {
    padding: 35px;
    margin: 20px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 1px 1px 25px rgb(212 212 212 / 57%);
    height: initial
}

.dr-awards .dr-award-slider .slider-div-inner span,
.dr-milestones .dr-specialization-slider .slider-div-inner span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--text)
}

.dr-milestones .dr-specialization-slider .slider-div-inner svg {
    margin-bottom: 35px
}

.dr-milestones .dr-specialization-slider .slider-div-inner .dr-milesyear {
    color: var(--primary);
    font-size: 32px;
    font-weight: 700;
    margin-top: 60px
}

.dr-milestones .dr-specialization-slider .slider-div-inner.style1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.dr-awards .dr-miles-viewall,
.dr-milestones .dr-miles-viewall {
    margin-top: 40px;
    text-align: center
}

.dr-message-from {
    padding-top: 70px
}

.dr-articles,
.dr-awards,
.dr-media {
    padding: 70px 0 90px
}

.dr-message-from .dr-message-heading {
    font-size: 28px;
    font-weight: 700;
    color: var(--light-text);
    text-align: center
}

.dr-message-from .dr-message-flex {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, 1fr)
}

.dr-message-from .dr-message-flex .dr-message-left p {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    color: var(--light-text);
    line-height: 1.4;
    margin-top: 20px
}

.dr-message-from .dr-message-flex .dr-message-center,
.dr-message-from .dr-message-flex .dr-message-left {
    padding-right: 60px
}

.dr-message-from .dr-message-flex .dr-message-center img {
    margin-bottom: -4px
}

.dr-message-from .dr-message-flex .dr-message-right .dr-mess-name {
    font-size: 36px;
    font-weight: 700;
    color: var(--light-text)
}

.dr-message-from .dr-message-flex .dr-message-right .dr-message-post {
    font-size: 22px;
    color: var(--primary);
    font-weight: 700
}

.dr-message-from .dr-message-flex .dr-message-right .dr-message-text {
    font-size: 22px;
    color: var(--light-text);
    font-weight: 500;
    margin-top: 20px
}

.dr-awards .dr-award-slider .slider-div-inner {
    padding: 35px;
    margin: 20px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 1px 1px 25px #d4d4d4;
    height: inherit
}

.dr-awards .dr-award-slider .slider-div-inner .dr-award-des-height {
    height: 65px
}

.dr-awards .dr-award-slider .slider-div-inner svg {
    margin-bottom: 25px
}

.dr-awards .dr-award-slider .slider-div-inner .dr-milesyear {
    color: var(--primary);
    font-size: 32px;
    font-weight: 700;
    margin-top: 40px
}

.dr-awards .dr-award-slider .dr-award-text {
    color: var(--primary) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important
}

.dr-articles .dr-articles-slider .articles-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    box-shadow: 1px 1px 25px #d4d4d4;
    border-radius: 20px;
    margin: 20px
}

.dr-articles .dr-articles-slider .articles-inner .articles-right img {
    border-radius: 20px;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.dr-articles .dr-articles-slider .articles-inner .articles-left {
    padding: 55px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.dr-articles .dr-articles-slider .articles-inner .articles-left .left-date {
    font-size: 13px;
    color: var(--primary);
    font-weight: 700
}

.dr-articles .dr-articles-slider .articles-inner .articles-left .left-text {
    font-size: 25px;
    font-weight: 600;
    color: var(--text);
    margin-top: 20px
}

.dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name img {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 1px 1px 25px #d4d4d4;
    background-color: #b4b1b1;
    margin-right: 10px
}

.dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name {
    margin-top: 25px
}

.dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name img,
.dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name span {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700
}

.dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name span span {
    font-weight: 500
}

.dr-articles .dr-articles-slider .articles-inner .articles-right {
    position: relative;
    height: 270px
}

.dr-articles .viewallarticles,
.dr-media .viewallarticles {
    position: absolute;
    top: 0;
    right: 20px
}

.dr-media .dr-media-slider {
    margin: 30px -15px 0
}

.dr-media .dr-media-slider .media-slider-inner {
    margin: 20px;
    position: relative;
    border-radius: 20px
}

.dr-media .dr-media-slider .media-slider-inner .play-video {
    height: 48px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 55;
    width: 48px
}

.dr-media .dr-media-slider .media-slider-inner img {
    width: 100%;
    border-radius: 20px
}

.dr-media .dr-media-slider .media-slider-inner .media-img-overlay {
    background-image: linear-gradient(hsl(0deg 0% 0% / 0%), #000);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px
}

.dr-media .dr-media-slider .media-slider-inner .media-img-overlay span {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px
}

#srcoll-style::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 11%);
    border-radius: 50px
}

#srcoll-style::-webkit-scrollbar {
    width: 4px;
    border-radius: 50px
}

#srcoll-style::-webkit-scrollbar-thumb {
    background-color: #bcbcbc;
    border-radius: 50px
}

@media all and (max-width:1600px) {
    .doctors-banner .mdb-flex .dr-details .dr-details-link2 a {
        padding: 15px 20px;
        font-size: 13px;
        margin-right: 15px
    }
}

@media all and (max-width:1550px) {
    .dr-awards .dr-award-slider .slider-div-inner .dr-award-des-height {
        height: 95px
    }

    .calendar .calendar-inner .calendar-body div:nth-child(-n+7),
    .dr-specialization .dr-specialization-slider .slider-div-inner span {
        font-size: 15px
    }

    .doctors-banner .mdb-flex .dr-details .dr-details-link2 a {
        padding: 15px 20px;
        font-size: 11px;
        margin-right: 15px
    }

    .calendar .calendar-inner .calendar-body .next-dates,
    .calendar .calendar-inner .calendar-body .prev-dates,
    .calendar .calendar-inner .calendar-body div>a {
        font-size: 13px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-text,
    .dr-media .dr-media-slider .media-slider-inner .media-img-overlay span {
        font-size: 18px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name img,
    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name span {
        font-size: 11px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name img {
        width: 40px;
        height: 40px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left {
        padding: 35px 30px
    }
}

@media all and (max-width:1440px) {

    .dr-awards .slick-arrow-style-2 .slick-arrow.slick-prev,
    .dr-milestones .slick-arrow-style-2 .slick-arrow.slick-prev {
        right: 170px
    }

    .doctors-banner .mdb-flex .dr-details .dr-details-link2 a {
        padding: 15px 20px;
        font-size: 12px;
        margin-right: 10px
    }
}

@media all and (max-width:1370px) {
    .dr-about .dr-about-outer .imgheart {
        width: 30%
    }

    .dr-about .dr-about-outer .dr-about-containt .dr-about-heading {
        font-size: 55px
    }

    .dr-specialization .dr-specialization-slider .slider-div-inner {
        padding: 25px;
        margin: 20px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-text,
    .dr-awards .dr-award-slider .slider-div-inner span,
    .dr-milestones .dr-specialization-slider .slider-div-inner span,
    .dr-specialization .dr-specialization-slider .slider-div-inner span {
        font-size: 17px
    }

    .dr-specialization .dr-specialization-slider .slider-div-inner img {
        width: 100px
    }

    .dr-awards .dr-award-slider .slider-div-inner .dr-milesyear,
    .dr-milestones .dr-specialization-slider .slider-div-inner .dr-milesyear {
        font-size: 32px;
        margin-top: 50px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left {
        padding: 30px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name img,
    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name span {
        font-size: 11px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name img {
        width: 40px;
        height: 40px
    }

    .dr-media .dr-media-slider .media-slider-inner .media-img-overlay span {
        font-size: 16px
    }
}

@media all and (max-width:1024px) {
    .doctors-banner .mdb-flex .dr-details .dr-details-link2 a {
        padding: 10px 15px;
        font-size: 10px;
        margin-right: 5px
    }

    .doctors-banner .mdb-flex .dr-details img {
        width: 70px
    }

    .calendar .calendar-inner .calendar-body .next-dates,
    .calendar .calendar-inner .calendar-body .prev-dates,
    .calendar .calendar-inner .calendar-body div>a,
    .doctors-banner .mdb-flex .dr-details .dr-details-des,
    .doctors-banner .mdb-flex .dr-details .dr-details-link a {
        font-size: 11px
    }

    .doctors-banner .mdb-flex .dr-details .dr-details-name {
        font-size: 20px
    }

    .doctors-banner {
        min-height: auto
    }

    .doctors-banner .mdb-flex {
        padding-top: 30px
    }

    .dr-awards .dr-award-slider .slick-list,
    .dr-milestones .dr-specialization-slider .slick-list,
    .dr-specialization .dr-specialization-slider .slick-list {
        padding-right: 50px
    }

    .dr-awards .slick-arrow-style-2 .slick-arrow,
    .dr-milestones .slick-arrow-style-2 .slick-arrow,
    .dr-specialization .slick-arrow-style-2 .slick-arrow {
        right: 50px
    }

    .dr-about .dr-about-outer .dr-about-containt .dr-about-desc,
    .dr-message-from .dr-message-flex .dr-message-left p {
        font-size: 13px
    }

    .dr-message-from .dr-message-flex .dr-message-center,
    .dr-message-from .dr-message-flex .dr-message-left {
        padding-right: 40px
    }

    .dr-message-from .dr-message-flex .dr-message-right .dr-mess-name {
        font-size: 24px
    }

    .dr-message-from .dr-message-flex .dr-message-right .dr-message-post,
    .dr-message-from .dr-message-flex .dr-message-right .dr-message-text {
        font-size: 18px
    }
}

@media all and (max-width:991px) {
    .doctors-banner .mdb-flex {
        display: block;
        padding: 0
    }

    .doctors-banner .mdb-flex .dr-calender .dr-cal-inner {
        width: 560px;
        max-width: 100%;
        position: initial;
        box-shadow: 1px 1px 100px #aaa;
        border-radius: var(--calendar-border-radius)
    }

    .doctors-banner .mdb-flex .dr-img {
        width: 100%;
        text-align: center;
        background: url(../images/icons/pattern-bg.png) top left #f6f6f6
    }

    .doctors-banner .container,
    .dr-message-from .container {
        width: 100%;
        padding: 0
    }

    .doctors-banner {
        background: 0 0
    }

    .doctors-banner .mdb-flex .dr-details {
        width: 100%;
        padding: 30px 20px
    }

    .doctors-banner .mdb-flex .dr-details img {
        width: auto
    }

    .doctors-banner .mdb-flex .dr-details .dr-details-name {
        font-size: 24px
    }

    .doctors-banner .mdb-flex .dr-details .dr-details-des,
    .doctors-banner .mdb-flex .dr-details .dr-details-link a {
        font-size: 14px
    }

    .doctors-banner .mdb-flex .dr-details .dr-details-link2 a {
        display: inline-block;
        background-color: #fff;
        padding: 15px 30px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 12px;
        margin-right: 20px;
        box-shadow: 1px 1px 100px #eaeaea
    }

    .doctors-banner .mdb-flex .dr-calender {
        width: 98%;
        margin: 30px auto;
        padding: 0
    }

    .calendar .calendar-inner .calendar-body .next-dates,
    .calendar .calendar-inner .calendar-body .prev-dates,
    .calendar .calendar-inner .calendar-body div>a {
        font-size: 20px
    }

    .calendar .calendar-inner .calendar-body div:nth-child(-n+7) {
        font-size: 22px
    }

    .dr-about .dr-about-outer .dr-about-containt .dr-about-desc,
    .dr-message-from .dr-message-flex .dr-message-left p {
        font-size: 15px;
        width: 100%;
        margin: 30px 0 60px
    }

    .dr-about .dr-about-outer .imgheart {
        width: 22%
    }

    .dr-message-from .dr-message-flex {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 35px
    }

    .dr-message-from .dr-message-flex .dr-message-center,
    .dr-message-from .dr-message-flex .dr-message-left {
        padding-right: 40px;
        text-align: center
    }

    .dr-message-from .dr-message-flex .dr-message-left p {
        margin: 30px 0 0
    }

    .dr-message-from .dr-message-flex .dr-message-right {
        text-align: center;
        background-color: var(--white);
        padding: 40px;
        border-bottom: 1px solid
    }

    .dr-message-from .dr-message-flex .dr-message-left {
        text-align: center;
        width: 98%;
        margin: auto;
        padding: 0 20px
    }
}

@media screen and (max-width:767px) {
    .dr-about .dr-about-outer .dr-about-containt .dr-about-desc.performance-list {
        margin: 15px 0 20px
    }

    .dr-about .dr-about-outer .dr-about-containt .dr-about-desc.performance-list>div {
        width: 100%;
        padding: 15px 0;
        border-left: 0;
        border-bottom: 1px solid #bababa
    }
}

@media all and (max-width:600px) {
    .doctors-banner .mdb-flex .dr-details .dr-details-link2 {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .doctors-banner .mdb-flex .dr-details .dr-details-link2 a {
        display: inline-block;
        background-color: #fff;
        padding: 15px 20px;
        font-size: 11px;
        font-weight: 600;
        border-radius: 12px;
        box-shadow: 1px 1px 100px #bcbcbc
    }

    .calendar .calendar-inner .calendar-body .next-dates,
    .calendar .calendar-inner .calendar-body .prev-dates,
    .calendar .calendar-inner .calendar-body div>a {
        font-size: 13px
    }

    .calendar .calendar-inner .calendar-body div:nth-child(-n+7),
    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name img,
    .dr-articles .dr-articles-slider .articles-inner .articles-left .left-by-name span {
        font-size: 15px
    }

    .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label,
    .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label {
        font-size: 18px
    }

    .dr-about .dr-about-outer .imgheart {
        width: 30%;
        bottom: -100px
    }

    .dr-milestones {
        background-image: none
    }

    .dr-message-from .dr-message-heading {
        width: 98%;
        margin: auto;
        padding: 0 20px
    }

    .dr-message-from .dr-message-flex .dr-message-center,
    .dr-message-from .dr-message-flex .dr-message-left {
        text-align: center;
        width: 98%;
        margin: auto;
        padding: 0 20px
    }

    .dr-message-from .dr-message-flex .dr-message-right .dr-mess-name {
        font-size: 20px
    }

    .dr-message-from .dr-message-flex .dr-message-right .dr-message-post,
    .dr-message-from .dr-message-flex .dr-message-right .dr-message-text {
        font-size: 16px
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-left {
        order: 1
    }

    .dr-articles .slick-slider .slick-list {
        border-radius: 20px;
        box-shadow: 1px 1px 20px #ddd
    }

    .dr-articles .dr-articles-slider .articles-inner {
        grid-template-columns: repeat(1, 1fr);
        margin: 0;
        box-shadow: none
    }

    .dr-articles .viewallarticles,
    .dr-media .viewallarticles {
        position: absolute;
        top: initial;
        left: 50%;
        bottom: -50px;
        transform: translate(-50%, 0);
        text-align: center
    }

    .dr-awards {
        padding: 50px 0 40px
    }

    .dr-articles,
    .dr-media {
        padding: 50px 0 90px
    }

    .dr-awards .dr-award-slider .slider-div-inner,
    .dr-milestones .dr-specialization-slider .slider-div-inner,
    .dr-specialization .dr-specialization-slider .slider-div-inner {
        margin: 10px
    }

    .dr-awards .dr-award-slider .slider-div-inner,
    .dr-milestones .dr-specialization-slider .slider-div-inner {
        text-align: center
    }

    .dr-articles .dr-articles-slider .articles-inner .articles-right {
        height: auto;
        padding-bottom: 56.25%
    }
}

@media all and (max-width:360px) {
    .doctors-banner .mdb-flex .dr-details .dr-details-link2 {
        display: block;
        justify-content: space-between;
        align-items: center
    }
}