@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;
        padding: 30px 0;
        margin-left: 20px;
    }
    .header-style-two .header-upper .logo-outer {
        left: 15px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .header-style-two .header-upper .logo:before {
        display: none;
    }
}
@media only screen and (max-width: 500px) {
    .box .title h4 {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
    }
    .box .description p {
        display: none;
    }
    .box .title:after,
    .box .description:after {
        content: "";
        width: 80%;
        display: block;
        border-bottom: 0px;
        margin: 1px auto;
    }
    .box .social-links {
        font-size: 10px;
        color: #fff;
    }
    .box .social-links p {
        display: inline;
        background: var(--color-default);
        padding: 5px 15px;
        border-radius: 32px;
    }
}
@media only screen and (max-width: 800px) {
    .bread_cumb_wrap::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 400px;
        top: 0;
        left: 0;
        z-index: -1;
        background-image: url(../gallery/inner-bg11.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .about_section h1 {
        font-size: 30px;
    }
    .social-links-bottom {
        padding: 0;
    }
    .bread_cumb_wrap h1 {
        font-size: 27px;
    }
    .inner-section2 {
        padding: 30px 0px;
    }
    .doc-abt-content {
        margin-bottom: 15px;
    }
    .cont_section h3 {
        font-size: 26px;
    }
    .bread_cumb_wrap {
        padding: 185px 0 40px
    }
    .main-footer-two .footer-bottom .copyright {
        font-size: 15px;
    }
    .doc-img {
        margin-bottom: 30px;
    }
    .about_section {
        text-align: center;
    }
    .about_section .section_title_text {
        text-align: center !important;
    }
    .social-links-bottom ul li::before {
        display: none;
    }
    .main-footer-two .widget-title {
        text-align: center;
    }
    .footer-widget {
        margin-bottom: 15px;
        text-align: center;
    }
    .social-links-bottom ul li {
        padding-left: 0px;
    }
    .main-footer-two .widget-title:after {
        width: 99px;
        left: 0px;
        right: 0px;
        margin: auto;
    }
    .social-icon-two li a {
        border: 1px dashed #000;
    }
    .main-timeline .timeline:nth-child(2n) {
        margin: 0px
    }
    .appointment_section {
        position: relative;
        padding: 28px 0px 10px;
        background-color: #242424;
        background-image: linear-gradient(to left, rgb(0 0 0 / 0%), #242424), url(../gallery/appointment_bg1.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .main-header .header-top .top-left::before {
        display: none;
    }
    .main-header .header-top .top-left {
        background: transparent;
        right: 0;
        float: inherit;
        padding: 81px 0 0;
        top: 0;
        width: 100%;
    }
    .main-header .header-top .top-left .social-links {
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        top: 197px;
        margin: auto;
        display: block;
    }
    .main-header .header-upper .logo-outer {
        width: 285px;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
    }
    .social-icon-one li:nth-child(4) a {
        color: #ff4be9;
        border-right: none;
    }
    .main-header .nav-outer {
        position: relative;
        display: block;
        margin: auto;
        top: 14px;
    }
    .nav-outer .mobile-nav-toggler {
        display: inline-table;
        margin: 0px;
        padding: 0px 7px;
        background: linear-gradient(to right, var(--color-primary), var(--color-secondary));
        /* background: #87c443; */
        color: #fff;
        position: absolute;
        top: 70px;
        margin: 0 auto;
        right: 0;
        left: 0;
        border-radius: 50%;
    }
    .mobile-menu .navigation {
        margin-top: 69px;
    }
    .mobile-menu .navigation li>a {
        padding: 14px 25px;
        font-size: 16px;
        font-weight: 400;
    }
    .logo-widget {
        text-align: center;
        margin-bottom: 13px;
    }
    .logo-widget .logo img {
        width: 288px;
    }
    .mobile-menu .menu-backdrop {
        background: rgb(0 0 0 / 32%);
    }
    .mobile-menu .navigation li.current>a,
    .mobile-menu .navigation li>a:hover {
        color: var(--color-primary);
    }
    .mobile-menu .navigation li.dropdown .dropdown-btn.open {
        background: var(--color-secondary);
    }
    .banner_carousel .owl-dots .owl-dot,
    .banner_carousel::before {
        display: none;
    }
    .main-header {
        border: 0px;
        box-shadow: none;
    }
    .slide1 {
        background-image: url(../gallery/mb1.png);
    }
    .slide2 {
        background-image: url(../gallery/mb2.png);
    }
    .slides {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
    }
    .top-wraapper {
        position: relative;
        height: 100vh;
        margin-bottom: 0px;
    }
    .about_section {
        position: relative;
        margin-top: -50px;
    }
    .scroll-to-top {
        position: fixed;
        bottom: 67px;
    }
}