@media screen and (max-width: 1450px) {
    .doctor-profile-blue-card a {
        font-size: 15px !important;
        padding: 12px 20px;
        width: 100%;
        /* Full width on small screens */
        white-space: normal;
        /* Allow wrapping if needed */
    }

    .about-second-content p {
        font: 400 19.5px/30px 'Poppins', sans-serif;
        text-align: start ! important;
    }

    .order-1 {
        order: 0 !important;
    }

    .banner-section img {
        width: 100%;
        height: 366px;
        object-fit: cover !important;
    }

    .card.appointment-card {
        border-radius: 23px;
        box-shadow: 0px 5px 6.800000190734863px 0px #00000069;
        position: relative;
        top: -13px;
        right: -147px;
        margin: auto 37px;
    }

    /*.overviewImg {
        position: absolute;
        right: 0;
        top: -229px;
    }*/
    .overviewImg img {
        width: 100%;
        height: 395px;
        border-radius: 50%;
        object-fit: contain;
    }

    .faqs-section .card {
        border-radius: 0px;
        border-bottom: 1px solid var(--light-blue);
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

    section.faqs-section .card-header {
        padding: 0;
        border: none;
        background: var(--theme-color);
        border-radius: 0;
    }
}

@media screen and (max-width: 1366px) {
    .order-1 {
        order: 0 !important;
    }

    .navbar-brand img {
        max-width: 60%;
        height: auto;
        object-fit: contain;
        margin-left: 56px;
    }

    .sliderContent h1 {
        font: 700 26.5px/46.4px 'Poppins', sans-serif;
        text-align: left;
        color: var(--white);
    }

    .banner-list ul li {
        font: 500 17.66px/36.99px 'Poppins', sans-serif;
        gap: 8px;
    }

    .banner-list ul li span.ellipse-icon {
        width: 12px;
        height: 21px;
    }

    a.white-btn,
    a.white-btn:hover {
        width: 157.55px;
        height: 40px;
        border-radius: 36px;
        font: 700 23.71px/38.57px 'Poppins', sans-serif;
    }

    .card.appointment-card {
        top: -13px;
        right: -22px;
        width: 330px;
    }

    .card.appointment-card .card-body {
        padding: 25px 0px !important;
    }

    .bannerEnquiryHeading h3 {
        font: 700 27px/20.55px 'Poppins', sans-serif;
        text-align: center;
    }

    .theme-btn,
    .theme-btn:hover {
        font: 700 20px/36px 'Poppins', sans-serif;
    }

    .sectionHeading h3 {
        font: 700 31px/54px 'Poppins', sans-serif;
    }

    .about-second-content p,
    ul.unorderList {
        font: 400 17.5px/30px 'Poppins', sans-serif;
        text-align: justify;
    }

    .overviewImg img {
        width: 100%;
        height: 480px;
    }

    .portfolio-title h2 {
        font: 700 35px/50px 'Poppins', sans-serif;
    }

    .portfolio-title p {
        font: 700 22px/32px 'Poppins', sans-serif;
    }

    .custom-img img {
        width: 122.6px;
        height: 122.6px;
        object-fit: contain;
    }

    .custom-card-content {
        font: 600 18.17px/22.2px 'Poppins', sans-serif;
    }

    ul.button-list li a,
    ul.button-list li a:hover {
        display: block;
        padding: 8px 10px;
        font: 700 22px / 32.42px 'Poppins', sans-serif;
        width: 250px;
        height: 50px;
    }

    ul.button-list {
        gap: 25px;
    }

    section.mainBanner {
        position: relative;
        margin-top: 30px;
    }

    .card.appointment-card {
        top: -13px;
        /*        right: 49px !important;*/
        right: 0px !important;
        margin: auto 37px;
    }

    .overviewImg {
        /* position: absolute; */
        right: 0;
        top: 0 !important;
    }

}

@media screen and (min-width: 1366px) {
    .order-1 {
        order: 0 !important;
    }

    .container {
        max-width: 1250px;
    }
}

@media screen and (max-width:1200px) {
    .order-1 {
        order: 0 !important;
    }

    .card.appointment-card {
        top: -13px;
        right: 85px;
        width: 330px;
    }

    .overviewImg img {
        width: 100%;
        height: 250px;
        object-fit: contain;
    }

    .overviewImg {
        /* position: absolute; */
        right: 0;
        top: -229px;
    }
}

@media only screen and (max-width:1025px) {

    .banner-section img {
        width: 100%;
        height: 370px;
        object-fit: contain !important;
        !importan;
        !importa;
        !import;
        !impor;
        !impo;
        !imp;
        !im;
        !i;
        !;
    }

    .sliderContent h1 {
        font: 700 22.8px/46.4px 'Poppins', sans-serif;
        text-align: left;
        color: var(--white);
    }

    .card.appointment-card {
        top: -13px;
        right: 128px;
        width: 330px;
    }

    .overviewImg {
        /* position: absolute; */
        right: 0;
        top: 0;
    }

    .overviewImg img {
        width: 100%;
        height: 450px;
        object-fit: contain;
    }
}

@media only screen and (max-width: 991px) {
    .order-1 {
        order: 1 !important;
    }

    a.navbar-brand {
        width: 100%;
        margin-bottom: 20px;
    }

    section.mainBanner {
        margin-top: 0px !important;
    }

    html {
        overflow-x: hidden;
    }

    body {
        padding-top: 65px;
        overflow-x: hidden;
    }

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none;
    }

    ul.navbar-nav.ml-auto.mr-5 {
        margin-right: 0 !important;
        display: grid;
        justify-content: center;
    }

    nav#mainNav .nav-item>a {
        padding: 10px 0;
        width: 250px;
    }

    nav#mainNav .nav-item {
        padding: 0;
    }

    nav#mainNav .nav-item>i {
        top: 10px;
        padding: 5px 8px;
        background: #43306c;
        color: #fff;
        right: 0;
    }

    .dropMenuWrp {
        opacity: 1;
        width: 100%;
        left: 0;
        position: static;
        visibility: visible;
        min-width: 1px;
        display: none;
    }

    .dropMenuWrp.active {
        display: block;
    }

    .dropMenuWrp {
        padding: 10px;
        position: relative;
        min-width: 100%;
        border-radius: 0 0 3px 3px;
        background: rgb(255 255 255);
        box-shadow: none;
        opacity: 0;
        top: 20px;
        z-index: 0;
        transition: none;
        visibility: hidden;
    }

    .dropdown-items {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .dropMenu:hover .dropMenuWrp {
        opacity: 1;
        top: 100%;
        z-index: 0;
        transition: none;
        visibility: visible;
    }

    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.25rem;
        margin: 12px 0px;
    }

    .sliderContent {
        position: absolute;
        left: 56% !important;
        top: 51%;
        transform: translate(-50%, -50%);
        text-align: center;
        transition: all 400ms ease;
        width: 100%;
    }

    .card.appointment-card {
        top: -3px;
        right: 103px;
        width: 296px;
    }

    .card.appointment-card {
        top: -3px;
        right: 103px;
        width: 296px;
    }

    .sliderContent h1 {
        font: 700 16.8px/28.4px 'Poppins', sans-serif;
        text-align: left;
        color: var(--white);
    }

    .banner-list ul li {
        font: 500 14.66px/31.99px 'Poppins', sans-serif;
        gap: 8px;
    }

    .banner-list ul li span.ellipse-icon {
        width: 10px !important;
        height: 35px !important;
    }

    .bannerEnquiryHeading h3 {
        font: 700 24px/10.55px 'Poppins', sans-serif;
        text-align: center;
    }

    .about-second-content p,
    ul.unorderList {
        font: 400 14.5px/26px 'Poppins', sans-serif;
        text-align: justify;
    }

    .overviewImg img {
        width: 100%;
        height: 197px !important;
        object-fit: contain;
    }

    .custom-card-content {
        font: 600 15.17px/22.2px 'Poppins', sans-serif;
    }

    .overviewImg {
        /* position: absolute; */
        /* right: -5px; */
        /* top: -13em!important; */
        !importan;
        !importa;
        !import;
        !impor;
        !impo;
        !imp;
        !im;
        !i;
        !;
    }

    .slider-container .col-lg-5 {
        display: none;
    }



    .slider-container {
        width: auto;
    }

    .portfolio-title h2,
    .doctor-info h3 {
        font: 700 27px/1.2 'Poppins', sans-serif;
    }

    .doctor-info h6 {
        font: 500 16px / 21.7px 'Poppins', sans-serif;
        color: var(--theme-black-color);
        margin-bottom: 0;
    }

    ul.button-list li a,
    ul.button-list li a:hover {
        display: block;
        padding: 8px 10px;
        font: 700 19px / 36px 'Poppins', sans-serif;
        width: 215px;
        height: 50px;
    }

    .faq-image img {
        width: 100%;
        height: 250px;
        border-radius: 49px;
        object-fit: cover;
    }

    .banner-section img {
        /*        height: calc(100vh - 258px)!important;*/
        height: 615px !important;
    }
}

@media only screen and (max-width: 767px) {
    .procedure-items p {
        width: 100px !important;
        height: 100px !important;
    }
    
    .owl-carousel .owl-nav button.owl-prev{
        left:10px !important;
     }
     .owl-carousel .owl-nav button.owl-next {

    right:10px !important;
     }

    .doctor-profile-blue-card button,
    .doctor-profile-blue-card a {
        font-size: 18px !important;
    }
    .doctor-profile-blue-card a {
        font-size: 15px !important;
        padding: 12px 20px;
        width: 100%;
        /* Full width on small screens */
        white-space: normal;
        /* Allow wrapping if needed */
    }

    .about-second-content p {
        font: 400 19.5px/30px 'Poppins', sans-serif;
        text-align: start ! important;
    }

    .order-1 {
        order: 1 !important;
    }

    nav#mainNav {
        background: transparent;
        padding: 15px 0px !important;
    }


    #mobileForm {
        display: block !important
    }

    .mobile {
        display: block;
    }

    .themeColor {
        margin-left: 5px;
    }

    .banner-section img {
        height: 100% !important;
    }

    .card.appointment-card {
        top: 21px !important;
        margin: auto 37px;
    }

    .sliderContent h2 {
        font-size: 17px;
    }

    .sliderContent h4 {
        font-size: 17px !important;
    }

    .sliderContent a {
        font-size: 14px;
        padding: 2px 20px;
    }

    .sectionHeading {
        text-align: center;
        width: 100%;
    }

    a.navbar-brand {
        width: 100%;
        margin-bottom: 20px;
    }

    .navbar-brand img {
        margin: 0;
        width: 100%;
        max-width: 80% !important;
        margin-left: 0 !important;
    }

    ul.navbar-nav.ml-auto.mr-5 {
        margin-right: 0 !important;
        display: grid;
        justify-content: center;
    }

    nav#mainNav .nav-item>a,
    nav#mainNav .nav-item>a:hover {
        padding: 10px 23px;
        display: flex;
        gap: 7px;
        width: 250px;
        justify-content: center;
        align-items: center;
    }

    nav#mainNav .nav-item {
        padding: 0;
        margin-bottom: 10px;
    }

    .aboutUs {
        padding: 40px 12px;
        background: #F8F8F8;
    }

    .about-second-content p,
    ul.unorderList {
        font: 400 16.5px/30px 'Poppins', sans-serif !important;
        text-align: justify;
    }

    ul.unorderList {
        text-align: start !important;
    }

    .overviewImg {
        position: relative;
        right: 0;
        top: 0 !important;
        !importan;
        !importa;
        !import;
        !impor;
        !impo;
        !imp;
        !im;
        !i;
        !;
    }

    .slider {
        height: 300px;
    }

    .sliderContent {
        /*left: 192px !important;
    top: 230px !important;
    padding: 10px;*/
        left: 0px !important;
        top: 230px !important;
        padding: 10px;
        transform: translate(0%, -50%) !important;
    }

    .slider-container .col-lg-5 {
        display: none;
    }

    .portfolio-title h2,
    .sectionHeading h3,
    .doctor-info h3 {
        font: 700 24.2px/32px 'Poppins', sans-serif !important;
        margin-bottom: 17px;
    }

    .portfolio-title p {
        font: 700 18px/28px 'Poppins', sans-serif;
    }

    .custom-card-content {
        font: 600 16px/22.2px 'Poppins', sans-serif;
        padding: 0;
    }

    .customCard {
        text-align: center;
        margin-bottom: 10px;
    }

    .customCard:last-child,
    .customCard:nth-child(3) {
        margin-bottom: 0;
    }

    section.ourExperiencedSec img {
        margin-bottom: 20px;
    }

    .doctor-info h6 {
        font: 500 18px/28px 'Poppins', sans-serif;
    }

    ul.button-list {
        display: grid !important;
        grid-gap: 10px;
        padding-left: 0px;
    }

    .faq-image img {
        width: 100% !important;
        height: 250px !important;
        object-fit: cover !important;
    }

    div#accordion {
        padding-left: 0 !important;
    }

    .copyRight {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 92px !important;
        align-items: flex-start !important;
        padding: 5px;
    }

    .copyRight p {
        text-align: center;
        font: 600 14px / 20.79px 'Poppins', sans-serif !important;
    }

    .stickyBtn {
        display: block;
        position: fixed;
        right: -55px;
        top: 50%;
        transform: rotate(-90deg);
        padding: 7px 20px;
        background: var(--light-blue);
        border: none;
        color: #fff;
        border-radius: 10px 10px 0px 0px;
        outline: none;
        cursor: pointer;
        box-shadow: none;
        z-index: 1;
    }

    .appointmentBtn {
        display: none;
    }

    .appointmentBtn {
        display: block;
        position: fixed;
        left: 0%;
        top: auto !important;
        width: 100% !important;
        bottom: 0% !important;
        transform: rotate(0deg) !important;
        padding: 7px 20px;
        background: var(--light-blue);
        border: none;
        color: #fff;
        border-radius: 10px 10px 0px 0px;
        outline: none;
        cursor: pointer;
        box-shadow: none;
        z-index: 1;
        cursor: pointer;
        transition: all 200ms linear;
        transition-delay: 0.1s;
    }

    .modal-dialog {
        top: 106px;
    }

    #bookAppointment .close {
        position: absolute;
        right: 0px;
        top: -25px;
        background: var(--light-blue);
        color: var(--theme-black-color);
        text-shadow: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        opacity: unset;
        z-index: 99;
    }

    .modal-body {
        padding: 3rem 6px 2rem;
    }

    .modal-content {
        width: 90% !important;
        left: 17px;
    }

    .banner-list ul li {
        font: 500 16.66px/31.99px 'Poppins', sans-serif;
        gap: 8px;
    }

    .sliderContent h1 {
        font: 700 18.8px/28.4px 'Poppins', sans-serif;
        text-align: left;
        color: var(--white);
    }

    section.mainBanner {
        position: relative;
        margin-top: 46px !important;
    }

    .slider-container {
        width: 100% !important;
    }

    section.faqs-section {
        padding: 45px 18px !important;
    }

    .appointmentBtn.desktop {
        display: none !important;
    }

}

/*@media only screen and (max-width: 411px) {
/*@media  (min-width: 465px) and (max-width: 767px){*/
/*    .banner-section img {*/
/*        height: calc(100vh - 733px)!important*/
/*    }*/
/*}*/
@media only screen and (min-width: 425px) and (max-width: 425px) {

    /*@media  (min-width: 465px) and (max-width: 767px){*/
    .banner-section img {
        height: calc(100vh - 932px) !important
    }
}