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

    .main-header .header-top .info-list,
    .main-header .header-upper .social-links {
        display: none
    }

    .main-footer .links-widget,
    .welcome-section .content-column .inner-column {
        padding-left: 0
    }

    .faq-section .image-column .inner-column,
    .welcome-section .image-column .inner-column {
        padding: 0
    }

    .program-block .lower-content {
        padding: 55px 40px 0
    }

    .call-to-action h2,
    .sec-title h2 {
        font-size: 40px;
        line-height: 1.2em
    }

    .banner-carousel .content-box h2 {
        font-size: 80px
    }

    .header-style-two .header-top .info-list {
        display: block
    }

    .sidebar .search-box,
    .sidebar-widget {
        padding: 50px 20px
    }
}

@media only screen and (min-width:768px) {

    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }
}

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

    .main-header .nav-outer .main-menu,
    .sticky-header {
        display: none !important
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0 0 0 20px;
        padding: 30px 0
    }

    .call-to-action .btn-box,
    .call-to-action h2 {
        width: 100%;
        text-align: center
    }

    .call-to-action h2 br,
    .header-style-two .header-upper .logo:before {
        display: none
    }

    .newsletter-section .title-column .inner-column {
        padding-top: 0;
        text-align: center
    }

    .header-style-two .header-upper .logo-outer {
        left: 15px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .page-banner h1 {
        font-size: 80px
    }
}

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

    .banner-carousel .content-box .icon-box,
    .banner-section .banner-navigation,
    .header-style-two .header-top .info-list,
    .main-header .header-upper .logo-outer:before,
    .main-header .header-upper .logo:before {
        display: none
    }

    .banner-carousel .content-box {
        padding: 0
    }

    .call-to-action,
    .testimonial-section,
    .welcome-section-two {
        padding: 70px 0
    }

    .fun-fact-section,
    .faq-section,
    .main-footer .footer-upper,
    .newsletter-section {
        padding: 70px 0 30px
    }

    .offers-section,
    .team-section {
        padding: 70px 0 40px
    }

    .main-footer .footer-bottom {
        padding: 20px 0
    }

    .call-to-action.alternate,
    .welcome-section {
        padding-bottom: 20px
    }

    .about-section,
    .page-banner {
        padding: 100px 0
    }

    .page-banner h1 {
        font-size: 60px;
        line-height: 1.2em
    }

    .main-header .header-top {
        text-align: center
    }

    .main-header .header-top .top-right {
        width: 100%
    }

    .header-style-two .social-icon-two li,
    .main-header .header-top .login-info li {
        margin: 0 10px;
        display: inline-block;
        float: none
    }
}

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

    .call-to-action h2,
    .sidebar-page-container .group-title h3 {
        font-size: 30px
    }

    .about-section .sec-title h2 br,
    .testimonial-block .inner-box:after,
    .testimonial-block .inner-box:before {
        display: none
    }

    .sidebar-page-container .comments-area .comment,
    .team-block .info-box {
        padding-left: 0
    }

    .team-block .image-box {
        position: relative;
        width: 100%
    }

    .team-block .image-box .image {
        display: block;
        margin-bottom: 0
    }

    .team-block .info-box .inner {
        padding: 50px 20px 40px
    }

    .team-block .info-box .designation {
        margin-bottom: 20px
    }

    .testimonial-block .inner-box {
        padding: 70px 20px
    }

    .testimonial-block .text {
        font-size: 14px;
        line-height: 21px;
        padding: 30px 8px 0
    }

    .banner-carousel .content-box h2 {
        font-size: 50px
    }

    .banner-carousel .content-box .title {
        font-size: 20px
    }

    .welcome-section-two .text {
        line-height: 1.3em
    }

    .banner-section.style-two .banner-carousel .slide-item {
        padding: 120px 0
    }

    .about-section .text-block .inner-box {
        padding: 30px 20px
    }

    .program-block .lower-content {
        padding: 55px 30px 0
    }

    .author-box .name {
        margin-bottom: 15px
    }

    .author-box {
        padding: 40px 20px
    }

    .author-box .inner-box {
        padding-left: 0;
        text-align: center
    }

    .author-box .image-box,
    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
        display: inline-block;
        margin-bottom: 20px
    }

    .sidebar-page-container .comments-area .comment-box .reply-outer {
        position: relative;
        display: inline-block;
        margin-top: 20px
    }
}

@media only screen and (max-width:800px) {
    .serv-inner-img{
        margin: 10px 0px;
    }
    .slide1 {
        background-image: url(../images/main-slider/m1.jpg)
    }

    .slide2 {
        background-image: url(../images/main-slider/m2.jpg)
    }

    .slide3 {
        background-image: url(../images/main-slider/m3.jpg)
    }

    .about-content h2::after,
    .about-content h2::before,
    .appbtm_icon,
    .appointment-block::after,
    .appointment-block::before,
    .c_add_row::after,
    .c_add_row::before,
    .docotor-app-img,
    .docrows::before,
    .doctors_section::before,
    .main-footer .footer-upper .footer-column:before,
    .main-header .header-top .top-left::before,
    .ser_icon,
    .services-row::before,
    .specilatytitle::before,
    .testimonial-section:after,
    .testimonial-section:before {
        display: none
    }

    .mobile-menu .menu-backdrop {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgb(129 129 129 / 80%)
    }

    .main-header .header-top .top-left {
        background: 0 0;
        width: auto;
        position: absolute;
        right: 0;
        float: inherit;
        padding: 0;
        top: 180px;
        left: 0
    }

    .main-header .header-upper .logo {
        left: 0;
        right: 0;
        margin: auto
    }

    .risk_pic,
    .speciality-row .offer-block:first-child,
    .speciality-row .offer-block:nth-child(2),
    .speciality-row .offer-block:nth-child(3),
    .speciality-row .offer-block:nth-child(4) {
        margin-top: 0
    }

    .appointment {
        top: 121px;
        left: 29px;
        width: 150px;
        right: initial
    }

    .app_icon,
    .gg_review_icon,
    .rsk_info,
    .smiluicon {
        top: 0;
        text-align: center
    }

    .main-header .nav-outer {
        position: relative;
        display: block;
        margin: auto;
        top: 14px;
        padding: 0
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
        margin: 0;
        padding: 2px 11px;
        background: linear-gradient(to left, #0c9b8e, #012d54);
        color: #fff;
        position: absolute;
        right: 18px;
        top: 98px
    }

    .mobile-menu .navigation {
        margin-top: 69px
    }

    .mobile-menu .navigation li>a {
        padding: 14px 25px;
        font-size: 16px;
        font-weight: 500
    }

    .social-icon-one li a {
        box-shadow: 0 0 10px;
        margin-bottom: 8px
    }

    .offer-block .inner-box {
        position: relative;
        text-align: center;
        padding: 10px 6px
    }

    .specilatytitle {
        position: relative;
        left: 0;
        transform: inherit;
        z-index: 1;
        text-transform: uppercase;
        font-size: 31px;
        bottom: inherit;
        text-align: center;
        margin-bottom: 23px
    }

    .about-content {
        padding-left: 0;
        position: relative;
        text-align: center
    }

    .offers-section::before {
        height: 121px;
        background-size: 159%
    }

    .offers-section {
        padding-bottom: 48px
    }

    ._inner_doc_info h4,
    .inner_about span,
    .services-blocks h3,
    .trmnt_head h2 {
        font-size: 23px
    }

    .services-row .col-md-3 {
        border-right: none;
        border-bottom: 1px solid #909090;
        margin-bottom: 17px;
        padding-bottom: 32px
    }

    .services-row .col-md-3:nth-child(8) {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .testimonial-head {
        margin-top: 0;
        margin-bottom: 0
    }

    ._inner_doc_info h2,
    .sec-title h2 {
        font-size: 30px
    }

    .testimonial-block .inner-box {
        padding: 0
    }

    .add-image img {
        position: relative;
        right: 0;
        margin-top: 50px
    }

    .facilities-row .col-md-2 {
        border-right: none;
        border-bottom: 2px dashed #ccc;
        flex: 0 0 100.666667%;
        max-width: 100%
    }

    .facilities-row .col-md-2:last-child {
        border-bottom: 0
    }

    .facility-list {
        text-align: center;
        font-size: 22px;
        color: #fff;
        line-height: 30px;
        display: table-cell;
        vertical-align: middle;
        width: 600px;
        height: 62px
    }

    .tips-row-section::before {
        width: 100%;
        height: 75%;
        left: 0
    }

    .main-footer .footer-upper {
        padding: 47px 0 30px
    }

    .newsletter-section h4 {
        margin-bottom: 15px
    }

    .appointment-block {
        padding: 0 14px
    }

    .services_pic {
        width: 140px;
        border: 5px solid #bdd8ef
    }

    .risk_pic,
    .smiluicon {
        width: auto;
        position: relative
    }

    .docrows .col-md-6:nth-child(2) .trrow2 .services_pic {
        border: 5px solid #c8ebe8
    }

    .about-content p {
        margin-bottom: 20px;
        text-align: justify;
        font-size: 14px;
        line-height: 27px
    }

    .docrows .col-md-6 {
        min-height: auto
    }

    .doc_info h2 {
        font-size: 29px
    }

    .doc_info h4,
    .inner_services_text h2 {
        font-size: 20px
    }

    .doc_info h3,
    .ser_btm {
        font-size: 16px
    }

    .acch_att_sec p,
    .services_info h3 {
        font-size: 14px
    }

    .about-content h2 {
        font-size: 60px
    }

    .about-content h3 {
        font-size: 28px
    }

    .acch_att_sec,
    .main-timeline .description,
    .riskrows .col-md-6:nth-child(2) {
        text-align: center
    }

    .risk_pic {
        display: inline-block
    }

    .rsk_info {
        position: relative;
        right: 0;
        background: #def;
        padding: 14px 41px;
        box-shadow: 0 9px 5px #959595
    }

    .smiluicon {
        left: 0;
        margin: 0 0 14px
    }

    .smiluicon img {
        width: 90px
    }

    .gg_review_icon {
        position: relative;
        right: 0
    }

    .main-header .header-upper .logo-outer {
        position: absolute;
        text-align: center;
        z-index: 999;
        width: 311px;
        top: 22px;
        left: 0;
        right: 0;
        margin: auto
    }

    .c_add_row,
    .doctors_section {
        position: relative;
        padding: 0
    }

    .riskfactors {
        position: relative;
        padding: 0 0 38px
    }

    .rsk_fac_section {
        position: relative;
        margin-bottom: 28px
    }

    .acch_att_sec h3 {
        margin: 16px 0 10px;
        font-size: 25px
    }

    .whychooseus {
        position: relative;
        padding: 40px 0 25px
    }

    .main-footer .footer-bottom {
        padding: 0 0 10px
    }

    .main-footer .list li a {
        font-size: 14px;
        line-height: 23px
    }

    .main-footer .footer-bottom:before {
        top: 31px
    }

    .newsletter-section {
        padding: 28px 0;
        text-align: center
    }

    .newsletter-section h2 {
        font-size: 24px;
        margin: 0 0 18px
    }

    .latestblogs {
        position: relative;
        padding: 0 0 55px
    }

    .latest_blog_list {
        margin-bottom: 20px
    }

    .appointment-block h2 {
        font-weight: 500;
        margin-bottom: 20px;
        font-size: 23px
    }

    .app_icon {
        position: relative;
        left: 0;
        height: 100%;
        display: flex;
        align-items: center;
        z-index: 1;
        justify-content: center;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 13px 0 19px
    }

    .ser_btm {
        line-height: 26px;
        padding: 13px 8px;
        margin: 0;
        border-radius: 16px
    }

    .docrows .col-md-6:nth-child(2) .doc_pic {
        margin-top: 28px
    }

    .doc_pic img {
        width: 280px
    }

    .testimonial-section {
        position: relative;
        padding: 60px 0 45px
    }

    .logo-widget img {
        width: 289px
    }

    .mobile-menu .navigation li ul li>a {
        font-size: 14px;
        font-weight: 400;
        padding: 10px 25px
    }

    .contact_form h4 {
        margin-bottom: 25px;
        font-size: 26px
    }

    .contact_form {
        padding: 36px 0 42px
    }

    .add_c_info {
        margin: 0 0 9px
    }

    .bread-crumb {
        padding: 260px 0 51px
    }

    .bread-head h1 {
        font-size: 21px
    }

    ._inner_doc_info h3,
    .bread-crumb .bread-links li {
        font-size: 15px
    }

    .inner_content_section {
        padding: 49px 0 90px
    }

    .inner_about h2 {
        font-size: 48px
    }

    .inner_about h3 {
        font-size: 25px
    }

    .inner_docrows .col-md-6 {
        padding: 35px 21px
    }

    .inner_doc_pic {
        display: inline-block;
        border: 8px solid #ccc
    }

    .scroll-to-top {
        bottom: 53px;
        width: 35px;
        height: 35px;
        font-size: 19px;
        line-height: 36px
    }

    .inner_services_text h3 {
        font-size: 18px
    }

    .timings {
        display: block;
        padding: 10px;
        text-align: center
    }

    .timings_head {
        margin-top: 12px;
        font-size: 26px
    }

    .timings span {
        padding: 10px 0;
        display: block
    }

    .timings span:nth-child(2) {
        border-right: 0px;
        border-bottom: 1px dashed
    }
}