@media only screen and (max-width:767px) {
    body {
        font-size: 14px
    }

    p {
        line-height: 1.7
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-100 {
        padding-top: 50px
    }

    .pb-70 {
        padding-bottom: 20px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .header-top {
        padding-top: 15px;
        border-bottom: 1px solid #f2f2f2;
        text-align: center
    }

    .header-top-item .header-top-left ul li {
        font-size: 13px;
        margin-right: 0;
        margin-bottom: 8px;
        display: block
    }

        .header-top-item .header-top-left ul li i {
            font-size: 16px
        }

    .header-top-item .header-top-right {
        text-align: center
    }

    .mobile-nav .logo {
        width: 75px;
        top: 10px !important
    }

    .mobile-nav.mean-container .mean-nav ul li a.active {
        color: #e4141a
    }

    .nav-srh {
        display: none
    }

    .slider-item {
        height: 100%;
        padding-top: 110px;
        padding-bottom: 110px;
        text-align: center
    }

        .slider-item .slider-shape img {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 290px;
            margin-bottom: 20px
        }

        .slider-item .slider-shape-two img {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 290px;
            margin-bottom: 20px
        }

        .slider-item .slider-shape-three img {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 290px;
            margin-bottom: 20px
        }

        .slider-item:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: #e4141a;
            opacity: .8
        }

        .slider-item .slider-text {
            margin-top: 0
        }

            .slider-item .slider-text h1 {
                font-size: 26px;
                margin-bottom: 18px;
                max-width: 100%
            }

            .slider-item .slider-text p {
                margin-bottom: 30px;
                max-width: 100%
            }

    .common-btn a {
        font-size: 13px;
        padding: 13px 14px 12px;
        border-radius: 5px;
        margin-right: 8px
    }

    .home-slider .owl-prev {
        display: none !important
    }

    .home-slider .owl-next {
        display: none !important
    }

    .home-slider.owl-theme .owl-dots {
        bottom: 70px
    }

        .home-slider.owl-theme .owl-dots .owl-dot span {
            width: 20px;
            height: 5px;
            margin: 5px 4px;
            background-color: #e4141a
        }

        .home-slider.owl-theme .owl-dots .owl-dot.active span, .home-slider.owl-theme .owl-dots .owl-dot:hover span {
            background: #fff;
            width: 30px
        }

    .counter-bg {
        padding-top: 50px;
        padding-bottom: 20px;
        margin-top: 50px
    }

    .counter-item i {
        font-size: 30px;
        margin-bottom: 14px
    }

    .counter-item h3 {
        font-size: 30px;
        margin-bottom: 4px
    }

    .counter-item p {
        font-size: 13px
    }

    .about-item h2 {
        font-size: 22px;
        margin-bottom: 8px
    }

    .about-item p {
        margin-bottom: 20px
    }

    .about-item ul {
        margin-bottom: 25px
    }

        .about-item ul li {
            font-size: 15px;
            margin-bottom: 10px
        }

            .about-item ul li i {
                margin-right: 6px;
                font-size: 18px
            }

    .about-item a {
        font-size: 14px;
        padding: 15px 30px
    }

    .about-left:before {
        display: none
    }

    .about-left:after {
        display: none
    }

    @-webkit-keyframes a-one {
        50% {
            -webkit-transform: translate(-10px,-10px);
            transform: translate(-10px,-10px)
        }
    }

    @keyframes a-one {
        50% {
            -webkit-transform: translate(-10px,-10px);
            transform: translate(-10px,-10px)
        }
    }

    @-webkit-keyframes a-two {
        50% {
            -webkit-transform: translate(10px,10px);
            transform: translate(10px,10px)
        }
    }

    @keyframes a-two {
        50% {
            -webkit-transform: translate(10px,10px);
            transform: translate(10px,10px)
        }
    }

    .about-right {
        padding-left: 0
    }

        .about-right img {
            right: 2px;
            width: 270px
        }

    .about-left img {
        -webkit-animation: unset;
        animation: unset
    }

    .section-title {
        margin-bottom: 30px
    }

        .section-title h2 {
            font-size: 22px;
            padding-bottom: 12px
        }

            .section-title h2:before {
                width: 50px;
                height: 2px
            }

    .service-item:hover .service-end p {
        margin-bottom: 22px
    }

    .service-item .service-front i {
        margin-bottom: 12px
    }

    .service-item .service-front h3 {
        margin-bottom: 8px;
        font-size: 20px
    }

    .service-item .service-front p {
        padding-left: 15px;
        padding-right: 15px
    }

    .service-item .service-end h3 {
        margin-bottom: 12px;
        font-size: 20px
    }

    .service-item .service-end a {
        padding: 10px 15px
    }

    .expertise-item .expertise-inner {
        padding-top: 35px;
        padding-bottom: 30px
    }

        .expertise-item .expertise-inner i {
            width: 60px;
            height: 60px;
            line-height: 60px;
            font-size: 26px;
            margin-bottom: 22px;
            -webkit-box-shadow: 0 0 0 5px #ffffffa6;
            box-shadow: 0 0 0 5px #ffffffa6
        }

        .expertise-item .expertise-inner h3 {
            font-size: 18px;
            margin-bottom: 10px
        }

    .expertise-item .expertise-right {
        padding-left: 0;
        margin-bottom: 30px
    }

        .expertise-item .expertise-right:before {
            display: none
        }

        .expertise-item .expertise-right:after {
            display: none
        }

        .expertise-item .expertise-right img {
            width: 100%;
            z-index: 1
        }

    .video-area {
        height: 490px
    }

    .video-item a {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 25px;
        position: relative;
        top: -40px
    }

    .video-item .video-content {
        margin-top: 30px;
        padding-left: 25px
    }

        .video-item .video-content:before {
            top: 5px;
            width: 4px;
            height: 65px
        }

        .video-item .video-content h3 {
            font-size: 22px;
            margin-bottom: 16px
        }

    .video-wrap .nav-pills .nav-link.active, .video-wrap .nav-pills .show > .nav-link {
        border-top: 2px solid #4d93e9
    }

    .video-wrap .video-nav .video-nav-item {
        display: block
    }

        .video-wrap .video-nav .video-nav-item a {
            font-size: 15px;
            padding-bottom: 18px;
            padding-top: 14px;
            border-bottom: 1px solid #4d93e959;
            border-top: 2px solid transparent
        }

    .doctor-item .doctor-top a {
        font-size: 14px;
        padding: 12px 0
    }

    .doctor-item .doctor-bottom {
        padding-top: 18px;
        padding-bottom: 18px
    }

        .doctor-item .doctor-bottom h3 {
            font-size: 18px;
            margin-bottom: 8px
        }

        .doctor-item .doctor-bottom span {
            font-size: 14px
        }

    .doctor-btn a {
        margin-top: 5px;
        font-size: 16px;
        padding: 12px 35px
    }

    .blog-area {
        padding-bottom: 135px
    }

    .blog-item .blog-bottom {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }

        .blog-item .blog-bottom h3 a {
            font-size: 15px;
            margin-bottom: 14px
        }

        .blog-item .blog-bottom p {
            padding-bottom: 22px
        }

        .blog-item .blog-bottom ul {
            padding-top: 20px
        }

            .blog-item .blog-bottom ul li {
                font-size: 14px
            }

                .blog-item .blog-bottom ul li:last-child i {
                    font-size: 14px
                }

                .blog-item .blog-bottom ul li a {
                    font-size: 14px
                }

                    .blog-item .blog-bottom ul li a i {
                        font-size: 20px;
                        top: 3px
                    }

        .blog-item .blog-bottom h3 a {
            font-size: 17px;
            margin-bottom: 12px
        }

    .newsletter-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0
    }

    .newsletter-item h2 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .newsletter-item p {
        font-size: 14px;
        margin-bottom: 30px
    }

    .newsletter-item .newsletter-form .form-group .form-control {
        height: 60px;
        padding-left: 15px;
        font-size: 14px
    }

    .newsletter-item .newsletter-form .form-group .newsletter-btn {
        padding: 13px 30px;
        font-size: 13px
    }

    .newsletter-wrap {
        border-radius: 0
    }

    .newsletter-item .newsletter-form .form-group .newsletter-btn {
        padding: 13px 30px;
        font-size: 13px;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        margin-top: 15px
    }

    .page-title-area {
        height: 280px
    }

    .page-title-four .page-title-item {
        margin-top: 55px
    }

    footer {
        padding-top: 170px
    }

    .footer-item .footer-contact h3 {
        font-size: 18px;
        margin-bottom: 30px
    }

    .footer-item .footer-contact ul li {
        font-size: 14px;
        padding-left: 55px;
        margin-bottom: 40px
    }

        .footer-item .footer-contact ul li:last-child i {
            top: -1px
        }

        .footer-item .footer-contact ul li i {
            top: 2px;
            font-size: 38px
        }

    .footer-item .footer-quick h3 {
        font-size: 18px;
        margin-bottom: 30px
    }

    .footer-item .footer-quick ul li {
        margin-bottom: 15px
    }

        .footer-item .footer-quick ul li a {
            font-size: 14px
        }

    .footer-item .footer-feedback h3 {
        font-size: 18px;
        margin-bottom: 30px
    }

    .footer-item .footer-feedback .form-group .form-control {
        font-size: 14px
    }

    .footer-item .footer-feedback .feedback-btn {
        font-size: 13px;
        padding: 10px 32px
    }

    .copyright-area .copyright-item {
        padding-top: 20px;
        padding-bottom: 20px
    }

        .copyright-area .copyright-item p {
            font-size: 13px
        }

    .home-slider-two.owl-theme .owl-dots {
        bottom: 80px
    }

    .home-slider-two .slider-item {
        height: 100%;
        padding-top: 160px;
        padding-bottom: 150px
    }

        .home-slider-two .slider-item .slider-text h1 {
            font-size: 24px
        }

    .emergency-area {
        margin-top: 50px
    }

    .emergency-bg {
        padding: 40px 0 10px
    }

    .emergency-item .emergency-inner {
        padding-left: 70px
    }

        .emergency-item .emergency-inner h3 {
            margin-bottom: 15px;
            font-size: 18px
        }

    .welcome-left {
        height: auto;
        background-image: unset
    }

        .welcome-left img {
            display: inline-block
        }

    .welcome-item ul {
        max-width: 100%
    }

        .welcome-item ul li {
            margin-bottom: 35px
        }

            .welcome-item ul li:hover i {
                -webkit-box-shadow: 0 0 0 6px #111;
                box-shadow: 0 0 0 6px #111
            }

            .welcome-item ul li i {
                top: 0;
                font-size: 30px;
                width: 60px;
                height: 60px;
                line-height: 60px;
                -webkit-box-shadow: 0 0 0 6px #e4141a;
                box-shadow: 0 0 0 6px #e4141a
            }

            .welcome-item ul li .welcome-inner {
                padding-left: 75px
            }

                .welcome-item ul li .welcome-inner h3 {
                    font-size: 18px;
                    margin-bottom: 8px
                }

    .welcome-right {
        padding-left: 20px;
        padding-top: 0
    }

    .section-title-two {
        margin-bottom: 30px;
        max-width: 100%
    }

        .section-title-two span {
            font-size: 13px
        }

        .section-title-two h2 {
            font-size: 22px
        }

    .speciality-area .section-title-two {
        padding-top: 0;
        padding-left: 15px
    }

    .speciality-item .speciality-inner {
        padding-top: 25px;
        padding-left: 25px;
        padding-bottom: 25px;
        margin-bottom: 20px
    }

        .speciality-item .speciality-inner i {
            margin-bottom: 15px
        }

        .speciality-item .speciality-inner h3 {
            font-size: 18px;
            margin-bottom: 8px
        }

    .speciality-right {
        height: auto;
        background-image: unset
    }

        .speciality-right:before {
            display: none
        }

        .speciality-right img {
            display: inline-block
        }

        .speciality-right .speciality-emergency {
            left: 15px;
            padding: 25px 210px 20px 30px
        }

            .speciality-right .speciality-emergency .speciality-icon {
                width: 40px;
                height: 40px;
                line-height: 40px
            }

                .speciality-right .speciality-emergency .speciality-icon i {
                    font-size: 18px
                }

            .speciality-right .speciality-emergency h3 {
                font-size: 18px;
                right: 45px
            }

            .speciality-right .speciality-emergency p {
                top: 52px;
                font-size: 12px;
                right: 95px
            }

    .speciality-left {
        padding-left: 0;
        padding-right: 0
    }

    .counter-area-two .counter-bg {
        margin-top: 0;
        bottom: -55px
    }

    .appointment-area {
        padding-top: 105px
    }

    .appointment-item {
        padding: 30px 15px 40px
    }

        .appointment-item h2 {
            font-size: 20px;
            margin-bottom: 12px
        }

        .appointment-item span {
            font-size: 14px;
            margin-bottom: 30px
        }

        .appointment-item .appointment-form .form-group {
            margin-bottom: 40px
        }

            .appointment-item .appointment-form .form-group i {
                font-size: 42px
            }

            .appointment-item .appointment-form .form-group label {
                margin-bottom: 5px;
                font-size: 14px
            }

            .appointment-item .appointment-form .form-group .form-control {
                font-size: 14px;
                padding-bottom: 10px
            }

        .appointment-item .appointment-form .appointment-btn {
            font-size: 14px;
            padding: 12px 45px
        }

    .banner-area {
        height: 100%;
        padding-top: 150px;
        padding-bottom: 150px
    }

    .banner-item {
        text-align: center
    }

        .banner-item h1 {
            font-size: 26px;
            margin-bottom: 20px;
            padding-top: 280px
        }

        .banner-item p {
            margin-bottom: 30px
        }

        .banner-item .common-btn-two a {
            font-size: 14px;
            padding: 14px 15px;
            margin-right: 8px
        }

        .banner-item .common-btn-two .cmn-btn-right-two {
            padding-left: 20px;
            padding-right: 20px
        }

        .banner-item .banner-right img:nth-child(1) {
            top: -55px;
            right: 0;
            left: 0;
            max-width: 285px
        }

        .banner-item .banner-right img:nth-child(2) {
            top: -43px;
            right: 5px;
            left: 0;
            max-width: 285px
        }

        .banner-item .banner-right img:nth-child(3) {
            top: -63px;
            right: -7px;
            left: 0;
            max-width: 285px
        }

        .banner-item .banner-right img:nth-child(4) {
            max-width: 200px;
            left: 0
        }

    .hospital-item .hospital-play-btn {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 26px;
        top: 45%
    }

    .hospital-item h2 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .hospital-item p {
        margin-bottom: 20px
    }

    .hospital-item ul {
        margin-bottom: 30px
    }

        .hospital-item ul li {
            font-size: 14px;
            margin-bottom: 12px;
            margin-bottom: 20px
        }

            .hospital-item ul li i {
                font-size: 18px;
                margin-right: 6px;
                bottom: -2px
            }

    .hospital-item .hospital-btn {
        font-size: 14px;
        padding: 12px 25px
    }

    .hospital-item .hospital-left-one {
        margin-top: 0
    }

        .hospital-item .hospital-left-one:before {
            display: none
        }

    .hospital-item .hospital-left-two {
        margin-bottom: 0
    }

    .hospital-right {
        max-width: 100%;
        margin-left: 0
    }

    .speciality-right-two:before {
        top: -2px
    }

    .welcome-left-two:before {
        display: none
    }

    .welcome-left-two:after {
        display: none
    }

    .video-wrap-two .nav-pills .nav-link.active, .video-wrap .nav-pills .show > .nav-link {
        border-top: 0
    }

    .video-wrap-two .video-nav .video-nav-item a {
        border-top: 0
    }

    .counter-area-three .counter-bg {
        bottom: -50px
    }

    .review-area {
        padding-top: 100px
    }

    .main {
        max-width: 100%;
        padding-bottom: 80px;
        padding-left: 10px;
        padding-right: 10px
    }

    .slick-dotted.slick-slider {
        margin-bottom: 15px
    }

    .slider-nav {
        margin-bottom: 30px;
        position: relative;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto
    }

        .slider-nav .slick-dots {
            bottom: -180px
        }

        .slider-nav .slick-track {
            padding-top: 2px
        }

        .slider-nav div {
            text-align: center
        }

            .slider-nav div .review-img img {
                margin-bottom: 35px
            }

            .slider-nav div h3 {
                font-size: 20px;
                margin-bottom: 8px
            }

    .slider-for div p {
        margin-bottom: 0;
        color: #000;
        font-size: 14px;
        text-align: center;
        max-width: 580px;
        margin-left: auto;
        margin-right: auto
    }

    .page-title-item {
        margin-top: -20px
    }

        .page-title-item h2 {
            font-size: 26px;
            margin-bottom: 16px
        }

        .page-title-item ul li {
            font-size: 15px;
            margin-right: 0;
            margin-left: 0
        }

            .page-title-item ul li i {
                font-size: 17px
            }

    .doctor-search-item .form-group {
        padding-left: 50px
    }

        .doctor-search-item .form-group i {
            font-size: 40px
        }

        .doctor-search-item .form-group label {
            font-size: 14px
        }

    .doctor-search-item .doctor-search-btn {
        bottom: 5px
    }

    .doctors-area-two {
        padding-bottom: 130px
    }

    .page-title-two .page-title-item {
        margin-top: -90px
    }

    .appointment-area-two {
        padding-bottom: 160px
    }

    .appointment-item-two {
        padding: 30px 15px 40px
    }

    .appointment-item-two-right {
        padding-top: 30px;
        padding-bottom: 30px
    }

        .appointment-item-two-right .appointment-item-content {
            padding: 20px 15px 30px;
            margin: 0 10px
        }

            .appointment-item-two-right .appointment-item-content h2 {
                font-size: 20px;
                margin-bottom: 20px
            }

            .appointment-item-two-right .appointment-item-content .content-one ul li {
                font-size: 13px
            }

                .appointment-item-two-right .appointment-item-content .content-one ul li:before {
                    width: 20px;
                    left: 84px
                }

            .appointment-item-two-right .appointment-item-content .content-two {
                margin-left: 30px
            }

                .appointment-item-two-right .appointment-item-content .content-two ul li {
                    font-size: 13px
                }

    .appointment-wrap-two {
        margin-top: -160px
    }

    .page-title-three {
        text-align: center
    }

    .page-title-item-two {
        text-align: center;
        max-width: 100%
    }

        .page-title-item-two h2 {
            font-size: 30px;
            margin-bottom: 10px
        }

        .page-title-item-two h3 {
            font-size: 22px;
            margin-bottom: 12px
        }

        .page-title-item-two p {
            font-size: 16px
        }

    .doctor-details-left {
        margin-top: 50px
    }

    .doctor-details-item img {
        margin-bottom: 30px
    }

    .doctor-details-item .doctor-details-contact {
        padding-left: 15px;
        margin-bottom: 30px
    }

        .doctor-details-item .doctor-details-contact h3 {
            font-size: 20px;
            margin-bottom: 25px
        }

        .doctor-details-item .doctor-details-contact ul li {
            font-size: 14px;
            margin-bottom: 15px
        }

            .doctor-details-item .doctor-details-contact ul li i {
                font-size: 18px
            }

    .doctor-details-item .doctor-details-work {
        padding-left: 15px;
        padding-bottom: 35px
    }

        .doctor-details-item .doctor-details-work h3 {
            font-size: 20px;
            margin-bottom: 25px
        }

    .doctor-details-item .doctor-details-biography {
        padding-left: 0;
        padding-top: 25px
    }

        .doctor-details-item .doctor-details-biography h3 {
            font-size: 20px;
            margin-bottom: 15px
        }

        .doctor-details-item .doctor-details-biography ul li {
            margin-bottom: 10px
        }

    .appointment-area-three {
        padding-bottom: 160px
    }

        .appointment-area-three .appointment-item {
            margin-right: 0;
            margin-top: 0;
            max-width: 100%
        }

            .appointment-area-three .appointment-item .appointment-shape {
                bottom: 0;
                top: -95px;
                left: -74px;
                width: 250px
            }

        .appointment-area-three .speciality-right-three {
            background-image: unset;
            height: auto
        }

    .page-title-four .page-title-item {
        margin-top: 40px
    }

    .blog-details-item .blog-details-img img {
        margin-bottom: 30px
    }

    .blog-details-item .blog-details-img h2 {
        font-size: 20px;
        padding-right: 0
    }

    .blog-details-item .blog-details-img ul {
        margin-bottom: 25px
    }

        .blog-details-item .blog-details-img ul li {
            font-size: 14px;
            margin-right: 25px
        }

            .blog-details-item .blog-details-img ul li i {
                font-size: 18px
            }

    .blog-details-item .blog-details-img p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .blog-details-item .blog-details-previous h3 {
        font-size: 14px
    }

    .blog-details-item .blog-details-previous ul {
        margin-bottom: 30px
    }

    .blog-details-item .blog-details-previous .prev-next ul {
        margin: 0;
        padding: 0
    }

        .blog-details-item .blog-details-previous .prev-next ul li a {
            font-size: 14px;
            padding: 6px 18px
        }

    .blog-details-item .blog-details-search {
        margin-bottom: 30px
    }

        .blog-details-item .blog-details-search .form-control {
            height: 45px;
            padding-left: 25px
        }

        .blog-details-item .blog-details-search .blog-details-btn {
            font-size: 14px
        }

    .blog-details-item .blog-details-recent {
        margin-bottom: 30px
    }

        .blog-details-item .blog-details-recent h3 {
            font-size: 20px;
            margin-bottom: 25px
        }

        .blog-details-item .blog-details-recent ul li {
            padding-bottom: 15px
        }

            .blog-details-item .blog-details-recent ul li a {
                font-size: 13px;
                margin-bottom: 10px;
                padding-top: 2px
            }

            .blog-details-item .blog-details-recent ul li ul li {
                font-size: 12px;
                margin-right: 12px
            }

                .blog-details-item .blog-details-recent ul li ul li i {
                    font-size: 15px;
                    margin-right: 1px
                }

    .blog-details-item .blog-details-category {
        margin-bottom: 30px
    }

        .blog-details-item .blog-details-category h3 {
            font-size: 20px;
            margin-bottom: 25px
        }

    .blog-details-item .blog-details-tags h3 {
        font-size: 20px;
        margin-bottom: 25px
    }

    .blog-details-item .blog-details-tags ul li a {
        font-size: 14px;
        padding: 10px 20px
    }

    .blog-details-form .blog-details-shape {
        top: -33px;
        width: 110px
    }

    .blog-details-form .blog-details-form-wrap {
        max-width: 770px
    }

        .blog-details-form .blog-details-form-wrap h2 {
            font-size: 20px;
            margin-bottom: 25px
        }

        .blog-details-form .blog-details-form-wrap .form-group .form-control {
            font-size: 14px
        }

        .blog-details-form .blog-details-form-wrap .blog-details-form-btn {
            font-size: 14px;
            padding: 13px 25px
        }

    .blog-area-two {
        padding-bottom: 130px
    }

        .blog-area-two .section-title h2 {
            font-size: 20px;
            margin-bottom: 25px
        }

    .page-title-five .page-title-item {
        margin-top: 35px
    }

    .location-wrap {
        padding-top: 40px;
        padding-bottom: 10px;
        padding-left: 0;
        margin-top: 50px
    }

        .location-wrap .location-item i {
            width: 65px;
            height: 65px;
            line-height: 65px;
            font-size: 28px;
            margin-bottom: 18px
        }

        .location-wrap .location-item h3 {
            font-size: 20px;
            margin-bottom: 10px
        }

        .location-wrap .location-item p {
            margin-bottom: 12px
        }

    .drop-item .drop-left {
        padding-top: 0;
        padding-bottom: 30px;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

        .drop-item .drop-left h2 {
            font-size: 20px;
            margin-bottom: 20px;
            padding-right: 0
        }

        .drop-item .drop-left .form-group .form-control {
            height: 45px;
            font-size: 14px
        }

        .drop-item .drop-left .drop-btn {
            font-size: 14px;
            padding: 12px 30px
        }

        .drop-item .drop-left .text-danger {
            margin-top: 15px;
            font-size: 18px
        }

        .drop-item .drop-left .text-success {
            margin-top: 15px;
            font-size: 18px
        }

    .drop-img {
        height: auto;
        background-image: unset
    }

        .drop-img img {
            display: inline-block
        }

    #map {
        height: 400px
    }

    .faq-head h2 {
        margin-bottom: 25px;
        font-size: 20px
    }

    .faq-wrap {
        margin-bottom: 35px
    }

    .accordion p {
        font-size: 14px;
        padding: 15px 15px 10px
    }

    .accordion a {
        font-size: 14px;
        padding: 10px 30px 10px 15px
    }

        .accordion a:after {
            top: 2px;
            font-weight: 600
        }

    .footer-two {
        padding-top: 50px
    }

    .error-item {
        height: 100%;
        margin-top: 0;
        padding-top: 130px;
        padding-bottom: 100px
    }

        .error-item h1 {
            font-size: 70px;
            margin-bottom: 2px
        }

        .error-item p {
            margin-bottom: 6px;
            font-size: 20px
        }

        .error-item a {
            padding: 14px 30px;
            margin-top: 40px;
            font-size: 14px
        }

    .coming-item {
        height: 100%;
        padding-top: 70px;
        padding-bottom: 70px
    }

        .coming-item h1 {
            font-size: 25px;
            margin-bottom: 10px
        }

        .coming-item p {
            margin-bottom: 30px;
            font-size: 14px
        }

        .coming-item .coming-wrap {
            margin-bottom: 5px
        }

            .coming-item .coming-wrap .coming-inner {
                padding-top: 10px;
                padding-bottom: 8px
            }

                .coming-item .coming-wrap .coming-inner h3 {
                    font-size: 28px;
                    margin-bottom: 2px
                }

                .coming-item .coming-wrap .coming-inner p {
                    font-size: 14px
                }

        .coming-item ul li a {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 14px
        }

    .testimonial-area .owl-theme .owl-nav {
        margin-top: 15px
    }

    .testimonial-area .testimonial-wrap {
        padding: 30px 15px 40px
    }

        .testimonial-area .testimonial-wrap h2 {
            font-size: 20px;
            margin-bottom: 30px
        }

        .testimonial-area .testimonial-wrap .testimonial-slider .owl-prev {
            width: 35px;
            height: 35px;
            line-height: 35px !important;
            font-size: 20px !important
        }

        .testimonial-area .testimonial-wrap .testimonial-slider .owl-next {
            width: 35px;
            height: 35px;
            line-height: 35px !important;
            font-size: 20px !important
        }

        .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item img {
            width: 100px;
            height: 100px;
            margin-bottom: 25px
        }

        .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item h3 {
            font-size: 18px;
            margin-bottom: 8px
        }

        .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item p {
            padding-right: 15px;
            padding-left: 15px
        }

    .signup-left {
        height: auto;
        background-image: unset
    }

        .signup-left img {
            display: inline-block;
            padding-left: 15px
        }

    .signup-item .signup-head {
        margin-bottom: 30px
    }

        .signup-item .signup-head h2 {
            font-size: 20px;
            padding-bottom: 12px;
            margin-bottom: 12px
        }

            .signup-item .signup-head h2:before {
                width: 45px;
                height: 2px
            }

        .signup-item .signup-head p {
            font-size: 14px
        }

    .signup-item .signup-form .form-group .form-control {
        font-size: 14px
    }

    .signup-item .signup-form .signup-btn {
        font-size: 15px;
        margin-top: 0
    }

    .login-left {
        height: auto;
        background-image: unset
    }

        .login-left img {
            display: inline-block;
            padding-left: 15px
        }

    .privacy-area {
        padding-bottom: 120px
    }

    .privacy-item {
        margin-bottom: 40px
    }

        .privacy-item h2 {
            font-size: 20px;
            margin-bottom: 10px
        }

        .privacy-item ul li {
            margin-bottom: 15px
        }

    .departments-area {
        padding-bottom: 130px
    }

    .department-item {
        padding-top: 25px;
        padding-bottom: 25px
    }

        .department-item i {
            font-size: 35px;
            margin-bottom: 12px
        }

        .department-item h3 {
            margin-bottom: 8px;
            font-size: 20px
        }

    .services-details-img {
        margin-bottom: 30px
    }

        .services-details-img img {
            margin-bottom: 20px
        }

        .services-details-img h2 {
            font-size: 20px;
            margin-bottom: 10px
        }

        .services-details-img blockquote {
            font-size: 14px;
            padding: 25px 15px 25px 45px
        }

            .services-details-img blockquote i {
                top: 20px;
                left: 14px;
                font-size: 26px
            }

    .service-details-inner-left {
        height: 400px;
        margin-bottom: 20px
    }

    .service-details-inner h2 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .counter-area-four {
        margin-top: 0;
        margin-bottom: 50px
    }

    #toTop {
        bottom: 60px
    }

    .back-to-top-btn i {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 22px;
        margin-right: 10px
    }

    .appointment-area-two {
        padding-top: 60px
    }

    .appointment-item-two-right .appointment-item-content .content-one ul li:before {
        display: none
    }

    .appointment-item-two-right .appointment-item-content .content-two {
        margin-left: 10px
    }

    .appointment-wrap-two {
        margin: 0
    }

    .page-title-two .page-title-item {
        margin-top: 40px
    }

    .slider-item-two .slider-shape img {
        max-width: 100%
    }

    .slider-item-two .slider-text h1 {
        line-height: 40px;
        font-size: 25px
    }

    .about-area-two {
        text-align: center
    }

    .symptoms-content ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .newsletter-item .newsletter-form .newsletter-btn {
        padding: 10px 15px;
        font-size: 15px
    }

    .newsletter-item .newsletter-form .form-control {
        height: 58px;
        font-size: 15px
    }

    .faq-area-two .section-title {
        text-align: left
    }

    .faq-area-two .faq-img {
        background-image: unset;
        margin-bottom: 30px
    }

        .faq-area-two .faq-img img {
            display: block
        }

        .faq-area-two .faq-img a {
            width: 65px;
            height: 65px;
            line-height: 65px;
            position: absolute;
            top: 42%;
            left: 20%;
            font-size: 25px
        }

    .faq-area-two .faq-content .accordion p {
        padding: 15px 20px
    }

    .faq-area-two .accordion a:after {
        top: 4px;
        right: 5px
    }

    .slider-item-three .slider-text h1 {
        margin-bottom: 12px
    }

    .slider-item-three .slider-text p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .slider-item-three .slider-text ul {
        margin-bottom: 35px;
        text-align: left;
        margin-left: auto;
        margin-right: auto
    }

        .slider-item-three .slider-text ul li {
            font-size: 16px
        }

    .slider-item-three .slider-shape img {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    body {
        font-size: 15px
    }

    .ptb-100 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .pt-100 {
        padding-top: 70px
    }

    .pb-70 {
        padding-bottom: 40px
    }

    .pb-100 {
        padding-bottom: 70px
    }

    .header-top-item .header-top-left ul li {
        font-size: 14px;
        margin-right: 18px;
        margin-bottom: 5px
    }

        .header-top-item .header-top-left ul li i {
            font-size: 16px;
            margin-right: 0
        }

    .mobile-nav .logo {
        width: 80px;
        top: 9px !important
    }

    .mobile-nav.mean-container .mean-nav ul li a.active {
        color: #e4141a
    }

    .search-icon {
        display: none
    }

    .slider-item {
        height: 100%;
        padding-top: 140px;
        padding-bottom: 140px;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

        .slider-item .slider-shape img {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 550px;
            margin-bottom: 30px
        }

        .slider-item .slider-shape-two img {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 550px;
            margin-bottom: 30px
        }

        .slider-item .slider-shape-three img {
            position: relative;
            top: 0;
            right: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 550px;
            margin-bottom: 30px
        }

        .slider-item .slider-text {
            margin-top: 0
        }

            .slider-item .slider-text h1 {
                font-size: 30px;
                margin-bottom: 30px;
                margin-left: auto;
                margin-right: auto
            }

            .slider-item .slider-text p {
                margin-bottom: 35px;
                margin-left: auto;
                margin-right: auto
            }

    .common-btn a {
        font-size: 15px;
        padding: 14px 18px
    }

    .common-btn .cmn-btn-right {
        padding-left: 20px;
        padding-right: 20px
    }

    .home-slider .owl-prev {
        width: 50px;
        height: 50px;
        line-height: 50px !important;
        font-size: 25px !important
    }

    .home-slider .owl-next {
        width: 50px;
        height: 50px;
        line-height: 50px !important;
        font-size: 25px !important
    }

    .home-slider.owl-theme .owl-dots {
        bottom: 85px
    }

    .counter-bg {
        margin-top: 70px
    }

    .counter-item i {
        font-size: 40px;
        margin-bottom: 16px
    }

    .counter-item h3 {
        font-size: 38px;
        margin-bottom: 5px
    }

    .counter-item p {
        font-size: 15px
    }

    .about-item h2 {
        font-size: 26px;
        margin-bottom: 10px
    }

    .about-item p {
        margin-bottom: 25px
    }

    .about-item ul {
        margin-bottom: 35px
    }

        .about-item ul li {
            font-size: 15px;
            margin-bottom: 12px
        }

            .about-item ul li i {
                margin-right: 8px;
                font-size: 20px
            }

    .about-item a {
        font-size: 15px;
        padding: 14px 30px
    }

    .about-left {
        position: relative
    }

        .about-left img {
            width: 100%;
            z-index: 1
        }

        .about-left:before {
            position: absolute;
            content: '';
            top: -10px;
            left: -10px;
            width: 430px;
            height: 375px;
            border-radius: 10px;
            z-index: -1;
            -webkit-animation: a-one 5s infinite linear;
            animation: a-one 5s infinite linear;
            background-color: #e4141a
        }

        .about-left:after {
            position: absolute;
            content: '';
            bottom: -10px;
            right: -10px;
            width: 430px;
            height: 375px;
            border-radius: 10px;
            z-index: -1;
            -webkit-animation: a-two 5s infinite linear;
            animation: a-two 5s infinite linear;
            background-color: #e4141a
        }

    @-webkit-keyframes a-one {
        50% {
            -webkit-transform: translate(-10px,10px);
            transform: translate(-10px,10px)
        }
    }

    @keyframes a-one {
        50% {
            -webkit-transform: translate(-10px,10px);
            transform: translate(-10px,10px)
        }
    }

    @-webkit-keyframes a-two {
        50% {
            -webkit-transform: translate(10px,10px);
            transform: translate(10px,10px)
        }
    }

    @keyframes a-two {
        50% {
            -webkit-transform: translate(10px,10px);
            transform: translate(10px,10px)
        }
    }

    .about-right {
        padding-left: 0
    }

        .about-right img {
            right: 0;
            width: 390px
        }

    .section-title {
        margin-bottom: 40px
    }

        .section-title h2 {
            font-size: 26px;
            padding-bottom: 12px
        }

            .section-title h2:before {
                width: 70px;
                height: 4px
            }

    .service-item .service-front h3 {
        font-size: 20px
    }

    .service-item .service-end h3 {
        font-size: 20px
    }

    .expertise-item .expertise-inner {
        padding-top: 36px;
        padding-bottom: 26px
    }

        .expertise-item .expertise-inner i {
            width: 65px;
            height: 65px;
            line-height: 65px;
            font-size: 28px;
            margin-bottom: 25px
        }

        .expertise-item .expertise-inner h3 {
            font-size: 20px;
            margin-bottom: 14px
        }

        .expertise-item .expertise-inner p {
            margin-bottom: 0;
            color: #fff;
            padding-right: 25px;
            padding-left: 25px
        }

    .expertise-item .expertise-right {
        padding-left: 0;
        margin-bottom: 40px
    }

        .expertise-item .expertise-right:before {
            top: -15px;
            left: -10px
        }

    .video-area {
        height: 500px
    }

    .video-item a {
        width: 90px;
        height: 90px;
        line-height: 90px;
        font-size: 25px;
        position: relative;
        top: -45px
    }

    .video-item .video-content {
        margin-top: 30px
    }

        .video-item .video-content:before {
            top: 5px;
            left: 0;
            width: 4px;
            height: 110px
        }

        .video-item .video-content h3 {
            font-size: 26px;
            margin-bottom: 20px
        }

    .video-wrap .video-nav .video-nav-item {
        display: block
    }

        .video-wrap .video-nav .video-nav-item a {
            font-size: 15px;
            padding-bottom: 15px;
            padding-top: 15px;
            border-bottom: 1px solid #4d93e959;
            border-top: 3px solid transparent
        }

    .video-wrap .nav-pills .nav-link.active, .video-wrap .nav-pills .show > .nav-link {
        border-top: 3px solid #4d93e9
    }

    .doctor-item .doctor-top a {
        font-size: 15px;
        padding: 14px 0
    }

    .doctor-item .doctor-bottom {
        padding-top: 20px;
        padding-bottom: 20px
    }

        .doctor-item .doctor-bottom h3 {
            font-size: 20px;
            margin-bottom: 6px
        }

        .doctor-item .doctor-bottom span {
            font-size: 15px
        }

    .doctor-btn a {
        margin-top: 20px;
        font-size: 16px;
        padding: 15px 50px
    }

    .blog-area {
        padding-bottom: 150px
    }

    .blog-item .blog-bottom {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }

        .blog-item .blog-bottom h3 a {
            font-size: 18px;
            margin-bottom: 14px
        }

        .blog-item .blog-bottom p {
            padding-bottom: 20px
        }

        .blog-item .blog-bottom ul {
            padding-top: 15px
        }

            .blog-item .blog-bottom ul li {
                font-size: 15px
            }

                .blog-item .blog-bottom ul li a {
                    font-size: 15px
                }

    .newsletter-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 25px;
        padding-right: 25px;
        max-width: 680px
    }

    .newsletter-item h2 {
        font-size: 26px;
        margin-bottom: 8px
    }

    .newsletter-item p {
        font-size: 14px;
        margin-bottom: 25px
    }

    .newsletter-item .newsletter-form .form-group .form-control {
        height: 60px;
        padding-left: 20px;
        font-size: 16px
    }

    .newsletter-item .newsletter-form .form-group .newsletter-btn {
        padding: 11px 30px;
        font-size: 15px
    }

    footer {
        padding-top: 165px
    }

    .footer-item .footer-contact h3 {
        font-size: 20px;
        margin-bottom: 30px
    }

    .footer-item .footer-contact ul li {
        font-size: 15px;
        margin-bottom: 40px
    }

        .footer-item .footer-contact ul li:last-child i {
            top: 0
        }

        .footer-item .footer-contact ul li i {
            top: 2px;
            font-size: 38px
        }

    .footer-item .footer-quick h3 {
        font-size: 20px;
        margin-bottom: 30px
    }

    .footer-item .footer-quick ul li {
        margin-bottom: 16px
    }

    .footer-item .footer-feedback h3 {
        font-size: 20px;
        margin-bottom: 30px
    }

    .footer-item .footer-feedback .form-group .form-control {
        font-size: 15px
    }

    .footer-item .footer-feedback .feedback-btn {
        font-size: 14px;
        padding: 10px 35px
    }

    .home-slider-two .slider-item {
        height: 100%
    }

        .home-slider-two .slider-item .slider-shape img {
            position: absolute;
            top: -160px;
            left: 0;
            width: 525px;
            -webkit-animation: a-three 5s infinite linear;
            animation: a-three 5s infinite linear
        }

        .home-slider-two .slider-item:before {
            display: none
        }

        .home-slider-two .slider-item .slider-text h1 {
            color: #232323
        }

        .home-slider-two .slider-item .slider-text p {
            color: #616263
        }

        .home-slider-two .slider-item .slider-text .common-btn a {
            border: 2px solid #e4141a;
            color: #fff;
            background-color: #e4141a;
            position: relative
        }

            .home-slider-two .slider-item .slider-text .common-btn a:hover {
                color: #e4141a;
                background-color: transparent
            }

        .home-slider-two .slider-item .slider-text .common-btn .cmn-btn-right {
            background-color: transparent;
            color: #e4141a
        }

            .home-slider-two .slider-item .slider-text .common-btn .cmn-btn-right:hover {
                color: #fff;
                background-color: #e4141a
            }

    .emergency-area {
        margin-top: 70px
    }

    .emergency-bg {
        padding: 40px 0 10px 50px
    }

    .emergency-item .emergency-inner {
        padding-left: 75px
    }

        .emergency-item .emergency-inner h3 {
            margin-bottom: 15px;
            font-size: 20px
        }

    .welcome-item ul {
        max-width: 100%
    }

        .welcome-item ul li {
            margin-bottom: 40px
        }

            .welcome-item ul li:hover i {
                -webkit-box-shadow: 0 0 0 6px #111;
                box-shadow: 0 0 0 6px #111
            }

            .welcome-item ul li i {
                top: 0;
                font-size: 30px;
                width: 65px;
                height: 65px;
                line-height: 65px;
                -webkit-box-shadow: 0 0 0 6px #e4141a;
                box-shadow: 0 0 0 6px #e4141a
            }

            .welcome-item ul li .welcome-inner {
                padding-left: 90px
            }

                .welcome-item ul li .welcome-inner h3 {
                    font-size: 20px;
                    margin-bottom: 8px
                }

                .welcome-item ul li .welcome-inner p {
                    padding-right: 50px
                }

    .welcome-left {
        height: auto;
        background-image: unset
    }

        .welcome-left img {
            display: inline-block
        }

    .welcome-right {
        padding-left: 25px;
        padding-top: 0
    }

    .section-title-two {
        max-width: 100%
    }

        .section-title-two span {
            font-size: 15px
        }

        .section-title-two h2 {
            font-size: 26px
        }

    .speciality-area .section-title-two {
        padding-top: 0;
        padding-left: 15px
    }

    .speciality-item .speciality-inner {
        padding-top: 25px;
        padding-left: 25px;
        padding-bottom: 25px
    }

        .speciality-item .speciality-inner i {
            margin-bottom: 15px
        }

        .speciality-item .speciality-inner h3 {
            font-size: 20px;
            margin-bottom: 8px
        }

    .speciality-right {
        height: auto;
        background-image: unset
    }

        .speciality-right img {
            display: inline-block
        }

        .speciality-right .speciality-emergency {
            left: 15px;
            padding: 30px 295px 20px 40px
        }

            .speciality-right .speciality-emergency h3 {
                font-size: 22px;
                right: 80px
            }

            .speciality-right .speciality-emergency p {
                margin-bottom: 0;
                color: #fff;
                position: absolute;
                right: 142px;
                top: 56px
            }

    .speciality-left {
        padding-left: 0;
        padding-right: 0
    }

    .video-wrap-two .nav-pills .nav-link.active, .video-wrap .nav-pills .show > .nav-link {
        border-top: 0
    }

    .video-wrap-two .video-nav .video-nav-item a {
        padding-left: 20px;
        padding-right: 20px;
        border-top: 0
    }

    .counter-area-two .counter-bg {
        bottom: -70px
    }

    .appointment-area {
        padding-top: 140px
    }

    .appointment-item {
        padding: 50px 60px
    }

        .appointment-item h2 {
            font-size: 20px;
            margin-bottom: 12px
        }

        .appointment-item span {
            font-size: 15px
        }

        .appointment-item .appointment-form .form-group {
            margin-bottom: 40px
        }

            .appointment-item .appointment-form .form-group label {
                font-size: 15px
            }

            .appointment-item .appointment-form .form-group .form-control {
                font-size: 15px
            }

        .appointment-item .appointment-form .appointment-btn {
            font-size: 15px;
            padding: 16px 45px
        }

    .banner-area {
        height: 100%;
        padding-top: 150px;
        padding-bottom: 150px
    }

    .banner-item {
        text-align: center
    }

        .banner-item h1 {
            font-size: 26px;
            margin-bottom: 20px;
            padding-top: 380px;
            max-width: 100%
        }

        .banner-item p {
            margin-bottom: 30px;
            max-width: 100%
        }

        .banner-item .common-btn-two a {
            font-size: 15px;
            padding: 14px 15px;
            margin-right: 8px
        }

        .banner-item .common-btn-two .cmn-btn-right-two {
            padding-left: 20px;
            padding-right: 20px
        }

        .banner-item .banner-right img:nth-child(1) {
            top: -55px;
            right: 0;
            left: 0;
            max-width: 400px
        }

        .banner-item .banner-right img:nth-child(2) {
            top: -43px;
            right: 5px;
            left: 0;
            max-width: 400px
        }

        .banner-item .banner-right img:nth-child(3) {
            top: -63px;
            right: -7px;
            left: 0;
            max-width: 400px
        }

        .banner-item .banner-right img:nth-child(4) {
            display: none
        }

    .hospital-item .hospital-play-btn {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 30px;
        top: 49%
    }

    .hospital-item h2 {
        font-size: 26px;
        margin-bottom: 12px
    }

    .hospital-item p {
        margin-bottom: 25px
    }

    .hospital-item ul {
        margin-bottom: 30px
    }

        .hospital-item ul li {
            font-size: 16px;
            margin-bottom: 15px
        }

    .hospital-item .hospital-btn {
        font-size: 15px;
        padding: 16px 38px
    }

    .hospital-item .hospital-left-one {
        margin-top: 0
    }

        .hospital-item .hospital-left-one:before {
            display: none
        }

    .hospital-item .hospital-left-two {
        margin-bottom: 0
    }

    .hospital-right {
        max-width: 100%;
        margin-left: 0
    }

    .speciality-right-two:before {
        display: none
    }

    .welcome-left-two:before {
        display: none
    }

    .welcome-left-two:after {
        display: none
    }

    .counter-area-three .counter-bg {
        bottom: -70px
    }

    .review-area {
        padding-top: 100px
    }

    .main {
        max-width: 100%;
        padding-bottom: 80px
    }

    .page-title-item {
        margin-top: -35px
    }

        .page-title-item h2 {
            font-size: 35px;
            margin-bottom: 15px
        }

        .page-title-item ul li {
            font-size: 16px;
            margin-right: 0;
            margin-left: 0
        }

    .doctor-search-wrap {
        padding-top: 45px;
        padding-bottom: 15px;
        border-radius: 10px;
        -webkit-box-shadow: 0 0 20px 0 #ddd;
        box-shadow: 0 0 20px 0 #ddd;
        margin-top: -80px;
        z-index: 1;
        position: relative;
        background-color: #fff;
        max-width: 970px;
        margin-right: auto;
        margin-left: auto
    }

    .doctor-search-item {
        margin-bottom: 30px;
        position: relative;
        max-width: 340px;
        margin-right: auto;
        margin-left: auto
    }

        .doctor-search-item .form-group {
            position: relative;
            padding-left: 60px;
            margin-bottom: 0
        }

            .doctor-search-item .form-group i {
                display: inline-block;
                color: #e4141a;
                font-size: 45px;
                position: absolute;
                top: 8px;
                left: 0
            }

            .doctor-search-item .form-group label {
                color: #8c6296;
                font-size: 15px;
                margin-bottom: 5px
            }

            .doctor-search-item .form-group .form-control {
                font-weight: 600;
                font-size: 15px;
                border-radius: 0;
                border: 0;
                padding-left: 0;
                padding-top: 0;
                padding-bottom: 10px;
                border-bottom: 1px solid #ccd9f2
            }

                .doctor-search-item .form-group .form-control:focus {
                    border-bottom: 1px solid #111;
                    -webkit-box-shadow: none;
                    box-shadow: none
                }

            .doctor-search-item .form-group ::-webkit-input-placeholder {
                color: #8c6296
            }

            .doctor-search-item .form-group :-ms-input-placeholder {
                color: #8c6296
            }

            .doctor-search-item .form-group ::-ms-input-placeholder {
                color: #8c6296
            }

            .doctor-search-item .form-group ::placeholder {
                color: #8c6296
            }

        .doctor-search-item .doctor-search-btn {
            position: absolute;
            bottom: 0;
            right: 0;
            color: #8c6296;
            font-size: 18px
        }

    .doctors-area-two {
        padding-bottom: 180px;
        position: relative
    }

        .doctors-area-two .doctor-shape {
            position: absolute;
            top: 45%;
            left: 0
        }

    .page-title-two .page-title-item {
        margin-top: -95px
    }

    .appointment-area-two {
        padding-bottom: 180px
    }

    .appointment-item-two-right .appointment-item-content {
        padding: 35px 40px
    }

    .page-title-item-two {
        text-align: center;
        max-width: 100%
    }

        .page-title-item-two h2 {
            font-size: 38px;
            margin-bottom: 8px
        }

        .page-title-item-two h3 {
            font-size: 28px;
            margin-bottom: 10px
        }

        .page-title-item-two p {
            font-size: 16px
        }

    .doctor-details-left {
        margin-top: 70px
    }

    .doctor-details-item img {
        margin-bottom: 40px
    }

    .doctor-details-item .doctor-details-contact {
        padding-left: 45px;
        margin-bottom: 35px
    }

        .doctor-details-item .doctor-details-contact h3 {
            margin-bottom: 24px
        }

        .doctor-details-item .doctor-details-contact ul li {
            font-size: 15px;
            margin-bottom: 18px
        }

            .doctor-details-item .doctor-details-contact ul li i {
                font-size: 18px
            }

    .doctor-details-item .doctor-details-work {
        padding-left: 50px;
        padding-bottom: 50px
    }

        .doctor-details-item .doctor-details-work h3 {
            margin-bottom: 24px
        }

    .doctor-details-item .doctor-details-biography {
        padding-left: 0;
        padding-top: 30px
    }

        .doctor-details-item .doctor-details-biography h3 {
            font-size: 22px;
            margin-bottom: 15px
        }

    .appointment-area-three {
        padding-bottom: 180px
    }

        .appointment-area-three .appointment-item {
            max-width: 100%;
            margin-right: 0;
            margin-top: 0
        }

            .appointment-area-three .appointment-item .appointment-shape {
                bottom: 0;
                top: -95px;
                left: -74px;
                width: 250px
            }

        .appointment-area-three .speciality-right-three {
            background-image: unset;
            height: auto
        }

    .page-title-four .page-title-item {
        margin-top: 30px
    }

    .blog-details-item .blog-details-img img {
        margin-bottom: 40px
    }

    .blog-details-item .blog-details-img h2 {
        font-size: 22px;
        margin-bottom: 15px;
        padding-right: 0
    }

    .blog-details-item .blog-details-img ul {
        margin-bottom: 25px
    }

        .blog-details-item .blog-details-img ul li {
            font-size: 15px;
            margin-right: 40px
        }

            .blog-details-item .blog-details-img ul li i {
                font-size: 18px
            }

    .blog-details-item .blog-details-img p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .blog-details-item .blog-details-previous h3 {
        font-size: 15px;
        margin-bottom: 15px
    }

    .blog-details-item .blog-details-previous ul {
        margin-bottom: 30px
    }

    .blog-details-item .blog-details-previous .prev-next ul li a {
        font-size: 15px;
        padding: 8px 20px
    }

    .blog-details-item .blog-details-search {
        margin-bottom: 30px
    }

    .blog-details-item .blog-details-recent {
        margin-bottom: 40px
    }

        .blog-details-item .blog-details-recent h3 {
            font-weight: 600;
            font-size: 22px;
            margin-bottom: 30px
        }

        .blog-details-item .blog-details-recent ul li a {
            font-size: 15px;
            padding-top: 15px
        }

        .blog-details-item .blog-details-recent ul li ul li {
            font-size: 15px
        }

    .blog-details-item .blog-details-category {
        margin-bottom: 40px
    }

    .blog-details-form .blog-details-shape {
        position: absolute;
        top: 130px;
        right: 0;
        width: 360px
    }

    .blog-details-form .blog-details-form-wrap h2 {
        font-size: 26px;
        margin-bottom: 25px
    }

    .blog-details-form .blog-details-form-wrap .blog-details-form-btn {
        font-size: 15px;
        padding: 12px 34px
    }

    .blog-area-two {
        padding-bottom: 150px
    }

    .page-title-five .page-title-item {
        margin-top: 40px
    }

    .location-wrap {
        padding-top: 40px;
        padding-bottom: 10px;
        padding-left: 80px;
        margin-top: 70px
    }

        .location-wrap .location-item i {
            width: 70px;
            height: 70px;
            line-height: 70px;
            font-size: 28px;
            margin-bottom: 18px
        }

        .location-wrap .location-item h3 {
            font-size: 22px;
            margin-bottom: 14px
        }

        .location-wrap .location-item p {
            margin-bottom: 14px
        }

    .drop-img {
        height: auto;
        background-image: unset
    }

        .drop-img img {
            display: inline-block
        }

    .drop-item .drop-left {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 30px;
        padding-right: 15px;
        padding-left: 15px
    }

        .drop-item .drop-left h2 {
            font-size: 22px;
            margin-bottom: 20px
        }

        .drop-item .drop-left .drop-btn {
            font-size: 15px
        }

        .drop-item .drop-left .text-danger {
            margin-top: 20px;
            font-size: 20px
        }

        .drop-item .drop-left .text-success {
            margin-top: 15px;
            font-size: 18px
        }

    #map {
        height: 500px
    }

    .faq-head h2 {
        margin-bottom: 20px;
        font-size: 22px
    }

    .faq-wrap {
        margin-bottom: 40px
    }

    .accordion p {
        font-size: 15px
    }

    .accordion a {
        font-size: 15px
    }

    .footer-two {
        padding-top: 70px
    }

    .error-item {
        height: 100%;
        margin-top: 0;
        padding-top: 130px;
        padding-bottom: 110px
    }

        .error-item h1 {
            font-size: 90px;
            margin-bottom: 5px
        }

        .error-item p {
            margin-bottom: 5px;
            font-size: 25px
        }

        .error-item a {
            padding: 16px 35px;
            margin-top: 45px;
            font-size: 15px
        }

    .coming-item {
        height: 100%;
        padding-top: 75px;
        padding-bottom: 80px
    }

        .coming-item h1 {
            font-size: 45px;
            margin-bottom: 10px
        }

        .coming-item p {
            margin-bottom: 35px
        }

        .coming-item .coming-wrap {
            margin-bottom: 10px
        }

            .coming-item .coming-wrap .coming-inner {
                padding-top: 12px;
                padding-bottom: 10px
            }

                .coming-item .coming-wrap .coming-inner h3 {
                    font-size: 30px;
                    margin-bottom: 3px
                }

                .coming-item .coming-wrap .coming-inner p {
                    font-size: 14px
                }

    .testimonial-area .owl-theme .owl-nav {
        margin-top: 20px
    }

    .testimonial-area .testimonial-wrap {
        padding-top: 40px;
        padding-bottom: 50px
    }

        .testimonial-area .testimonial-wrap h2 {
            font-size: 25px;
            margin-bottom: 30px
        }

        .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item img {
            width: 110px;
            height: 110px;
            margin-bottom: 20px
        }

        .testimonial-area .testimonial-wrap .testimonial-slider .testimonial-item h3 {
            font-size: 22px;
            margin-bottom: 10px
        }

    .signup-left {
        height: auto;
        background-image: unset
    }

        .signup-left img {
            display: inline-block;
            padding-left: 15px
        }

    .signup-item {
        max-width: 590px;
        margin-left: auto;
        margin-right: auto
    }

        .signup-item .signup-head {
            margin-bottom: 35px
        }

            .signup-item .signup-head h2 {
                font-size: 26px;
                padding-bottom: 13px;
                margin-bottom: 13px
            }

                .signup-item .signup-head h2:before {
                    width: 60px;
                    height: 3px
                }

            .signup-item .signup-head p {
                font-size: 15px
            }

        .signup-item .signup-form .signup-btn {
            font-size: 15px
        }

    .login-left {
        height: auto;
        background-image: unset
    }

        .login-left img {
            display: inline-block;
            padding-left: 15px
        }

    .privacy-area {
        padding-bottom: 140px
    }

    .privacy-item {
        margin-bottom: 40px
    }

        .privacy-item h2 {
            font-size: 22px;
            margin-bottom: 12px
        }

        .privacy-item ul li {
            margin-bottom: 16px
        }

    .departments-area {
        padding-bottom: 150px
    }

    .department-item {
        padding-top: 25px;
        padding-bottom: 25px
    }

        .department-item i {
            font-size: 40px;
            margin-bottom: 16px
        }

        .department-item h3 {
            margin-bottom: 10px;
            font-size: 20px
        }

    .services-details-img {
        margin-bottom: 40px
    }

        .services-details-img img {
            margin-bottom: 20px
        }

        .services-details-img h2 {
            font-size: 22px;
            margin-bottom: 10px
        }

        .services-details-img p {
            margin-bottom: 20px
        }

        .services-details-img blockquote {
            font-size: 15px;
            padding: 25px 15px 25px 55px
        }

            .services-details-img blockquote i {
                top: 16px;
                left: 20px;
                font-size: 28px
            }

    .service-details-inner-left {
        height: auto;
        margin-bottom: 30px;
        background-image: unset
    }

        .service-details-inner-left img {
            display: inline-block
        }

    .service-details-inner {
        max-width: 100%
    }

        .service-details-inner h2 {
            font-size: 25px;
            margin-bottom: 10px
        }

    .counter-area-four {
        margin-top: 0;
        margin-bottom: 70px
    }

    .slider-item-two .slider-shape img {
        max-width: 100%
    }

    .slider-item-two .slider-text h1 {
        line-height: 40px;
        font-size: 28px;
        margin-bottom: 16px
    }

    .about-area-two {
        text-align: center
    }

    .symptoms-content ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .newsletter-item .newsletter-form .newsletter-btn {
        padding: 10px 15px;
        font-size: 15px
    }

    .newsletter-item .newsletter-form .form-control {
        height: 58px;
        font-size: 15px
    }

    .faq-area-two .section-title {
        text-align: left
    }

    .faq-area-two .faq-img {
        background-image: unset;
        margin-bottom: 30px
    }

        .faq-area-two .faq-img img {
            display: block
        }

        .faq-area-two .faq-img a {
            width: 65px;
            height: 65px;
            line-height: 65px;
            position: absolute;
            top: 45%;
            left: 65px;
            font-size: 25px
        }

    .faq-area-two .faq-content .accordion p {
        padding: 15px 20px
    }

    .slider-item-three .slider-text h1 {
        margin-bottom: 25px;
        font-size: 45px
    }

    .slider-item-three .slider-text p {
        margin-bottom: 20px;
        font-size: 16px
    }

    .slider-item-three .slider-text ul {
        margin-bottom: 35px;
        text-align: left;
        margin-left: auto;
        margin-right: auto
    }

        .slider-item-three .slider-text ul li {
            font-size: 16px
        }

    .slider-item-three .slider-shape img {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .slider-item .slider-shape img {
        top: 115px;
        right: 0;
        max-width: 520px
    }

    .slider-item .slider-shape-two img {
        top: 135px;
        max-width: 520px;
        right: 0
    }

    .slider-item .slider-shape-three img {
        top: 150px;
        max-width: 500px
    }

    .common-btn a {
        padding: 16px 22px
    }

    .about-right img {
        right: 20px;
        width: 370px
    }

    .video-wrap .video-nav .video-nav-item a {
        font-size: 16px;
        padding: 12px 55.4px 12px 56.3px
    }

    .expertise-item .expertise-right:before {
        width: 395px;
        height: 355px
    }

    .expertise-item .expertise-right:after {
        width: 395px;
        height: 355px
    }

    .expertise-item .expertise-right img {
        width: 100%;
        z-index: 1
    }

    .blog-item .blog-bottom {
        padding-top: 30px;
        padding-left: 20px
    }

        .blog-item .blog-bottom h3 a {
            font-size: 16px
        }

    .welcome-right {
        padding-left: 40px
    }

    .speciality-left {
        padding-left: 30px;
        padding-right: 65px
    }

    .appointment-item-two-right .appointment-item-content {
        padding: 95px 20px 100px;
        margin: 0 20px
    }

    .doctor-details-item .doctor-details-contact ul li {
        font-size: 16px
    }

    .appointment-area-three {
        padding-bottom: 180px
    }

        .appointment-area-three .appointment-item {
            padding: 80px 15px
        }

    .blog-details-item .blog-details-recent ul li {
        padding-left: 110px
    }

        .blog-details-item .blog-details-recent ul li a {
            margin-bottom: 4px
        }

        .blog-details-item .blog-details-recent ul li ul li {
            font-size: 14px;
            margin-right: 2px
        }

            .blog-details-item .blog-details-recent ul li ul li i {
                font-size: 16px;
                margin-right: 1px
            }

    .banner-item .banner-right img:nth-child(1) {
        top: -70px;
        right: -20px;
        max-width: 400px
    }

    .banner-item .banner-right img:nth-child(2) {
        top: -61px;
        right: -9px;
        max-width: 380px
    }

    .banner-item .banner-right img:nth-child(3) {
        top: -70px;
        right: -19px;
        max-width: 380px
    }

    .speciality-item .speciality-inner {
        padding: 15px
    }

        .speciality-item .speciality-inner h3 {
            font-size: 20px
        }

    .expertise-item .expertise-inner h3 {
        font-size: 18px
    }

    .slider-item-two .slider-shape img {
        top: 0;
        max-width: 365px
    }

    .slider-item-three .slider-shape img {
        top: 0;
        max-width: 395px
    }
}

@media only screen and (max-width:991px) {
    .mobile-nav {
        display: block;
        position: relative
    }

        .mobile-nav .logo {
            text-decoration: none;
            position: absolute;
            top: 11px;
            z-index: 999;
            left: 15px;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 20px
        }

    .mean-container .mean-bar {
        background-color: #e4141a;
        padding: 0
    }

    .mean-container a.meanmenu-reveal {
        padding: 15px 15px 0 0
    }

    .mobile-nav nav .navbar-nav .nav-item a i {
        display: none
    }

    .main-nav {
        display: none !important
    }

    .mobile-nav nav .navbar-nav {
        height: 300px;
        overflow-y: scroll
    }
}