@media(min-width:992px){
    .has-dropdown:hover > .dropdown{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        border: 1px solid #00a8c5;
        border-bottom: 0;
    }
    .has-submenu:hover > .submenu{
        opacity:1;
        visibility:visible;
        border: 1px solid #00a8c5;
        border-bottom: 0;
    }
}

@media(min-width:1200px) and (max-width:1240px){
    .nav-menu>li>a{
        padding: 5px 7px;
    }
}

@media(max-width:1199px){
    .header{
        background: #fff;
        box-shadow: 0 0px 10px rgba(0, 0, 0, .08);
    }
    .header-inner{
        flex-wrap:wrap;
    }
    .logo-box{
        width:100%;
        clip-path:none;
    }
    .menu-toggle{
        display:block;
        position:absolute;
        right:0px;
        top:15px;
    }
    .menu{
        width:100%;
    }
    .nav-menu{
        width:100%;
        display:none;
        flex-direction:column;
        background:#00a8c5;
    }
    .nav-menu.active{
        display:flex;
    }
    .nav-menu>li{
        width:100%;
    }
    .nav-menu>li>a{
        padding:15px 20px;
    }
    .dropdown{
        position:static;
        width:100%;
        opacity:1;
        visibility:visible;
        display:none;
        transform:none;
    }
    .submenu{
        position:static;
        width:100%;
        opacity:1;
        visibility:visible;
        display:none;
    }
    .dropdown.active{
        display:block;
    }
    .submenu.active{
        display:block;
    }
    .book-btn{
        display:block;
        margin:15px;
        text-align:center;
        padding:12px 20px;
        background: #f89f1f;
    }
    .header:before{
        display: none;
    }
    .hero-btns .btn-1, .hero-btns .btn-2{
        font-size: 16px;
        padding: 10px 16px;
    }
    .hero-tag{
        left: 32%;
    }
    .hero-content h1{
        font-size: 38px;
    }
    .hero-slider .swiper-pagination{
        bottom: 30px !important;
    }
    .services-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .journey-prev {
        left: -55px;
    }
    .journey-next {
        right: -55px;
    }
    .trust-footer{
        font-size: 17px;
    }
    .footer-widget .consult-btn{
        padding: 11px 11px;
        font-size: 16px;
    }
    .dvp-designation{
        font-size: 20px;
    }
    .dvp-degree-list span{
        padding: 3px 10px 1px;
    }
    .smwc-top-left{
        left: 10px;
    }
    .smwc-bottom-right{
        right: 10px;
    }
    .tstm-section-inner{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:991px){
    .hero-content{
        padding:90px 25px 60px;
    }
    .hero-content h1{
        font-size:33px;
        margin-bottom: 20px;
    }
    .hero-tag:before,
    .hero-tag:after{
        display:none;
    }
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next{
        width:45px;
        height:45px;
    }
    .hero-slider .swiper-button-prev{
        left:10px;
    }
    .hero-slider .swiper-button-next{
        right:10px;
    }
    .hero-slider .swiper-pagination{
        padding-left:20px;
    }
    .doctor-image{
        margin-bottom:40px;
    }
    .about-content{
        padding:30px;
    }
    .about-content h2{
        font-size:40px;
    }
    .about-content h3{
        font-size:28px;
    }
    .left-service-banner img{
        min-height:350px;
    }
    .service-banner-content h3{
        font-size:26px;
    }
    .service-banner-content{
        left: 20px;
        bottom: 20px;
        right: 20px;
    }
    .treatment-content{
        padding:20px;
    }
    .treatment-content h3{
        font-size:30px;
    }
    .mini-treatment{
        flex-direction:column;
        align-items:flex-start;
    }
    .mini-treatment img{
        width:100%;
        height:200px;
    }
    .view-btn{
        margin:0 15px 15px;
    }
    .consultation-cta .btn-1{
        padding: 12px 11px;
    }
    .drvt-exp-top{
        flex-direction:column;
    }
    .hero-tag {
        left: 0;
        margin-bottom: 18px;
    }
    .hero-content p{
        display: none;
    }
    .hero-btns .btn-1, .hero-btns .btn-2 {
        font-size: 15px;
        padding: 4px 5px;
    }
    .hero-row{
        height: 400px;
    }
    .mh-principles{
        grid-template-columns: repeat(1, 1fr);
    }
    .counter-section .row, .hat-section .row{
        gap: 25px 0;
    }
    .why-title{
        font-size: 40px;
    }
    .why-content p{
        font-size: 17px;
    }
    .reason-box{
        font-size: 18px;
        padding: 16px 25px;
    }
    .family-box{
        padding: 35px;
    }
    .family-box h3{
        font-size: 26px;
    }
    .footer-map{
        height: 170px;
    }
    .footer-bottom{
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    .dvp-image-wrapper{
        width: 450px;
        margin: 0 auto 20px;
    }
    .dvp-content-area{
        text-align: center;
    }
    .dvp-content-flex, .dvp-contact-box{
        justify-content: center;
    }
    .mhip-section .col-lg-8{
        order: -1;
    }
    .mhip-sidebar{
        margin-top: 30px;
    }
}

@media(max-width:767px){
    .drvt-expertise-sec{
    }
    .drvt-exp-heading{
        margin-bottom:45px;
    }
    .drvt-exp-heading h2{
        font-size:34px;
    }
    .drvt-exp-heading p{
        font-size:18px;
    }
    .drvt-exp-icon{
        width:55px;
        height:55px;
        font-size:22px;
    }
    .drvt-exp-icon:before,
    .drvt-exp-icon:after{
        display:none;
    }
    .hero-row{
        flex-direction: column;
        height: 300px;
    }
    .hero-image img{
        height: 300px;
    }
    .hero-content, .hero-image{
        width: 100%;
    }
    .hero-content{
        overflow: unset;
        padding: 0 25px;
        padding-top: 100px;
        text-align: center;
        position: absolute;
    }
    .hero-content h1{
        color: #fff;
    }
    .hero-image:before{
        position: absolute;
        content: '';
        background: #000;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.4;
    }
    .hero-btns{
        justify-content: center;
    }
    .hero-tag, .hero-slider .swiper-pagination{
        display: none;
    }
    .hero-image img{
        object-position: bottom;
    }
    .hero-content:before, .hero-content:after{
        display: none;
    }
    .cta-box{
        text-align: center;
    }
    .consultation-cta .btn-1 {
        padding: 9px 12px;
        margin-top: 10px;
    }
    .section-title h2{
        font-size: 34px;
    }
    .section-title{
        margin-bottom: 40px;
    }
    .mh-tab{
        padding: 8px 16px;
    }
    .mh-title{
        font-size: 24px;
    }
    .section-title h3{
        font-size: 20px;
    }
    .dvp-content-flex{
        flex-direction: column;
        gap: 10px;
    }
    .smwc-quote blockquote{
        font-size: 20px;
    }
    .tstm-section-inner{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width:575px){
    .logo-box img {
        height: 40px;
    }
    .logo-content h2{
        font-size: 22px;
    }
    .logo-content p{
        line-height: 17px;
        font-size: 13px;
    }
    .logo-box{
        gap: 8px;
    }
    .hero-content h1{
        font-size: 22px;
    }
    .hero-btns .btn-2{
        display: none;
    }
    .hero-row, .hero-image img{
        height: 250px;
    }
    .hero-content{
        padding-top: 80px;
    }
    .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{
        width: 30px;
        height: 30px;
    }
    .about-content::after{
        display: none;
    }
    .about-content {
        padding: 20px;
        text-align: center;
    }
    .about-content h2 {
        font-size: 30px;
    }
    .about-content h5, .qualification{
        font-size: 17px;
    }
    .experience-badge{
        font-size: 17px;
        line-height: 20px;
    }
    .about-content h3 {
        font-size: 21px;
    }
    body{
        font-size: 16px;
        line-height: 26px;
    }
    .about-btns{
        justify-content: center;
        gap: 10px;
    }
    .btn-1{
        padding: 8px 16px;
        font-size: 16px;
    }
    .btn-2{
        padding: 7px 16px;
    }
    .education-list li{
        text-align: left;
    }
    .space{
        padding: 55px 0;
    }
    .space-top{
        padding-top: 55px;
    }
    .space-bottom{
        padding-bottom: 55px;
    }
    .section-title h2 {
        font-size: 26px;
    }
    .section-title p{
        font-size: 16px;
    }
    .left-service-banner, .treatment-content2{
        height: 250px;
    }
    .treatment-content2{
        height: 500px;
    }
    .left-service-banner img{
        min-height: 250px;
    }
    .service-banner-content h3 {
        font-size: 20px;
    }
    .treatment-content h3 {
        font-size: 20px;
    }
    .treatment-content h3 br{
        display: none;
    }
    .treatment-info h4{
        font-size: 18px;
    }
    .mini-treatment img{
        height: 130px;
    }
    .view-btn{
        padding: 4px 10px;
    }
    .treatment-section .swiper-button-next, .treatment-section .swiper-button-prev{
        width: 32px;
        height: 32px;
    }
    .mh-tab{
        width: 100%;
        padding: 10px 15px;
    }
    .mh-box{
        padding: 22px;
    }
    .mh-title {
        font-size: 20px;
    }
    .mh-card{
        padding: 18px;
        padding-left: 58px;
    }
    .mh-card i{
        width: 30px;
        height: 30px;
        line-height: 30px;
        left: 15px;
        top: 22px;  
    }
    .section-title h4{
        font-size: 26px;
    }
    .section-title {
        margin-bottom: 30px;
    }
    .section-title h3 {
        font-size: 18px;
    }
    .counter-icon{
        width: 40px;
        height: 40px;
    }
    .counter-icon span{
        width: 20px;
        height: 20px;
    }
    .counter-box h3, .plus{
        font-size: 36px;
    }
    .counter-line{
        margin-top: 10px;
    }
    .counter-box{
        padding: 20px;
    }
    .journey-section .section-title p{
        font-size: 17px;
    }
    .timeline-year{
        width: 70px;
        height: 70px;
        font-size: 18px;
    }
    .timeline-card{
        padding: 13px 13px 10px;
    }
    .timeline-card h3{
        font-size: 17px;
    }
    .timeline-card .designation{
        line-height: 22px;
    }
    .journey-prev, .journey-next{
        width: 30px;
        height: 35px;
        font-size: 16px;
    }
    .journey-prev {
        left: -40px;
    }
    .journey-next{
        right: -40px;
    }
    .experience-box{
        flex-direction: column;
        margin-top: 40px;
        gap: 10px;
    }
    .experience-box .divider, .why-subtitle .dot{
        display: none;
    }
    .exp-text, .exp-year{
        font-size: 18px;
    }
    .why-title {
        font-size: 26px;
    }
    .why-doctor-section .designation, .experience{
        font-size: 19px;
    }
    .why-subtitle{
        flex-direction: column;
        gap: 10px;
    }
    .why-content{
        text-align: center;
    }
    .why-content p, .family-box p {
        font-size: 16px;
    }
    .reason-title h3{
        font-size: 22px;
    }
    .reason-box i{
        margin-right: 8px;
    }
    .reason-box {
        font-size: 16px;
        padding: 12px 20px;
        display: flex;
        align-items: baseline;
    }
    .family-box {
        padding: 25px;
    }
    .family-box h3 {
        font-size: 20px;
    }
    .doctor-buttons{
        flex-direction: column;
    }
    .footer h3{
        font-size: 24px;
    }
    .doctor-info p{
        margin-bottom: 6px;
    }
    .footer h4{
        font-size: 21px;
    }
    .services-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-item strong{
        font-size: 17px;
    }
    .contact-item{
        margin-bottom: 12px;
    }
    .footer-map {
        height: 120px;
    }
    .map-btn{
        padding: 8px;
    }
    .footer-bottom{
        margin-top: 5px;
    }
    .bottom-social ul li a{
        width: 25px;
        font-size: 17px;
    }
    .dvp-image-box{
        width: 280px;
    }
    .dvp-exp-box h2{
        font-size: 30px;
    }
    .dvp-exp-box span {
        font-size: 14px;
    }
    .dvp-exp-box{
        top: -25px;
        left: -8px;
    }
    .dvp-social-icons a{
        width: 35px;
        height: 35px;
        font-size: 17px;
    }
    .dvp-image-wrapper{
        width: auto;
    }
    .dvp-degree-list{
        justify-content: center;
    }
    .dvp-contact-text{
        font-size: 17px;
    }
    .dvp-contact-icon{
        width: 32px;
        height: 32px;
        font-size: 17px;
        margin-right: 8px;
    }
    .dvp-contact-box{
        margin-bottom: 10px;
    }
    .drvt-exp-card, .drvt-edu-card, .smwc-card, .sec-warning-box, .sec-important-box{
        padding: 20px;
    }
    .drvt-exp-iconbox, .smwc-card-icon{
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    .drvt-exp-iconbox:before{
        width: 8px;
        height: 8px;
        top: -4px;
        right: -4px;
    }
    .drvt-exp-top h3{
        font-size: 19px;
    }
    .drvt-exp-special span{
        font-size: 16px;
    }
    .drvt-exp-tags span, .drvt-edu-year{
        padding: 3px 10px;
    }
    .drvt-exp-tags{
        gap: 7px;
    }
    .drvt-edu-card h3{
        font-size: 20px;
    }
    .smwc-card-icon{
        margin-bottom: 14px;
    }
    .smwc-card h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .sec-alert-title{
        font-size: 21px;
        margin-bottom: 12px;
    }
    .sec-alert-desc{
        margin-bottom: 15px;
    }
    .sec-info-item{
        padding: 9px 14px;
        gap: 10px;
    }
    .smwc-quote blockquote {
        font-size: 17px;
    }
    .smwc-top-left, .smwc-bottom-right{
        display: none;
    }
    .smwc-counter h2{
        font-size: 30px;
    }
    .smwc-counter{
        padding: 10px 10px 7px;
    }
    .smwc-quote .row{
        gap: 20px 0;
    }
    .smwc-quote{
        padding: 30px 15px 20px;
    }
    .smwc-arrow{
        display: none;
    }
    .dvp-doctor-name{
        font-size: 34px;
    }
    .section-title h2 i{
        margin-right: 4px;
    }
    .mhip-banner{
        min-height: 300px;
    }
    .mhip-banner img{
        height: 300px;
    }
    .mhip-banner-content{
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .mhip-banner-content h1{
        font-size: 24px;
        margin-bottom: 8px;
    }
    .mhip-banner-content p{
        line-height: 24px;
        font-size: 15px;
    }
    .mhip-content-section{
        padding: 22px;
    }
    .mhip-section-heading span{
        width: 30px;
        height: 30px;
    }
    .mhip-section-heading h2{
        font-size: 20px;
    }
    .mhip-treatment-box{
        padding: 15px;
    }
    .mhip-treatment-box h4{
        font-size: 18px;
        margin-bottom: 8px;
    }
    .mhip-consultation{
        padding: 22px;
    }
    .mhip-consultation h3{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .mhip-sidebar h2{
        font-size: 24px;
    }
    .mhip-group-title{
        font-size: 19px;
    }
    .mhip-help-box h3{
        font-size: 20px;
    }
    .mhip-help-box{
        padding: 18px;
    }
    .sec-icon{
        width: 35px;
        height: 35px;
        font-size: 30px;
    }
    .hat-map {
        height: 150px;
    }
    .hat-content h3{
        font-size: 20px;
    }
    .hat-info {
        margin-bottom: 18px;
    }
    .hat-info h5{
        margin-bottom: 6px;
    }
    .hat-line{
        width: 50px;
        margin-bottom: 20px;
    }
    .tstm-card{
        padding: 22px;
    }
    .tstm-user-icon{
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .tstm-user, .tstm-footer{
        gap: 10px;
    }
    .dcc-card{
        padding: 22px;
    }
    .dcc-card h3{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .dcc-card h5{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .dcc-degree span{
        padding: 1px 10px 0px;
    }
    .dcc-about {
        margin-bottom: 15px;
    }
    .dcc-card h4{
        font-size: 19px;
        margin-top: 15px;
        margin-bottom: 6px;
    }
    .dcc-card iframe{
        height: 130px;
    }
    .dcc-field input, .dcc-field textarea{
        padding: 8px 15px;
    }
    .dcc-field {
        margin-bottom: 15px;
    }
}