/*
* expandable menu started
*/

@media (max-width: 1199px) {
    .header-navigation {
        margin-bottom: 0;
    }
    .logo-box {
        width: 100%;
        float: none;
    }
    .navigation-box {
        margin: 0;
    }
    .navbar-expand-lg .menu-toggler {
        display: block;
        margin-right: 0;
        border-color: #fff;
        margin: 23px 0;
        color: #fff;
        border: none;
        font-size: 25px;
        float: right;
        outline: none;
        cursor: pointer;
    }
    .menu-toggler:hover {
        border-color: #00AD4D;
    }
    .menu-toggler .icon-bar {
        background: #fff;
    }
    .menu-toggler:hover .icon-bar {
        background: #00AD4D;
    }
    .navbar-expand-lg .navbar-collapse {
        padding-bottom: 0;
        overflow: auto !important;
        width: 100%;
    }
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        background: transparent;
        padding: 0px 0px !important;
        padding-bottom: 0px !important;
        margin: 0;
        background: #000;
        transition: all .5s ease;
        height: 0;
    }
    .navbar-expand-lg .navbar-collapse.showen {
        display: block !important;
        height: auto;
        max-height: 70vh;
    }
    .navbar-collapse.show {
        overflow-y: auto;
    }
    .header-navigation .nav {
        width: 100%;
        text-align: left;
    }
    .header-navigation .nav>li {
        display: block;
        padding: 0 !important;
        width: 100%;
        float: none;
    }
    .header-navigation .nav>li+li {
        margin-left: 0 !important;
    }
    .header-navigation .nav>li>a {
        padding: 8px 0;
    }
    .header-navigation .right-box.nav {
        width: 100%;
        margin: 0;
    }
    .header-navigation .right-box.nav>li>a {
        border: none !important;
        padding: 8px 0;
        color: #fff;
    }
    .header-navigation .nav>li>a:after {
        display: none;
    }
    .header-navigation .nav.navigation-box+.nav {
        border-top: 1px dashed #282828;
    }
    .header-navigation .navigation-box>li>.submenu,
    .header-navigation .navigation-box>li>.submenu>li>.submenu {
        position: relative !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transition: none !important;
        display: none;
        float: none !important;
        margin: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .header-navigation .navigation-box>li>.submenu>li>a::after {
        display: none;
    }
    .header-navigation ul.navigation-box>li+li {
        padding: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .1);
        display: block;
        float: none;
    }
    .header-navigation .nav>li.show-mobile {
        display: none;
    }
    .header-navigation ul.navigation-box>li>a,
    .header-navigation .right-box.nav>li>a {
        padding: 0;
        display: block;
        color: #fff;
        padding: 16px 0 16px 14px !important;
        transition: background 0.4s ease 0s;
    }
    .header-navigation ul.navigation-box>li>.submenu>li:hover>a {
        color: #fff;
        background: #ec56a4;
    }
    .header-navigation ul.navigation-box>li>.submenu>li:hover>.submenu{
        padding-left: 47px;
        background: none;
    }
    .header-navigation ul.navigation-box>li:hover>a {
        color: #ec56a4;
    }
    .header .stricky-fixed.header-navigation .nav>li {
        padding: 0 !important;
    }
    .header-navigation ul.navigation-box li a .sub-nav-toggler {
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 1px 9px;
        background: #ec56a4;
        color: #fff;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        /*margin-top: 8px;*/
        margin-right: 0px;
        display: block;
        cursor: pointer;
    }
    .header-navigation ul.navigation-box>li>ul>li>.submenu>li+li {
       
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        
    }
    .header-navigation .navigation-box .sub-nav-toggler .icon-bar {
        background-color: #fff;
        border-radius: 1px;
        display: block;
        height: 1px;
        width: 20px;
    }
    .header-navigation .navigation-box .sub-nav-toggler .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    .header-navigation .container .right-side-box {
        top: 19px;
        right: 15px;
        transform: translateY(0%)
    }
    .header-navigation .container {
        display: block;
        padding-right: 0px;
        padding-left: 0px;
        position: relative;
    }
    .header-navigation .container .logo-box .navbar-toggler {
        float: left;
    }
    .header-navigation ul.navigation-box {
        display: block;
        margin: 0 !important;
        width: 87%;
        left: 25px;
        background: #8e52a5;
        padding-bottom: 10px;
    }
    .header-navigation ul.navigation-box>li {
        padding: 0;
        display: block;
    }
    .header-navigation ul.navigation-box>li>a {
        display: block;
        padding: 13px 30px;
    }
    .header-navigation ul.navigation-box>li>a:after {
        display: none;
    }
    .header-navigation ul.navigation-box>li+li {
        margin: 0;
    }
    .header-navigation .main-navigation {
        float: none;
        width: 100%;
        display: none;
        text-align: left;
        background: #181818;
        max-height: 70vh;
        overflow-y: scroll;
    }
    .header-navigation .container .menu-toggler {
        display: block;
    }
    .header-navigation .container .menu-toggler {
        float: left;
        margin: 27px 0;
        color: #111111;
    }
    .header-navigation {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .header-one .header-navigation .container {
        padding-right: 0;
    }
}

@media(max-width: 1199px) {
    .banner-one__slide br {
        display: none;
    }
    .topbar-three .container,
    .topbar-two .container {
        justify-content: center;
        flex-direction: column;
    }
    .topbar-two .logo-box,
    .topbar-three .logo-box {
        text-align: center;
    }
    .topbar-two .logo-box a,
    .topbar-three .logo-box a {
        margin-bottom: 30px;
        display: inline-block;
    }
    .block-title__text br {
        display: none;
    }
    .banner-one__home-five .banner-one__title br {
        display: block;
    }
    .service-details__tag-line br {
        display: none;
    }
    .service-details .col-lg-8 .accrodion-grp {
        padding-right: 0;
    }
}

@media(max-width: 991px) {
    .banner-one__title br {
        display: none;
    }
    .column-5__col {
        -webkit-box-flex: 1;
        flex: 1 0 25%;
    }
    .appointment-one__form {
        margin-left: 0;
        margin-top: 0;
    }
    .appointment-one__content {
        padding-top: 0;
    }
    .appointment-one .inner-container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .topbar-two__info:not(:first-child) {
        margin-left: 20px;
    }
    .topbar-three__info:not(:last-child) {
        margin: 0;
        padding-left: 20px;
    }
    .topbar-three__info .thm-btn {
        font-size: 14px;
    }
    .topbar-three__info:not(:last-child):before {
        display: none;
    }
    .service-two__carousel-block-btn {
        justify-content: center;
    }
    .service-two__carousel-block-btn {
        margin-top: -20px;
        margin-bottom: 40px;
    }
    .banner-one__home-five .banner-one__person {
        display: none !important;
    }
    .service-details__image-content__image {
        justify-content: flex-start;
        margin-bottom: 30px;
    }
    .service-details .col-lg-8 .accrodion-grp {
        margin-bottom: 30px;
    }
}

@media(max-width: 767px) {
    .banner-one .container {
        padding-top: 150px;
        padding-bottom: 190px;
    }
    .testimonials-two__image,
    .testimonials-two__content {
        display: block;
        padding: 0;
    }
    .testimonials-two__image {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    .testimonials-two__content {
        text-align: center;
    }
    .testimonials-two__text {
        font-size: 17px;
    }
    .topbar-two__info:not(:first-child) {
        margin-left: 0px;
        margin-top: 20px;
    }
    .topbar-two__infos {
        flex-direction: column;
        justify-content: center;
    }
    .topbar-three__infos {
        flex-direction: column;
    }
    .topbar-three__info:not(:last-child) {
        padding: 0;
        margin-top: 20px;
    }
    .topbar-three__info:last-child {
        margin-left: 0;
        margin-top: 20px;
    }
    .testimonials-two__home-five .testimonials-two__carousel {
        padding-left: 0;
        padding-right: 0;
    }
    
}
@media (max-width: 800px){
    
    .logins_section span {
        display: inline-block;
        color: #fff;
        padding: 6px 16px;
        cursor: pointer;
        width: 100%;
        font-size: 16px;
        border-radius: 20px;
        background:#8d55a4;
    }
    .logins_section span {
        padding: 3px 15px;
        font-size: 15px;
        width: auto;
    }
    .logins_section {
        position: absolute;
        display: block;
        right: 0;
        top: 155px;
        z-index: 99;
        left: 0;
        text-align: center;
    }
    .header-navigation .container .logo-box {
        background-color: transparent;
        box-shadow: none;
    }
    .header-one {
        background-image: none;
        
    }
    .enq-form {
        margin-bottom: 0px;
        padding-top: 40px;
    }
    .info {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 0px;
    }
    .footer-sec{
        padding-top: 0px;
        margin-top: 0px;
    }
    .header-navigation .main-navigation {
        background: none;
        padding: 0 20px;
        z-index: 9999;
        position: relative;
    }
    .slide-one {
        background-image: url(../img/slider/mbl.jpg);
    }
    .slide-two {
        background-image: url(../img/slider/mbl1.jpg);
    }
    .slide-three {
        background-image: url(../img/slider/mbl2.jpg);
    }
    .abt_serv_sections{
        top: 18px;
        padding-bottom: 80px;
        padding-top: 60px;
    }
    .service-block {
        top: 0px;
        padding: 28px 10px 0;
    }
    .service-one {
        padding-top: 44px;
    }
    .service-one__link {
        font-size: 26px;
        text-align: center;
       
        text-decoration: none;
        margin-left: 0px;
        border-top: 1px dashed #333;
    border-bottom: 1px dashed #333;
    }
    .block-title .col-md-3 h2{
        text-transform: uppercase;
        font-size: 31px;
        font-weight: 600;
        color: #ea5996;
        border-bottom: 1px dashed #000;
        display: inline-block;
        padding-top: 20px;
        margin-bottom: 0px;
    }
    .mvv_list_row .col-md-4{
        padding-bottom: 20px;
    }
    .mvv_list_row .col-md-4::before {
        content: "";
        position: absolute;
        width: 100px;
        height: 100px;
        background: #f5e3fb;
        left: 0;
        right: 0;
        z-index: -1;
        margin: auto;
        
        transform: rotate(45deg);
        border-radius: 30%;
        bottom: 23px;
        transition: all ease-in-out .5s;
    }
    .mvv_list_row .col-md-4:nth-child(1), .mvv_list_row .col-md-4:nth-child(2), .mvv_list_row .col-md-4:nth-child(3) {
        border-right: none;
        padding-bottom: 10px;
        border-bottom: 1px dashed;
    }
    .mvv_list_row .col-md-4 {
        width: 79%;
     
        
        padding-bottom: 32px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mvv_list_row .col-md-4:nth-child(3){
        border-bottom: none;
    }
    .mvv_list_row {
        padding-top: 20px;
        padding-left: 63px;
    }
    .block-title .col-md-3{
        padding-left: 5px;
    
    padding-right: 0px;
     
    text-align: -webkit-center;
    }
    .block-title__title {
        margin: 0;
        color: #000000;
        font-size: 29px;
        line-height: 32px;
    }
    .scroll-to-top {
        width: 41px;
        height: 41px;
        right: 9px;
    }
    .scroll-to-top i {
        line-height: 39px;
    }
    .footer-col {
        padding-bottom: 0px;
    }
    .header-one .header-navigation .container .menu-toggler {
        float: right;
        width: 45px;
        height: 45px;
        background-color: #8d55a4;
        color: #fff;
      
    }
    .sec-title1 h2 {
        font-size: 29px;
    }
    .email_{
        display: none;
    }
    .know_abt {
       background: linear-gradient(to bottom, #f9e7ff, #d1daf9);
    height: 407px;
    }
    .know_abt img{
        height: 399px;
    padding-top: 9px;
    width: 319px;
    }
    ._exp_row{
        padding-right: 10px;
        padding-left: 10px;
    }
    ._exp_row h2{
        font-size: 24px;

    }
    ._exp_row h3{
        font-size: 25px;

    }
    ._exp_row h4{
        font-size: 26px;

    }
   
    .header-navigation .container .logo-box {
        position: absolute;
    top: 0;
    width: 338px;
    left: 0px;
    right: 0;
    margin: auto;
    }
    .serv-p1 span {
        line-height: 61px;
    }
    .header-one .header-navigation .container .logo-box {
        width: 183px;
        top: -7px;
    }
    .social-links {
        display: none;
    }
    ._exp_row .col-md-12{
        padding-left: 3px;
}
    .service-two__content {
        margin-top: -42px;
    }
    .oral_health_sections::before, .oral_health_sections::after{
        display: none;
    }
    .orals_list {
        font-size: 15px;
    }
    .appointment-one__form h2 {
        font-size: 24px;
    }
    .block-title__text {
        margin: 0;
        font-size: 17px;
    }
    .testimonial-footer::after {
        top: -70px;
        height:75%;
    }
    .int_content_section {
        min-height: 135vh;
    } 
    .testimonial-footer .row {
        width: auto;
    }
    .mvv_list4{
        width: 100%;
        height: auto;
        padding-top: 22px;
    }
    .mvv_list_row4{
        padding-left: 15px;
        padding-right: 15px;
    }
.program-section {
    padding: 10px 0 53px;
}
.exp_blocks::before, .why_row::before, .why_row::after, .why_row .col-md-4:nth-child(2)::before, .why_row .col-md-4:nth-child(2)::after, .service_btm_sec, .main-timeline::before, .faq_timeline.main-timeline::before, .social-links::before, .social-links::after {
    display: none;
}
.whatwedo {
    position: relative;
    text-transform: uppercase;
    transform: initial;
    font-size: 26px;
    top: 0px;
    font-weight: 600;
    text-align: center;
}
.welcome-to {
    position: relative;
    text-transform: uppercase;
    transform: initial;
    font-size: 26px;
    top: 0px;
    left: 5px;
    font-weight: 600;
    text-align: center;
}
.sec-title h2 {
    font-size: 30px;
}
.ser_head p {
    font-size: 15px;
    line-height: 25px;
}
.services-blocks {
    margin: 0 -2px;
    width: 111%;
    left: -14px;
}
.services-blocks .col-md-3:nth-child(1), .services-blocks .col-md-3:nth-child(3), .services-blocks .col-md-3:nth-child(6), .services-blocks .col-md-3:nth-child(8) {
    border-radius: 0px;
}

.services-blocks .col-md-3:nth-child(1), .services-blocks .col-md-3:nth-child(3), .services-blocks .col-md-3:nth-child(5) {
    background: #d4ddfc;
    border-radius: 0px;
}
.services-row .col-md-3 {
    border-right: none;
    margin-bottom: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.services-row .col-md-3:nth-child(2), .services-row .col-md-3:nth-child(3) {
    margin-top: 0px;
}
.services-row .col-md-3 {
    border-right: none;
    margin-bottom: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.services-row .col-md-3:nth-child(2), .services-row .col-md-3:nth-child(3) {
    margin-top: 0px;
}
.services-row .col-md-3:nth-child(3), .services-row .col-md-3:nth-child(6), .services-blocks .col-md-3:nth-child(7) {
    background-color: transparent;
}
.services-row .col-md-3:nth-child(4), .services-blocks .col-md-3:nth-child(8) {
    background: #fbd9ce;
}
.services-row .col-md-3:nth-child(4), .services-blocks .col-md-3:nth-child(8) {
    background: #f9e7ff;
}

.services-blocks .col-md-3:nth-child(7), .services-blocks .col-md-3:nth-child(9) {
    border-radius: 0px;
    
}
.appointmeent_section {
    padding: 0px 0px 67px;
}
.approw .col-md-6 {
    padding: 0px 15px;
}
.appointment-form {
    text-align: center;
    padding: 33px 16px;
    left: 15px;
}
.appointment-form h2 {
    font-size: 23px;
}
.appointment-form p {
    font-size: 16px;
}
.app_img img{
    margin-left: 15px;
}
.enqery_section {
    height: auto;
}
.enqery_section {
    padding:0px 0 20px;
}
.enqery_section::before, .enqery_section::after {
    border-radius: 0px;
    width: 100%;
    clip-path: polygon(0 0, 100% 8%, 100% 100%, 100% 92%, 0 100%, 0 55%);
    top: 40px;

}
section .container {
    position: relative;
    padding: 0 15px;
}
.ggrviweicon img {
    width: 230px;
}
.enquery_form {
    padding: 130px 19px 0px;
    left: 0px;
}
.testimonials_section {
    position: relative;
    
    padding-top: 118px;
    
}
.testimonials_section .container {
    padding: 0 20px;
}
.testimonila_section {
    padding: 40px 4px;
    border-radius: 12px;
    border: 6px solid #ffffff;
    margin: 0px;
}
.enquery_form .col-md-8{
    left: 5px;
}
.subscribe{
    left: 0px;
    width: 100%;
    
}
.subscribe-block .thm-btn {
    width: 41%;
    margin-left: 0;
    margin-right: -200px;
   
}
.faq_blocks .col-md-2::before{
    width: 110%;
    height: 4px;
    background: #333058;
    left: 0px;
    top: 36px;
    z-index: -1;
}
.dental_section{
    padding-top: 0px;
    padding-bottom: 100px;
    margin-top: 0px;
}
.news-letter {
    bottom: 0px;
    margin-top: 0px;
}
.dental_list_block {
    height: auto;
    left: 0px;
    position: relative;
    width: 100%;
    right: 0px;
    margin: auto;
}
.dental_section::before{
    height: 104%;
    top: 10px;
}
.ser_image{
    left: -2px;
}
.testimonial-section {
    padding-bottom: 69px;
    padding-top: 50px;
}
.sec-title.text-center h2:before{
    border-bottom: 2px dotted #8e4f9f;
    left: -6px;
}
.sec-title.text-center h2{
    left: -2px;
}
.testimonial-carousel{
    margin-left: 10px;
    margin-right: 10px;

}
.blog-page {
    text-align: center;
}
.blog-page h2{
    margin-top: 20px;
    text-align: center;
}
.extra-row .col-md-3{
    margin-bottom: 20px;
}
.testimnila_box{
    left: 3px;
}
.testimonila_item{
    padding-bottom: 30px;
}
.new-btn .btn{
    margin-left: -384px;
}
.faq_leftpic{
    margin-top: 20px;
}
.faq_leftpic img{
    width: 100%;
    height: auto;
}
.testimnila_box .fa-quote-right::after{
    left: -283px;
    top: 298px;
}
.why_icon {
    width: 115px;
    height: 115px;
    border: 7px solid #ededed;
    border-radius: 50%;
    background: #fff;
    line-height: 94px;
    box-shadow: 0 0 9px #8b8b8b;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
}
.social-icon-one li:nth-child(5) a {
    color: #fff;
    background-color: #8e56a1;
    padding: 8px;
    bottom: -42px;
    right: 172px;
    border-radius: 4%;
    border-left: none;
    cursor: pointer;
}
.social-icon-one li:nth-child(5) span {
    font-size: 16px;
    margin-left: 7px;
}
.main-timeline .timeline-content, .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 20px 0 20px 110px;
    text-align: left;
    background: linear-gradient(to right,rgb(237 230 239),transparent);
}
.main-timeline .timeline-year {
    text-align: center;
}
.breadcrumb {
    position: relative;
    text-align: center;
    padding: 210px 0 0px;
    margin-bottom: 0;
    z-index: 2;
     
    display: block;
    background-color: transparent;
    
}
.main-timeline .timeline-content:before {
    content: '';
    background: #8f55a0;
    width: 40px;
    /* transform: skewY(-20deg); */
    position: absolute;
    right: -20px;
    
    top: 0;
    bottom: 0;
}
.serv-matter1{
    padding-top: 61px;
    font-size: 31px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
.map {
    margin-left: -28px;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 40px;
}
.map .iframe .map-1{
    width: 300px;
}
.mvv_list_row1 .col-md-4{
    padding-bottom: 50px;
}
.mvv_list3 {
    background-color: #dbefc3;
    border: 4px solid #fff;
    text-align: center;
    padding-top: 32px;
    padding-right: 10px;
    box-shadow: 0px 0px 8px #565656;
    padding-left: 10px;
    height: 260px;
}
.map h3 {
    text-transform: uppercase;
    border-bottom: 2px dotted #9154a1;
    display: inline-block;
    margin-left: 11px;
}
.thm-btn {
    padding: 11px 10px;
}
.breadcrumb ul {
    display: block;
}
.breadcrumb h1 {
    font-size: 27px;
}
.map .map-1 {
    
    
    margin-left: 16px;
}
.enq-form .col-md-6 {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.map-1 .iframe{
    width: 373px;
}
.breadcrumb ul li a {
    /* font-weight: 600; */
    color: #021436;
    font-size: 16px;
}
.serv-matter p {
    font-size: 15px;
   text-align: justify;
}
.serv-matter{
    padding-top:40px;
}
.new-images{
    padding-top: 40px;
}
.serv-matter .col-md-10 {
    left: -14px;
    width: 407px;
}
.img2 {
    border: 7px solid #f5f5f5;
    box-shadow: 0px 0px 10px #9f9f9f;
}
.img2 img{
    width: 100%;
}
.serv-matter .col-md-4{
    padding-bottom: 30px;
}
.serv-matter p span {
    font-size: 40px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 400;
    text-align: center;
    color: #ed589c;
}
.mvv_list_row1 {
    padding-bottom: 70px;
    padding-top: 30px;
}
.serv-matter .col-md-7 {
    left: 0px;
}
.main-timeline .timeline, .main-timeline .timeline:nth-child(even) {
    width: 100%;
    margin: 0 0 2px;
}
.main-timeline .timeline-content, .main-timeline .timeline:nth-child(even) .timeline-content {
    padding: 20px 0 20px 120px;
}
.main-timeline .timeline-content:before, .main-timeline .timeline:nth-child(even) .timeline-content:before {
    left: 30px;
    height: 130px;
}
.main-timeline .timeline-year, .main-timeline .timeline:nth-child(even) .timeline-year {
    left: 0;
    right: auto;
}
}