@media (max-width:880px) {
    section.about-us-hero {
        padding-top: 130px;
        padding-bottom: 18px
    }

    .inner-about-img .img1,
    .inner-about-img .img3,
    .inner-about-img .img4 {
        display: none
    }

    .webnavigation {
        top: 183px
    }

    .arc-home-about-left:after {
        right: -11px;
        top: -34px
    }

    .inner-service-img img {
        top: 20px;
        right: 0;
        margin-bottom: 50px
    }

    section.about-us-hero .au-hero-text h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0;
        text-align: center
    }

    section.about-us-hero .au-hero-text nav .breadcrumb li {
        font-size: 12px;
        display: inline-block
    }

    .inner-service-img::before {
        content: "";
        position: absolute;
        background-image: url(../img/about-5-contentbg.png);
        width: 100%;
        height: 90%;
        right: 0
    }

    .inner-about-img .img2 {
        position: relative;
        left: 0;
        top: 78px;
        width: 100%;
        padding-top: 20px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        border: 10px solid #0f4f8f
    }

    .specilaties .col-md-6:nth-child(3) .single-fune-fact::before {
        content: "";
        position: absolute;
        width: 161%;
        height: 2px;
        border-bottom: 2px solid #ccc;
        bottom: 111px;
        left: 49px
    }

    section.fun-fact .single-fune-fact {
        padding: 0;
        padding-top: 30px;
        margin-bottom: 10px
    }

    .specilaties .col-md-6:nth-child(1) .single-fune-fact::before {
        content: "";
        position: absolute;
        width: 2px;
        height: 200px;
        right: -4px
    }

    section.fun-fact .single-fune-fact h1.sff::before {
        position: absolute;
        content: '';
        width: 74px;
        height: 74px
    }

    section.fun-fact .single-fune-fact p {
        font-size: 13px
    }

    .nav-fixed .address-info {
        top: -57px
    }

    .h-style1 .nav-brand a {
        max-width: initial
    }

    .address-info {
        background: #0e2d58;
        display: table;
        width: 100%;
        margin-top: 129px;
        top: 0;
        left: 0;
        padding-top: 0
    }

    .address-info ul li {
        text-align: center;
        width: 50%;
        float: left
    }

    section.hero-2 .hero-content {
        margin-top: 8%;
        right: 0;
        left: 0;
        text-align: center;
        width: 100%
    }

    .address-info ul li a {
        color: #fff;
        position: relative;
        display: block;
        font-size: 14px;
        padding: 12px 11px
    }

    section.hero-2 .hero-content p {
        font-size: 16px;
        line-height: 23px;
        padding-bottom: 0
    }

    section.hero-2 .hero-content::before {
        left: 0;
        top: -21%;
        width: 335px;
        height: 335px
    }

    .address-info ul li a i {
        display: none
    }

    .address-info ul li:nth-child(1) a::before {
        height: 28px
    }

    .h-style1 h2.nav-brand img {
        width: auto
    }

    section.hero-2 .hero-img img {
        height: auto
    }

    section.hero-2 .hero-img {
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        position: relative
    }

    .hero-btn a.btn-2,
    .hero-btn a.btn-3 {
        max-width: 103px;
        padding: 2px 0
    }

    .downicon {
        position: absolute;
        right: auto;
        bottom: 18px
    }

    .socila-media-top ul li a {
        color: #fff;
        border: none
    }

    .socila-media-top {
        position: fixed;
        bottom: initial;
        left: 0;
        display: block;
        right: initial;
        top: 345px
    }

    .service-tabs::before {
        content: "";
        position: absolute;
        width: 328px;
        height: 147%
    }

    span.follow {
        color: #fff;
        display: none
    }

    .nav-brand {
        top: 47px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 327px
    }

    section.service h1 {
        margin-bottom: 0;
        margin-top: 2px
    }

    section.work-process .tab-content .work-content {
        right: 0;
        left: 0;
        top: 18px;
        margin: 0 auto;
        padding: 10px;
        background: rgba(78, 77, 77, .79)
    }

    .about-content {
        text-align: center
    }

    section.fun-fact-2 {
        margin-top: 0;
        padding: 26px 0 20px
    }

    .about-content h1 {
        font-size: 30px
    }

    .appointment-title {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 0;
        font-size: 30px
    }

    .appointment-container::before {
        display: none
    }

    section.client-feedback .single-feedback {
        position: relative;
        width: 100%;
        margin: 0 auto 74px
    }

    section.subscrive h1 {
        font-size: 26px;
        padding-bottom: 9px
    }

    section.subscrive {
        padding: 37px 7px
    }

    section.footer-details .f-details img {
        margin-bottom: 0;
        width: 316px
    }

    section.footer-details {
        padding-top: 19px;
        padding-bottom: 0
    }

    .laction-section .l1location li::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        border-bottom: 1px solid #ccc;
        right: 0;
        top: 174px
    }

    .laction-section .l2location li::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        border-bottom: 1px solid #ccc;
        right: 0;
        top: 249px
    }

    .footer-botom p {
        font-size: 17px
    }

    .footer-botom a {
        display: block
    }

    .scrollup .scrollup-icon {
        bottom: 12px
    }

    .ser-tab-img img {
        width: 39px
    }

    section.work-process .nav-tabs .nav-link h3 {
        color: #fff;
        font-size: 18px
    }

    section.work-process .nav-tabs {
        width: 90%
    }

    section.work-process .nav-tabs .nav-link {
        padding: 15px 13px
    }

    .address-info ul {
        float: initial
    }

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

    .home-servive-contrent {
        text-align: center;
        margin-bottom: 26px;
        margin-top: 16px;
        padding: 5px 8px 0
    }

    .services-title {
        font-size: 47px;
        top: 8px;
        margin-bottom: 21px;
        text-align: center;
        width: 100%;
        position: relative
    }

    .home-servive-contrent::before {
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0
    }

    header.header-area.nav-fixed .main-menu-btn-icon,
    header.header-area.nav-fixed .main-menu-btn-icon:after,
    header.header-area.nav-fixed .main-menu-btn-icon:before {
        background: #000
    }

    .service-title {
        width: 100%;
        right: 0;
        left: 0;
        text-align: center;
        padding: 0 6px;
        font-size: 13px;
        line-height: 21px;
        bottom: 40%;
    }

    section.about-us .about-content {
        padding-top: 24px;
        left: 0
    }

    .about-us::after {
        bottom: -6px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .appointment-container::after,
    .specilaties .col-md-3:nth-child(2) .single-fune-fact::before,
    section.fun-fact-2::after {
        display: none
    }

    .emergency-title {
        font-size: 22px;
        margin: 10px 0 16px;
        line-height: 41px
    }

    .emergency-title2 {
        font-size: 25px
    }

    .appointment-section {
        padding: 16px 19px 13px
    }

    .client-feedback .single-feedback .sf-client .text {
        top: 79px;
        left: 106px
    }

    .client-feedback .single-feedback {
        margin: 27px auto
    }

    section.about-us .about-content span {
        display: block
    }

    section.about-us .about-content h1 {
        font-size: 28px
    }

    .practice-block {
        font-size: 17px
    }

    section.hero-2 {
        padding: 0
    }

    .h-style1 {
        height: 76px;
        padding: 0
    }

    .main-menu-btn {
        float: inherit;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 99;
        background-color: #c54248;
        width: 50px;
        height: 45px;
        text-align: center
    }

    .nav-fixed .main-menu-btn {
        left: initial;
        right: 10px
    }

    header.header-area.h-style2 .main-menu-btn-icon,
    header.header-area.h-style2 .main-menu-btn-icon:after,
    header.header-area.h-style2 .main-menu-btn-icon:before {
        background: #fff
    }

    .main-menu-btn-icon,
    .main-menu-btn-icon:after,
    .main-menu-btn-icon:before {
        position: absolute;
        left: 9px;
        background-color: #fff
    }

    .main-menu-btn-icon:before {
        content: '';
        top: -7px;
        left: 9px
    }

    .doctor-image::after {
        height: 429px;
        width: 117%
    }

    #main-menu {
        left: 0;
        position: absolute;
        width: 97%;
        top: 45px;
        height: 350px;
        overflow-y: auto;
        right: 0;
        margin: auto
    }

    .h-style2 .sm-mint>li>a {
        padding: 18px 16px;
        border-bottom: 1px solid #ccc
    }

    .sm-mint a .sub-arrow {
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: auto;
        right: 4px;
        width: 34px;
        height: 34px;
        overflow: hidden;
        font: bold 23px/34px monospace !important;
        text-align: center;
        text-shadow: none;
        background: #1c4670;
        border-radius: 4px;
        color: #fff
    }

    .about-content::before {
        position: absolute;
        content: "";
        width: 110%;
        height: 376px;
        background-color: #1c4670;
        background: #e2f3d2;
        z-index: -1;
        left: -19px;
        top: -48px
    }

    .mvv-blocks {
        margin-top: 0;
        height: 163px;
        display: inline-block;
        margin-bottom: 30px;
    }

    .mvv-blocks.vision {
        margin-top: -22px
    }

    .mvv-blocks.values {
        margin-top: -29px
    }

    .nav-fixed .nav-brand {
        width: 266px;
        background-color: transparent;
        box-shadow: none;
        left: 7px;
        margin: 0;
        top: 5px
    }

    .client-feedback::before,
    section.service::before {
        display: none
    }

    .client-feedback {
        padding: 50px 0 6px
    }

    section.about-us {
        position: relative;
        padding: 27px 0 63px
    }

    .ser_icon {
        display: none
    }

    .we_specialized {
        position: relative;
        bottom: 0
    }

    .se_row_list .col-md-3,
    .se_row_list .col-md-6 {
        padding: 0 5px
    }

    .se_row_list .col-md-3:nth-child(1),
    .se_row_list .col-md-3:nth-child(4) {
        margin-top: 0
    }

    .se_row_list .col-md-3:nth-child(5),
    .se_row_list .col-md-3:nth-child(8) {
        margin-top: 0
    }

    .ser-blocks {
        margin-bottom: 10px;
        height: 211px
    }

    .row.se_row_list {
        margin: 0 -10px
    }

    .home-slider {
        background-image: url(../img/slider/m1.jpg)
    }

    ._why_b::before,
    .about-content::before,
    .doctor-image::after,
    .doctor-image::before,
    .socila-media-top::before {
        display: none
    }

    ._why_b {
        display: inline-block;
        width: 150px;
        height: 150px;
        margin-top: 30px;
        box-shadow: 0 0 0 6px #d8d8d8
    }

    .h-style1 .nav-brand a {
        padding: 0
    }

    .mvv-blocks a {
        padding: 30px 14px 0
    }

    .mvv_list {
        text-align: center;
        width: 100%;
        margin-top: 20px;
        display: inline-block;
    }

    ._why_b h3 {
        font-size: 30px;
        padding-top: 32px
    }

    .why_choose_sec {
        position: relative;
        padding: 28px 0 49px
    }

    .emegency-block {
        padding: 50px 0 68px;
        margin-top: 0
    }

    section.mobile-ui {
        text-align: center;
        padding-top: 0
    }

    .client-feedback h2 {
        font-size: 29px;
        margin-bottom: 30px
    }

    .blog_list::before {
        width: 100%;
        height: 100%
    }

    ._blog_info {
        bottom: 18px;
        right: 0;
        left: 0;
        max-width: 100%;
        padding: 0 24px
    }

    .faq_box.serviceBox {
        min-height: auto;
        margin: 0;
    }

    .faqs_section {
        padding: 7px 0 37px
    }

    .subscrive h3 {
        font-size: 23px
    }

    .subscrive span {
        font-size: 20px;
        margin-bottom: 7px
    }

    .f-details span {
        font-size: 26px;
        margin-bottom: 13px
    }

    .l1location {
        height: auto
    }

    footer {
        border-top: 0
    }

    .sm-mint ul {
        background: #c50000
    }

    .h-style1 .sm-mint li ul li a {
        color: #fff;
        padding: 10px;
        border-bottom: 1px solid #ababab
    }

    .arc-home-left-content h2 {
        font-size: 23px
    }

    .wt-tilte-light span {
        font-size: 20px
    }

    .watsapp {
        right: 10px;
        width: 43px;
        bottom: 22px
    }

    ul.service-list {
        padding-left: 0
    }

    .flellowship-blocks {
        margin-top: 0
    }

    .serviceBox .service-content {
        height: auto
    }

    .fellowships h3 {
        font-size: 19px
    }

    section.about-us-hero .au-hero-text {
        padding: 70px 0 0
    }

    section.about-us-hero .au-hero-text nav {
        position: relative
    }

    section.about-us-hero .au-hero-text nav .breadcrumb {
        text-align: center;
        display: block
    }

    section.about-us-hero .au-hero-text nav .breadcrumb::before {
        display: none
    }

    .service-content h2 {
        font-size: 17px
    }
    .ser-blocks:hover a {
    left: 20%;
    opacity: 1;
    visibility: visible;
    bottom: 45px;
}
}