@charset "utf-8";






@media (max-width: 1800px) {}

@media (max-width: 1600px) {}



@media (min-width: 1200px) and (max-width: 1460px) {.symptoms-section .symptoms-list .symptoms-card .content h4{
        font-size: 16px;
    }
}

@media(min-width: 1200px) and (max-width: 1360px) {.main-header .main-menu ul li{
        margin-right: 10px;
    }.main-header .header-lower .btn-header .btn-page{
        padding: 15px 31px 15px 30px;
    }.main-header .main-menu ul li a{
        font-size: 12px;
    }.sticky-header .main-box .btn-header .btn-page{
        padding: 10px 15px;
    }.sticky-header .main-box{
        gap:0;
    }
}



@media (min-width: 992px) and (max-width: 1199px) {.contactsection .contactForm.form-appointment{
        right: 30px;
    }
}

@media(max-width: 1199px) {.hide-sm, .main-header .main-box, .sticky-header{
        display: none !important;
    }.mobile-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: calc(100% - 14%);
        margin: auto;
    }.nav-outer .mobile-nav-toggler{
        font-size: 25px;
        display: block;
    }#nav-mobile .mm-panels .sub-menu-head{
        font-size: 28px;
        color: #F18835;
        font-weight: 600;
        line-height: 35px;
        margin-bottom: 15px;
    }
    

}




@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 991px) {.contactsection .contactForm.form-appointment{
        position: relative;
        top: 0;
        max-width: 320px;
        right: 0;
        margin: auto;
        margin-bottom: 25px;
    }.footer-section .contact-info{
        margin-bottom: 15px;
    }.slider.owl-theme .owl-dots{
        margin-top: 0;
        bottom: 0;
    }.symptoms-section .symptoms-list .symptoms-card .content{
        padding-right: 15px;
    }.symptoms-section .symptoms-list.symptoms-right .symptoms-card .content{
        padding-left: 15px;
        padding-right: 15px;
    }.cancer-surgery .surgery-content .image{
        margin-bottom: 20px;
    }.appointment-area .form-appointment{
        height: auto;
    }
}

@media (min-width: 1190px) {
  

}

@media (min-width: 992px) {
  

}

@media (max-width: 992px) {
  
}

@media (min-width: 768px) {
   
}
@media (max-width: 768px) {  
  
}



@media (max-width: 767px) {
    .modal.modal-appointment .modal-body .form-appointment{
        padding: 25px;
    }.modal.modal-appointment .modal-header{
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 9;
    }.main-header .top-header{
        display: none;
    }
    .content-grid .content-body h3{
        font-size: 24px;
        line-height: 36px;
    }.page-title .content-box .title{
        font-size: 24px;
        line-height: 36px;
    }.section-title .title{
        font-size: 24px;
        line-height: 36px;
    }.fixed-header .mobile-header{
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        background: #fff;
        border-bottom: 2px solid #0E606E;
        transition: .3s;
    }.mobile-header{
        max-width: 100%;
    }.tratment-sticky{
        display: none;
    }.treatment-banner .container>.row{
        flex-direction: column-reverse;
    }.treatment-banner .treatment-Image img{
        max-width: 150px;
        height: 150px;
        margin-bottom: 15px;
    }.treatment-banner{
        text-align: center;
        padding: 60px 0;
    }.treatment-banner h1{
        font-size: 24px;
        line-height: 36px;
    }.treatment-banner .btn-page{
        justify-content: center;
    }.treatmentContent .tab-content h3{
        font-size: 24px;
        line-height: 36px;
    }.treatmentContent .faq-treatment{
        padding: 25px 15px;
    }.treatmentContent{
        padding-bottom: 50px;
    }.testimonials{
        padding: 50px 0;
    }.appointment-area .form-appointment{
        margin: auto;
    }
    .appointment-area .content-body .appointment-grid{
        margin-bottom: 25px;
    }
    .appointment-area .content-body .appointment-grid .appointment-card h4{
        font-size: 16px;
    }.footer-logo{
        text-align: center;
        margin-bottom: 15px;
    }.footer-section .f-social-media{
        justify-content: center;
    }.cancer-surgery .surgery-content .image img{
        max-width: 150px;
        height: 150px;
    }.associate-section .associate-With .card-associate .image{
        width: 100%;
    }.associate-section .associate-With .card-associate .content{
        width: 100%;
        padding:0;
        padding-top: 15px;
    }.associate-section .doctor-details .outerbox .doctorInfo h6{
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }.associate-section .doctor-details .outerbox .doctorInfo h4{
        font-size: 16px;
        line-height: 26px;
    }.associate-section .doctor-details .outerbox .doctorImage img{
        width: 100px;
        height: 100px;
    }.associate-section .doctor-details .outerbox .doctorInfo{
        width:calc(100% - 100px);
    }.symptoms-section .symptoms-list .symptoms-card .content h4{
        line-height: 30px;
    }.symptoms-section .symptoms-list .symptoms-card .content{
        width: 100%;
        padding: 0 !important;
        text-align: center;
        padding-top: 15px !important;
    }.form-banner.form-appointment{
        display: none;
    }.slider .item .home-banner-outer .banner-content .title{
        font-size: 24px;
        line-height: 36px;
    }.slider .item .home-banner-outer .banner-content .d-flex{
        flex-wrap: wrap;
        justify-content: center;
    }.slider .item .home-banner-outer .banner-content .btn-page{
        padding: 8px 20px;
    }.slider .item .home-banner-outer .btn-group{
        justify-content: center;
    }.aboutdoctor-banner .doctorInfo{
        flex-wrap: wrap;
    }.aboutdoctor-banner .doctorInfo .content{
        width: 100%;
        text-align: center;
        padding: 0;
        padding-top: 15px;
    }.aboutdoctor-banner .doctorInfo .content h1{
        font-size: 24px;
        line-height: 36px;
    }.main-service>.container-fluid{
        max-width: 100%;
    }.main-service .section-title{
        margin-bottom: 15px !important;
    }.content-doctor-profile .doctorInfo{
        display: block;        
    }.content-doctor-profile .doctorInfo .doctorImage{
        width: 100%;
        margin-bottom: 20px;
    }.content-doctor-profile .doctorInfo .content{
        width: 100%;
    }
}

@media (max-width: 575px) {.btn-whatsapp-pulse{
        display: none;
    }#scrollTopBtn{
        display: none;
    }.m-footer{
        display: flex;
    }.footer-bottom{
        padding: 10px 5px;
        margin-bottom: 45px;
    }
    .content-grid .content-body ul{
        column-count: 1;
    }
    .appointment-area .content-body ul{
        column-count: 1;
    }
    .appointment-area .content-body h3{
        font-size: 18px;
        line-height: 30px;
    }
    .appointment-area .content-body .appointment-grid{
        flex-wrap: wrap;
    }.main-service .service-card .content{
        width: 100%;
        padding-left: 0;
        text-align: center;
        padding-top: 15px;
    }.treatment-banner{
        background-position: left !important;
    }
}
@media (max-width: 480px) {.container{
        width: 100%;
        max-width: 100%;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
        margin-right: auto;
        margin-left: auto;
    }.contactsection .contactForm.form-appointment{
        box-shadow: none;
        padding-top: 0;
    }.mobile-header{
        padding: 6px 15px;
    }
    .modal.modal-appointment .modal-body .form-appointment h4 {
        font-size: 16px;
    }
   

}
@media (max-width: 414px) {}

@media (max-width: 411px) {
  
}

@media (max-width: 375px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}