@charset "utf-8";

/* CSS Document */


/*---For Laptop---*/

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

@media (max-width: 1600px) {
    .container {
        max-width: calc(100% - 8%);
    }

}
@media (min-width: 1200px) and (max-width: 1500px) {
    .header-sec .main-box .navbar-nav li a{
        margin-right: 20px;
    }
    .middle-appointment-section {
        padding: 50px 80px;
    }
    .Specialist-Doctor-outer .info-list ul li span i {
        /* font-size: 20px; */
        /* vertical-align: baseline; */
    }

    .Specialist-Doctor-outer .timing-appointment .appointment-Clinic ul li{
        font-size: 14px;
        line-height: 20px;
    }
    .box-outer-appointment {
        padding: 25px 30px;
    }

}
/*---For Laptop---*/

@media (min-width: 1200px) and (max-width: 1400px) {
    .header-sec .btn-page{
        font-size: 13px;
        padding: 10px 20px;
        margin-left: 5px;
    }
    /* .header-sec .header-lower .main-box .nav-outer .navbar-nav li a{
        padding: 5px 11px;
    } */
    .Specialist-Doctor-outer h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .best-physician-contact .title-choose h3{
        font-size: 30px;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h4{
        font-size: 40px;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h6{
        font-size: 16px;
    }
    .doctor-profile-box .header .inner-text h3{
        font-size: 30px;
    }
    .what-does-section .what-does-inner h3 {
        font-size: 30px;
    }
    .contact-main-form {
        padding: 80px 30px;
    }
    .homepage-heading h3 {
        font-size: 30px;
    }
    .doctor-profile-section .doctor-profile-heading h3{
        font-size: 30px;
    }
    .about-doctor .doctor-info h3{
        font-size: 33px;
    }
    .main-menu .navigation>li.dropdown a:after {
        margin-top: 4px;
    }
    .header-sec .main-box .navbar-nav li a{
        margin-right: 15px;
        font-size: 15px;
    }
    .second-appointment-section{
        padding: 0;
    }
}


/*---For Horizental iPad---*/
@media (min-width: 992px) and (max-width: 1199px) {
    .header-top .left-side-bar{
        padding: 14px 25px 14px 94px;
    }
    .right-side-bar{
        padding: 14px 94px 14px 0;
    }
    .mobile-header{
        padding: 13px 94px;
    }
    .banner-section .info-doctor h4 {
        font-size: 36px;
        line-height: 40px;
    }
    .banner-section .info-doctor h6 {
        font-size: 18px;
        line-height: 20px;
    }
    .form-slider .slide-book-appointment{
        padding: 40px 0;
    }
    .banner-section{
        height: auto;
    }
    .about-section{
        padding: 0 94px;
    }
    .our-service-outer{
        padding: 15px 0;
    }
    .our-service-outer .inner-box {
        padding: 36px 16px;
    }
    .our-service-outer .inner-box .text-service h4 {
        font-size: 16px;
    }
    .why-choose-section .slide-book-appointment {
        padding-left: 10px;
    }
    .middle-appointment-section {
        padding: 50px 0;
    }
    .Specialist-Doctor-outer h3 {
        font-size: 26px;
        line-height: 35px;
    }
    .faq-tabs ul li.nav-item {
        width: 100px;
        height: 100px;
    }
    .accordion.accordion-faq-section .accordion-item .accordion-button {
        font-size: 15px;
    }
    .accordion.accordion-faq-section .accordion-item .accordion-button::before {
        width: 20px;
        height: 20px;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h4 {
        font-size: 40px;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h6 {
        font-size: 16px;
    }
    .banner-page .overlayer {
        padding: 50px 94px;
    }

}

@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;
    }
    .contact-footer{
        width: 100%;
    }
    .nav-outer .mobile-nav-toggler {
        font-size: 25px;
        display: block;
    }
    .mobile-header .nav-outer{
        margin-left: auto;
    }
    .header-top{
        display: none;
    }
    .about-doctor-details .details-doctor{
        padding: 20px 20px;
    }
    .slide-book-appointment .inner-box{
        height: auto;
    }
    .second-appointment-section{
        padding: 0;
    }
    .links-footer{
        padding: 0;
    }
    .links-footer .content-footer ul li a{
        font-size: 12px;
    }
    .banner-page .overlayer .slide-book-appointment {
        padding: 0;
    }
    .mm-listview li:nth-child(5) a{
        position: relative;
    }
}


/*---For Vertical iPad---*/

@media (min-width: 768px) and (max-width: 991px) {
    .contact-footer{
        position: relative;
        top: 0;
        border-radius: 20px;
    }
    .links-footer{
        margin: 15px 0;
    }
    .nav-outer .mobile-nav-toggler {
        font-size: 25px;
        display: block;
    }
    .mobile-header .nav-outer{
        margin-left: auto;
    }
    .header-top{
        display: none;
    }
    .slide-bottom-contact .contact-box{
        margin: 10px 0;
    }
    .outer-box-experience .icon-box{
        margin:0 auto 15px;
    }
    .outer-box-experience{
        flex-direction: column;
        text-align: center;
    }
    .form-slider .slide-book-appointment{
        padding: 40px 0;
    }
    .banner-section{
        height: auto;
    }
    .mobile-header{
        padding: 13px 70px;
    }
    .homepage-heading h3 {
        font-size: 26px;
        line-height: 32px;
    }
    .about-section {
        padding: 0;
    }
    .our-service-outer{
        padding: 15px 0;
    }
    .our-service-outer .inner-box{
        padding:20px 10px;
    }
    .our-service-outer .inner-box .text-service h4{
        font-size: 15px;
        line-height: 25px;
    }
    .why-choose-section .slide-book-appointment{
        padding: 0;
    }
    .middle-appointment-section{
        padding: 50px 0;
    }
    .Specialist-Doctor-outer h3{
        font-size: 24px;
        line-height: 35px;
    }
    .Specialist-Doctor-outer h3 br{
        display: none;
    }
    .box-outer-appointment {
        display: 25px 10px;
    }
    .general-physician-outer .img-icon {
        width: 50px;
        height: 50px;
        margin: 0 auto 20px;
    }
    .general-physician-outer .img-icon img{
        width: 100%;
        height: 100%;
    }
    .general-physician-outer h5{
        font-size: 16px;
        line-height: 20px;
    }
    .general-physician-outer{
        padding: 15px 0;
    }
    .best-physician-contact .slide-book-appointment{
        padding: 40px 0;
    }
    .banner-page .overlayer .container-box {
        width: 100%;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h4{
            font-size: 36px;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h6{
        font-size: 14px;
    }
    .banner-page .overlayer .container-box .service-list{
        width: 100%;
    }
    .banner-page .overlayer .container-box .service-list ul{
        width: 100%;
        justify-content: space-between;
        align-items: start;
    }
    .banner-page .overlayer .container-box .service-list ul li .icon{
        margin: 0 auto 15px;
    }
    .qualification-section .inner-box .left-sidebar {
        width: 100%;
    }
    .qualification-section .inner-box .right-sidebox {
        width: 100%;
        margin-left: 0;
        padding: 15px 30px;
    }
    .qualification-section .inner-box .left-sidebar ul {
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        border: 0;
        overflow: auto;
        width: 100%;
        margin-bottom: 15px;
    }
    .qualification-section .inner-box {
        display: flex;
        justify-content: start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .qualification-section .inner-box .left-sidebar ul li {
        margin: 10px 10px;
        width: 100%;
    }
    .qualification-section .inner-box .left-sidebar ul li a{
        width: max-content;
    }
    .banner-page .overlayer {
        padding: 50px 80px;
    }
    .banner-page .overlayer .form-slider .slide-book-appointment{
        display: none;
    }
    .box-outer-appointment {
        padding: 25px 20px;
    }
   .form-slider{
        display: none;
    }
}
@media (min-width: 768px){
    .container {
        max-width: calc(100% - 14%);
    }

}

/*---For Mobile---*/

@media (max-width: 767px) {
    .nav-outer .mobile-nav-toggler {
        font-size: 25px;
        display: block;
    }
    .fixed-header .mobile-header {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        background: #fff;
        border-bottom: 1px solid #dbdbdb;
        transition: 0.3s;
        z-index: 9999;
    }
    .header-top {
        display: none;
    }
    .header-sec {
        padding:0;
    }
    .main-header .logo-header img {
        height: 40px;
    }

    .contact-footer{
        position: relative;
        margin-top: 20px;

    }
    .links-footer{
        margin: 15px 0;
        padding: 0;
    }
    .mobile-header .nav-outer{
        margin-left: auto;
    }
    .header-top{
        display: none;
    }
    .form-slider{
        display: none;
    }
    .mobile-header {
        padding: 10px 15px;
    }
    .banner-section{
        height: auto;
    }
    .banner-section .over-layer {
        padding:50px 0;
    }
    .banner-section .info-doctor{
        width: auto;
    }
    .slide-doctor-img{
        width: 40%;
    }
    .slide-doctor-img img{
        object-position: center;
        object-fit: contain;
    }
    .banner-section .over-layer .container-banner{
        justify-content: space-between;
    }
    .slide-bottom-contact .contact-box{
        margin: 10px 0;
    }
    .slide-bottom-contact .contact-box .icon i {
        font-size: 24px;
    }
    .slide-bottom-contact .contact-box .icon {
        width: 30px;
        height: 30px;
    }
    .homepage-heading h3{
        font-size: 22px;
        line-height: 30px;
    }
    .about-section {
        padding:0;
    }
    .why-choose-section .why-choose-innerbox {
        padding: 16px 10px;
    }
    .why-choose-section .slide-book-appointment{
        padding: 20px 0;
    }
    .middle-appointment-section {
        padding: 50px 20px;
    }
    .second-appointment-section{
        padding: 20px 0;
    }
    .accordion.accordion-faq-section .accordion-item .accordion-button {
        font-size: 18px;
    }
    .accordion.accordion-faq-section .accordion-item .accordion-button::before{
        padding: 5px;
    }
    .accordion.accordion-faq-section .accordion-item .accordion-button::before{
        font-size: 13px;
    }
    .slide-bottom-contact .contact-box{
        margin: 10px 0;
    }
    .outer-box-experience .icon-box{
        margin:0 auto 15px;
    }
    .outer-box-experience{
        flex-direction: column;
        text-align: center;
    }
    .Specialist-Doctor-outer h3{
        font-size: 24px;
        line-height: 30px;
    }
    .faq-tabs ul{
        justify-content: center;
    }
    .homepage-heading p br{
        display: none;
    }
    .why-choose-section .title-choose h3{
        font-size: 22px;
        line-height: 30px;
    }
    .innerbox-about .left-side-border{
        position: relative;
        width: 0;
    }
    .innerbox-about .header-profile{
        flex-direction: column;
    }
    .innerbox-about .header-profile{
        text-align: center;
    }
    .general-physician-outer .img-icon {
        width: 50px;
        height: 50px;
        margin: 0 auto 20px;
    }
    .general-physician-outer .img-icon img{
        width: 100%;
        height: 100%;
    }
    .own-medical .overlayer{
        padding: 60px 30px;
    }
    .contact-main-form {
        padding: 20px 10px;
    }
    .contact-main-form .getin-touch{
        padding:50px 0;
    }
    .doctor-profile-box{
        padding: 30px 0;
    }
    .what-does-section .what-does-inner li{
        align-items: flex-start;
    }
    .doctor-profile-box .header{
        flex-direction: column;
        text-align: center;
    }
    .what-does-section .what-does-inner h3 {
        font-size: 30px;
        line-height: 40px;
    }
   .best-physician-contact .slide-book-appointment{
        padding: 50px 0;
    }
    .doctor-profile-box .header .icon-doctor{
        margin-bottom: 15px;
    }
    .doctor-profile-box .header .inner-text h3{
        font-size: 26px;
    }
    .own-medical .overlayer .medical-inner-box h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .doctor-profile-section .doctor-profile-heading h3 {
        font-size: 30px;
        line-height: 50px;
    }
    .accordion-item.container-faq {
        padding:  0;
    }
    .banner-page .overlayer{
        padding: 50px 30px;
    }
    .banner-page .overlayer .container-box{
        width: 100%;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h4{
        font-size: 36px;
        line-height: 50px;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h6{
        font-size: 16px;
        line-height: 20px;
        margin: 0;
    }
    .banner-page .overlayer .container-box .service-list{
        width: 100%;
        display: none;
    }
    .banner-page .overlayer .container-box .service-list ul{
        width: 100%;
        align-items: start;
    }
    .banner-page .overlayer .container-box .service-list ul li .icon{
        margin: 0 auto 15px;
    }
    .about-doctor .doctor-info h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .about-doctor .doctor-info {
        padding: 50px 0 0;
    }
    .info-doctor .left-doc-img img{
        width: auto;
        height: auto;
    }
    .features-list ul li{
        margin-right: 0;
        width: 50%;
        margin-bottom: 15px;
    }
    .banner-section .info-doctor h4 {
        font-size: 26px;
        line-height: 30px;
    }
    .banner-section .info-doctor h6 {
        font-size: 15px;
        line-height: 25px;
    }
    .banner-section .info-doctor h5.top-text{
        font-size: 12px;
    }
    .slide-bottom-contact{
        display: none;
    }
    .innerbox-about .header-profile .text-doctor{
        width: 100%;
    }
    .why-choose-section hr {
        display: none;
    }
    .box-outer-appointment {
        padding: 25px 15px;
    }
    .qualification-section .inner-box {
        padding: 20px 0;
    }
    .qualification-section .inner-box .left-sidebar {
        width: 100%;
    }
    .qualification-section .inner-box .right-sidebox {
        width: 100%;
        margin-left: 0;
        padding: 15px 30px;
    }
    .qualification-section .inner-box .left-sidebar ul {
        display: inline-flex;
        flex-direction: row;
        /* justify-content: center; */
        flex-wrap: nowrap;
        border: 0;
        overflow: auto;
        width: 100%;
        margin-bottom: 15px;
    }
    .qualification-section .inner-box {
        display: flex;
        justify-content: start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .qualification-section .inner-box .left-sidebar ul li {
        margin: 10px 10px;
        width: 100%;
    }
    .qualification-section .inner-box .left-sidebar ul li a{
        width: max-content;
    }
    .Specialist-Doctor-outer h3 br{
        display: none;
    }
    .Specialist-Doctor-outer .timing-appointment .d-flex{
        flex-wrap: wrap;
    }
    .Specialist-Doctor-outer .timing-appointment .appointment-Clinic:first-child{
        border: 0;
        margin: 0;
    }
    .contact-main-form .getin-touch .timing .d-flex{
        flex-wrap: wrap;
    }
    .contact-main-form .getin-touch .timing .Hospital-timeing:first-child{
        border: 0;
        margin: 0;
    }
    .doctor-profile-box .header .inner-text{
        width: auto;
    }
    .banner-page .overlayer .container-box .inner-box{
        align-items: flex-start;
    }
    /* .banner-page .overlayer .container-box .inner-box .img-doctor{
        display: none;
    } */
    .banner-section .info-doctor .btn-slide .btn-page{
        display: none;
    }
    .features-list ul{
        flex-wrap: wrap;
    }
    /* .slide-book-appointment .inner-box form{
        border: 1px solid #868686;
    } */
    .banner-section .info-doctor{
        width: 100%;
        align-items: flex-start;
    }
    .faq-tabs{
        overflow-x: auto;
    }
    .faq-tabs ul.nav.nav-tabs {
        border: 0;
        display: inline-flex;
        flex-wrap: nowrap;
    }
    .accordion.accordion-faq-section .accordion-item .accordion-body {
        padding: 10px 0;
    }
    .accordion.accordion-faq-section .accordion-item .accordion-button{
        padding: 15px 0;
    }
    .our-service-outer .inner-box .text-service p{
        height: auto;
    }
    .faq-homepage li{
        margin-bottom: 20px;
    }
    .consulting-address {
        padding: 0 15px;
    }
    
    .consulting-box .consulting-title h4{
        transform: unset;
        writing-mode: unset;
        font-size: 22px;
        padding: 15px 0;
    }
    .clinic-timeing{
        padding: 0;
    }
    .clinic-timeing .heading-clinic h4{
        writing-mode: unset;
        transform: unset;
    }
    .clinic-timeing .box-inner-timeing{
        flex: unset;
        width: 100%;
        margin: 5px 0;
    }
    .clinic-timeing .box-clinic-timeing h4 {
        width: 100%;
        margin-bottom: 5px;
    }
    .clinic-timeing .box-clinic-timeing {
        margin: 10px 0;
        flex-wrap: wrap;
    }
    .doctor-porfile-contact{
        padding: 0 20px;
    }
    .outerbox-hospital-address .address-hospital{
        flex-wrap: wrap;
    }
    .address-hospital .img-hospital{
        width: 100%;
    }
    .address-hospital .inner-text{
        width: 100%;
    }
}
@media (max-width: 575px) {
    .outer-box-experience {
        margin-bottom: 15px;
    }
    .middle-Experience-section .over-layer{
        padding: 40px 0;
    }
    .slide-doctor-img{
        display: none;
    }
    .banner-section .info-doctor p br{
        display: none;
    }
    .banner-section .info-doctor{
        width: 100%;
        align-items: flex-start;
    }
    .box-outer-appointment{
        padding: 25px 10px;
    }
    .best-physician-contact .title-choose h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .contact-main-form .getin-touch ul li span i {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
    #appointment-modal .close{
        right: 60px !important;
    }
    .banner-page .overlayer .container-box .service-list ul li{
        margin-right: 15px;
    }
    .banner-page .overlayer .container-box .service-list ul li .icon{
        width: 60px;
        height: 60px;
        padding: 10px;
    }
    .end-footer-text {
        padding: 15px 0 60px;
    }
    .modal.modal-appointment{
        z-index: 9999;
    }
    .modal-appointment .modal-dialog{
        width: auto;
        margin:30px 20px;
        border-radius: 15px;
    }
    .modal-appointment .modal-title {
        font-size: 20px;
    }
    .modal-appointment .slide-book-appointment {
        padding: 0 10px;
    }
    .modal-appointment .modal-dialog .modal-content{
        border: 0;
    }
    .why-choose-section .title-choose{
        text-align: center;
    }
    .homepage-heading{
        text-align: center !important;
    }
    .about-doctor {
        padding: 50px 0;
    }
    .qualification-section{
        padding: 25px 0;
    }
    .m-footer{
        background: #0f1831 !important;
    }
    .features-list ul li .icon {
        width: 95px;
        height: 95px;
        padding: 20px;
    }
    .general-physician-section {
        padding: 50px 0 0;
    }
    .Recommended-main-section{
        padding: 50px 0;
    }
    .innerbox-about {
        padding: 36px 14px 30px;
    }
    .service-section{
        padding: 50px 0;
    }
    .why-choose-section {
        padding: 50px 0;
    }
    .client-textimonial-section {
        padding: 40px 0;
    }
    .health-trips-section {
        padding: 50px 0;
    }
    .Recent-Health-section {
        padding: 50px 0;
    }
    .section-faq {
        padding: 50px 0;
    }
    .best-physician-contact {
        padding: 50px 0 0;
    }
    .doctor-profile-section {
        padding: 0;
        position: relative;
        z-index: 0;
    }
    .contact-main-form .outer-box-contact h4 {
        font-size: 22px;
    }
    .physician-image {
    margin-top: 25px;
    }
    .contact-main-form .outer-box-contact form button{
        margin: auto;
        display: block;
    }
    .share {
        display: none;
    }
    .Medical-Facilities-points ul {
        column-count: 1;
    }
    .section-marketing-page .content-details ul {
        column-count: 1;
    }
    .Medical-Facilities-section .sub-heading h3{
        font-size: 32px;
        line-height: 40px;
    }
    .section-marketing-page .content-details h3{
        margin: 15px 0;
    }
    .banner-page .contant-main-page{
        padding: 0 15px;
    }
    .contact-main-form .outer-box-contact {
        padding: 30px 15px 30px;
    }
    .contact-main-form .getin-touch {
        padding: 30px 0;
    }
    .header-sec .logo a h6{
        font-size: 12px;
    }
    .card-general{
        border-color:#fff;
        margin-bottom: 15px;
    }
    .general-physician-outer{
        padding: 30px 15px;
        border:1px solid rgba(0, 0, 0, .125);
    }
}
@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;
    }
    .page-section{
        padding: 50px 0;
    }
    .homepage-heading{
        text-align: center !important;
    }
    .accordion.accordion-faq-section .accordion-item{
        padding: 5px 0;
    }
    .contact-main-form .getin-touch ul li {
        font-size: 15px;
    }
    .banner-page .overlayer{
        padding: 50px 10px;
    }
    .banner-page .overlayer .container-box .inner-box .name-doctor h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .info-doctor .left-doc-img img {
        width: 120px;
    }
    .banner-page .overlayer .container-box .inner-box .img-doctor img{
        width: auto;
        height: auto;
    }
    .list-footer ul{
        column-count: 1;
    }
    .qualification-section .inner-box .right-sidebox {
        padding: 15px;
    }
    .innerbox-about .middle-section .list-profile ul{
        column-count: 1;
    }
    .slider .item{
        height: auto;
    }
    .Specialist-Doctor-outer .info-list ul li {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .Specialist-Doctor-outer .info-list ul li span i {
        font-size: 16px;
    }
    .asthma-section .asthma-banner {
        padding: 50px 0;
    }
    .asthma-section .asthma-banner .content-asthma-treatment{
        padding: 15px 10px;
    }
    .asthma-section .asthma-banner .content-asthma-treatment>div img{
        width: 90px;
        height: 90px;
    }
    .asthma-section .asthma-banner .content-asthma-treatment>div .info-test{
        padding: 0;
        padding-left: 15px;
    }
    .asthma-section .asthma-banner .content-asthma-treatment>div .info-test h3{
        font-size: 24px;
    }
    .asthma-section .asthma-banner .content-asthma-treatment>div .info-test h6{
        font-size: 12px;
        line-height: 20px;
    }
    .asthma-section .asthma-banner .content-asthma-treatment .why-choose-swasthya h4{
        font-size: 18px;
        line-height: 30px;
    }
    .asthma-section .asthma-banner .content-asthma-treatment .why-choose-swasthya ul li {
        font-size: 14px;
    }
    .asthma-section .asthma-banner .content-asthma-treatment>div .info-test h4 {
        font-size: 10px;
    }
}

@media (max-width: 414px) {
    .banner-section .info-doctor h4 {
        font-size: 18px;
        line-height: unset;
    }
    .banner-section .info-doctor h5.top-text {
        padding: 4px 5px;
    }
    .banner-section .info-doctor h6 {
        font-size: 14px;
        line-height: unset;
    }
    .banner-page .overlayer .container-box .inner-box{
        align-items: flex-start;
    }
    .banner-section .info-doctor p{
        line-height: 25px;
    }
}

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

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

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

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