@media only screen and (min-width: 1242px){
    .mainmenu-area .logo{left:0px;}
    .main-menu .navigation li a{padding: 35px 19px;}
}
/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){
    .container {padding: 0;}
    .container-fluid{padding: 0;}    
}
/* Medium screen  */ 
/* @media only screen and (min-width: 1140px){
    .mainmenu-area .logo{left: 0;}
} */

@media only screen and (max-width: 1242px){
    .mainmenu-area .logo{left: -10px;}
    .main-menu .navigation li a{padding: 35px 15px;}
}
@media only screen and (min-width: 1199px){
    .main-menu .navigation li {
        margin-right: 0px;
    } 
    .main-menu .navigation li a {
        /* padding: 35px 10px; */
        padding: 15px 7px!important;
    } 
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*** 
    =============================================
        Mainmenu area style
    =============================================
    ***/  
    .mainmenu-area .logo a {
        display: inline-block;
        line-height: 60px;
    }    
    /* .mainmenu-area .logo .logo-image {
        max-width: 200px;
    } */
    .main-menu .nav-container.nav-left {
        padding-right: 105px;
    }    
    .main-menu .navigation li {
        margin-right: 0px;
    } 
    .main-menu .navigation li a {
        /* padding: 35px 10px; */
        padding: 15px 7px!important;
    } 
    .main-menu .navigation li a:after {
        display: none;
    } 
    /* .main-menu .nav-container.nav-right {
        padding-left: 130px;
    }     */
    /* .mainmenu-area .logo{left: 0;} */
    .mainmenu-area .logo{left:-60px;}
    .main-menu .nav-container.nav-right{padding-left: 0;}

    /*** 
    =============================================
        Rev slider wrapper style
    =============================================
    ***/  
    .rev_slider_wrapper {}    
    .mainmenu-area .logo .logo-image{max-width:100px;}
    .rev_slider_wrapper .slide-content-box.mar-lft {margin-left: 80px !important;} 

    /*** 
    =============================================
        Welcome area style
    =============================================
    ***/       
    .welcome-area .inner-content .single-item {
        width: 250px;
        padding-right: 20px;
    } 
    .welcome-area .img-holder {
        margin-top: -50px;
    }

    /*** 
    =============================================
        Choosing area style
    =============================================
    ***/     
    .choosing-area .single-item {
        width: 255px;
        float: left;
        margin-right: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .cta-inner-wrap{padding: 70px 0;}
    .choosing-area .single-item .text-holder h3 {
        font-size: 15px;
    }  
    
    /*** 
    =============================================
        Appointment area style
    =============================================
    ***/ 
    .appointment-area .icon-holder.leap {
        display: none;
    }    
    .quick-contact {
        overflow: hidden;
        margin-top: -40px;
    } 

    /*** 
    =============================================
        latest-blog area style
    =============================================
    ***/
    .single-blog-item {
        min-height: 387px;
    } 
    .single-blog-item .text-holder {
        bottom: -116px;
    }    
    .single-blog-item .text-holder .blog-title {
        font-size: 16px;
    }    
    .single-blog-item:hover .img-holder .categories {
        transform: translate3d(0px, -115px, 0px);
    }    
    
    /*** 
    =============================================
        Footer Area style
    =============================================
    ***/    
    .single-footer-widget.pd-bottom50 {
        padding-bottom: 0;
        /* min-height: 360px; */
        min-height:unset;
    }

    /*** 
    =============================================
        Facilities Area style
    =============================================
    ***/ 
    .facilities-area .text-holder {
        padding-top: 115px;
    }    
    .facilities-area .text-holder ul .single-item {
        width: 134px;
    }    
    .facilities-area .text-holder ul .single-item .iocn-holder span:before {
        font-size: 35px;
        line-height: 35px;
    }    
    .facilities-area .text-holder ul .single-item .title-holder h3 {
        font-size: 14px;
    }

    /*** 
    =============================================
        Procedures Area style
    =============================================
    ***/     
    .procedures-area .single-item .text-holder .show-content h3 {
        font-size: 16px;
    }    
    .procedures-area .single-item .text-holder .hover-content h3 {
        font-size: 16px;
    }    

    /*** 
    =============================================
        offer box Area style
    =============================================
    ***/     
    .offer-box-area .offer-box .inner-content .left h2 {
        font-size: 20px;
    }    
    
    /*** 
    =============================================
        Single procedures Area style
    =============================================
    ***/      
    .single-procedures-area .offer-content-box {
        
    }  
    .single-procedures-area .offer-content-box li:after {
        display: none !important;
    }   
    .single-procedures-area .offer-content-box .single-item {
        width: 450px;
        margin-right: 0;
    }    
    .single-procedures-area .offer-content-box .single-item.bdr-btm:before {
        display: none;
    }  
    .single-procedures-area .pricing-plan-box ul li .left {
        width: 70%;
    } 
    .single-procedures-area .pricing-plan-box ul li .left .inner-content .text-box {
        padding-left: 30px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .single-procedures-area .pricing-plan-box ul li .left .inner-content .text-box h3 {
        margin: 0 0 16px;
        line-height: 26px;
    }
        
    .single-procedures-area .pricing-plan-box ul li .right {
        width: 30%;
        padding: 55px 0 60px;
    }
    
    /*** 
    =============================================
        Blog Default Area style
    =============================================
    ***/ 
    .blog-default-area .single-blog-item {
        min-height: 532px;
    }  
    .blog-default-area .single-blog-item .text-holder {
        bottom: -65px;
    } 
    .blog-default-area .single-blog-item:hover .text-holder {
        bottom: 0;
        border-bottom: none;
    }    
    .blog-default-area .single-blog-item .text-holder .blog-title {
        font-size: 20px;
        padding: 10px 0 10px;
    }    
    .blog-default-area .single-blog-item:hover .img-holder .categories {
        transform: translate3d(0px, -64px, 0px);
    }    
    .blog-default-area .sidebar-wrapper {
        border-left: none;
        padding-left: 0;
        margin-top: 0;
        padding-top: 70px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }  
        
    /*** 
    =============================================
        Blog Large Area style
    =============================================
    ***/      
    .blog-large-area .blog-post {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }    
    .blog-large-area .sidebar-wrapper {
        padding-left: 0;
        padding-top: 70px;
    }   
        
    /*** 
    =============================================
        blog single Area style
    =============================================
    ***/     
    .blog-single-area .sidebar-wrapper{
        padding-top: 70px;        
    }    
    .blog-single-area .blog-post {
        border-right: none;
        margin-right: 0px;
        padding-right: 0px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .blog-single-area .sidebar-wrapper {
        padding-left: 0px;
    } 

    /*** 
    =============================================
        Shop Area style
    =============================================
    ***/      
    .shop-area .shop-content {
        padding-bottom: 70px;
    }    
    
    /*** 
    =============================================
        Checkout Area style
    =============================================
    ***/      
    .checkout-area .form.shipping-info{
        padding-top: 70px;        
    }           
        
    /*** 
    =============================================
        Login Register Area style
    =============================================
    ***/    
    .login-register-area .form .social-icon {
        float: left;
        margin-right: -8px;
        margin-top: 15px;
    }    
    .login-register-area .form.register{
        padding-top: 70px;        
    }      
    
    /*** 
    =============================================
        Contact form Area style
    =============================================
    ***/   
    .contact-form-area .quick-contact {
        margin-top: 0px;
    }    
    
    /*** 
    =============================================
        Appointment page Area style
    =============================================
    ***/      
    .appointment-page-area .appointment-box .experince {
        width: 310px;
    }    
}   
@media only screen and (max-width:1100px){
    .mainmenu-area .logo {
        left: -40px;
    }
}
    
@media only screen and (min-width: 992px) and (max-width: 1100px){
    .main-menu .navigation li a{padding: 15px 4px!important;}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .mainmenu-area .logo {
        left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .phoneView {display: block;background: var(--myclr2);position: fixed;bottom: 0;left: 0;padding: 10px;width: 100%;text-align: center;text-transform: uppercase;font-size: 16px;font-weight: 600;z-index: 97;}
    a.blantershow-chat{bottom: 48px!important;}
    .scroll-to-top{bottom: 50px;}
    .footer-bottom-area{margin-bottom: 35px;}
    .top-bar-area{display:none;}
    .welcome-area .text-holder .bottom .read-more-button{    width: 163px;}
    .welcome-area .text-holder .bottom .title h2 span{font-size: 18px;display: block;}
    .servicesGrid {grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 25px;grid-row-gap: 25px;}
    .choosing-area ul{max-width: 100%;grid-template-columns: 1fr 1fr;gap: 15px;padding: 15px;}
    .choosing-area .single-item{padding-bottom: 0;margin-bottom: 0;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 15px;padding: 15px;}
    .cta-content{display:block;}
    .cta-info-wrap{width:100%;padding-bottom: 15px;margin-bottom: 15px;}
    .cta-info-wrap::before {left: 0;right: auto;top: auto;bottom: -4px;transform: translateY(0%);width: 100%;height:3px;}
    .appointment-box .form{margin-bottom:25px;}
    /* menu responsive show here */
    .close-btn{display:block;}
    .mainMenu.activeMenu{
        left: 0;
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: all 500ms ease 0ms;
        -moz-transition: all 500ms ease 0ms;
        -ms-transition: all 500ms ease 0ms;
        -o-transition: all 500ms ease 0ms;
        background: #fff;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 9999;
    }
    .mainMenu {
        position: fixed;
        top: 0;
        left: -100%;
        height: 100%;
        z-index: 99999999999999;
        background: #fff;
        width: 100%;
        transition: .7s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }
    .main_menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mainmenu-area .arrow {
        display: block;
    } 
    .choose-bg .row {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap:10px;
    }
    .choose-bg .cta-info-wrap{
        justify-content: center;        
    }
    .choose-bg .cta-btn.text-end{
        text-align:center!important;
    }
    .mask-img-wrap{border-radius:0;margin:20px 0;}
    .foundermsg .mask-img-wrap {float: unset!important;margin-left: 0!important;}
    .yogaWellness{display: block;margin-bottom: 25px;}
    .yogaWellness .yogaLeft,.yogaWellness .yogaRight {width: 100%;}
    .order1{-webkit-order: 1;-moz-order: 1;order:1;}
    .order2{-webkit-order: 2;-moz-order: 2;order:2;}
    .order3{-webkit-order: 3;-moz-order: 3;order:3;}
    .servicesowl1{grid-template-columns: 1fr 1fr;}
    .aboutimg_decore{margin-bottom:40px;}
    .main-container .service-block .row,.rDc {flex-direction: column;}
    .neurologicalPhysical .row,.rDcR {flex-direction: column-reverse!important;}
    .line:after,.line-left:before{display:none;}
    .rDcR,.rDc{display:flex!important;}
    .journeySec{background-position: 87%;}
    .journeySec{position: relative;z-index:1;}
    .journeySec::before { content: ''; background: #02020263; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
    .journeySec .sec-title h1,.journeySec .sec-title h2,.journeySec p{color:#fff;}
    .pl-15{padding-left:15px!important}
    .pt-15{padding-top:15px;}
    .contact-form-area .quick-contact ul li .text-holder h5 br{display:none;}    
    .quick-contact{padding-top: 0;}
}   

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {  
 
/*** 
=============================================
    Top bar Area style
=============================================
***/       
.top-bar-area {}
.top-bar-area .top-left {
    overflow: hidden;
    width: 450px;
    margin: 0 auto;
} 
.top-bar-area .top-right {
    float: none;
    width: 460px;
    margin: 7px auto 0;
}
  
/*** 
=============================================
    Mainmenu Area style
=============================================
***/ 
.mainmenu-area {
    /* background: #ffffff; */
}  
   
.mainmenu-area .logo {
    position: relative;
    /* width: 100%; */
    height: auto;
    text-align: center;
}   
.main-menu .nav-container.nav-left {
    padding-right: 0px;
}
.main-menu .nav-container.nav-right {
    padding-left: 0px;
}    
.main-menu .navigation li a {
    padding: 35px 5px;
} 
.main-menu .navigation li a:after {
    display: none;
}
.mainmenu-area .logo a {
    display: inline-block;
    line-height: 64px;
}     
.outer-search-box {
    padding: 87px 0 27px;
}
    
/*** 
=============================================
    Rev slider wrapper style
=============================================
***/  
.rev_slider_wrapper .slide-content-box.mar-lft {
    margin-left: 80px !important; 
}
    
/*** 
=============================================
    Welcome area style
=============================================
***/      
.welcome-area .img-holder {
    margin-top: 40px;
}
    
/*** 
=============================================
    Choosing area style
=============================================
***/     
.choosing-area ul {
    /* max-width: 500px; */
    margin: 0 auto;
}
.choosing-area .single-item {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    /* padding-bottom: 30px;
    margin-bottom: 35px; */
}
.choosing-area li:after{
    border: none;        
}    
.choosing-area .single-item.bdr-btm:before {
    border: none;
} 
  
/*** 
=============================================
    Testimonial area style
=============================================
***/      
/* .testimonial-area {
    padding-bottom: 0px;
}      */
.testimonial-area .single-testimonial-item {
    margin-bottom: 80px;
}
    
/*** 
=============================================
    Appointment area style
=============================================
***/ 
.appointment-area {
    padding-top: 80px;
    padding-bottom: 70px;
}    
.appointment-box .form {
    padding-bottom: 40px;
}

/*** 
=============================================
    Latest blog area style
=============================================
***/
.latest-blog-area {
    padding-bottom: 40px;
}    
.single-blog-item {
    max-width: 550px;
    margin: 0 auto 40px;
}    
.single-blog-item {
    min-height: 584px;
}    
.single-blog-item .text-holder {
    bottom: -68px;
}    
.single-blog-item:hover .img-holder .categories {
    transform: translate3d(0px, -67px, 0px);
}    

/*** 
=============================================
    Footer Area style
=============================================
***/    
.single-footer-widget.pd-bottom50 {
    /* padding-bottom: 50px;
    min-height: 390px; */
}
 
/*** 
=============================================
    Footer bottom Area style
=============================================
***/     
.footer-bottom-area {
    padding-top: 12px;
    padding-bottom: 25px;
}
.copyright-text p {
    text-align: center;
}
.footer-bottom-area .footer-social-links {
    overflow: hidden;
    float: none;
    text-align: center;
}
.footer-bottom-area .footer-social-links li {
    display: inline-block;
    float: none;
    margin-right: 0;
    text-align: center;
    margin: 0 5px;
}

/*** 
=============================================
    Facilities Area style
=============================================
***/ 
.facilities-area .text-holder { }    
.facilities-area .text-holder ul .single-item {
    width: 160px;
}    
.facilities-area .text-holder ul .single-item .iocn-holder span:before {
    font-size: 40px;
    line-height: 40px;
}    
.facilities-area .text-holder ul .single-item .title-holder h3 {
    font-size: 15px;
}
.facilities-area .img-holder {
    background: #f2fff3;
    padding: 0px 0 70px;
}
.facilities-area .img-holder img {
    max-width: 100%;
    float: none;
    width: 100%;
}    

/*** 
=============================================
    Procedures page Area style
=============================================
***/     
#procedures-page-area .sidebar {
    overflow: hidden;
    padding-top: 60px;
}      
    
/*** 
=============================================
    offer box Area style
=============================================
***/   
.offer-box-area .offer-box .inner-content {
    position: relative;
    padding: 35px 40px 50px;
}    
.offer-box-area .offer-box .inner-content .left {
    float: none !important;
    text-align: center;
    margin: 0 0 20px;
}        
.offer-box-area .offer-box .inner-content .right {
    float: none !important;
    text-align: center;    
}    
.offer-box-area .offer-box .inner-content .right a {
    width: 180px;
    margin: 0 auto;
}
      
/*** 
=============================================
    Single procedures Area style
=============================================
***/  
.single-procedures-area .offer-content-box ul {
    max-width: 100%;
    margin: 0 auto;
}      
.single-procedures-area .pricing-plan-box ul {
    max-width: 100% !important;
} 
    
.single-procedures-area .pricing-plan-box ul li .left {
    width: 70%;
} 
.single-procedures-area .pricing-plan-box ul li .left .inner-content .img-box {
    padding: 60px 0px;
}         
.single-procedures-area .pricing-plan-box ul li .left .inner-content .text-box {
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.single-procedures-area .pricing-plan-box ul li .left .inner-content .text-box h3 {
    margin: 0 0 16px;
    line-height: 26px;
}      
.single-procedures-area .pricing-plan-box ul li .right {
    width: 30%;
    padding: 55px 0 60px;
}
  
/*** 
=============================================
    Blog Default Area style
=============================================
***/  
.blog-default-area .sidebar-wrapper {
    border-left: none;
    padding-left: 0;
    margin-top: 0;
    padding-top: 70px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}        
    
/*** 
=============================================
    blog large Area style
=============================================
***/ 
.blog-large-area .blog-post {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}    
.blog-large-area .sidebar-wrapper {
    padding-left: 0;
    padding-top: 70px;
}            
.blog-large-area .single-blog-item {
    max-width: none;
    width: 100%;
}  
    
/*** 
=============================================
    blog single Area style
=============================================
***/ 
.blog-single-area .single-blog-item {
    max-width: 100%;
}    
.blog-single-area .sidebar-wrapper{
    padding-top: 70px;        
}    
.blog-single-area .blog-post {
    border-right: none;
    margin-right: 0px;
    padding-right: 0px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}    
.blog-single-area .sidebar-wrapper {
    padding-left: 0px;
} 
    
/*** 
=============================================
    Project Single Area style
=============================================
***/      
#project-single-area .project-info {
    padding-top: 40px;
}

/*** 
=============================================
    Shop Area style
=============================================
***/      
.shop-area .shop-content {
    padding-bottom: 70px;
}
.single-product-item {
    max-width: 450px;
    margin: 0 auto 30px;
} 
    
/*** 
=============================================
   Single Shop Area style
=============================================
***/ 
.single-shop-content .img-holder {
    margin-right: 0;
}    
.single-shop-content .content-box {
    margin-top: 40px;
    margin-left: 0;
}
.single-shop-area .sidebar-wrapper {
    padding-top: 50px;
}    
    
/*** 
=============================================
   Cart area  style
=============================================
***/    
.cart-total {
    padding-top: 70px;
}   
  
/*** 
=============================================
    Checkout Area style
=============================================
***/      
.checkout-area .form.shipping-info{
    padding-top: 70px;        
}  

/*** 
=============================================
    Login Register Area style
=============================================
***/    
.login-register-area .form .social-icon {
    float: left;
    margin-right: -8px;
    margin-top: 15px;
}    
.login-register-area .form.register{
    padding-top: 70px;        
}
    
/*** 
=============================================
    Contact form Area style
=============================================
***/     
.contact-form-area .quick-contact {
    background: #ffffff;
    margin-bottom: 10px;
}    

/*** 
=============================================
    Appointment page Area style
=============================================
***/     
.appointment-page-area .appointment-box .experince {
    position: relative;
    width: 330px;
    min-height: 340px;
    padding-top: 30px;
    margin-bottom: 40px;
}
.appointment-page-area .appointment-box .form textarea {
    margin-top: 23px;
}    
    

}

@media only screen and (max-width: 991px) {    
    /*** 
    =============================================
        Top bar Area style
    =============================================
    ***/       
    .top-bar-area {}
    .top-bar-area .top-left{
        width: 250px;
        margin: 0 auto;
    }
    .top-bar-area .top-left ul li {
        display: inline-block;
        float: none;
        border-right: none;
        padding-right: 0px;
        text-align: center;
        margin-bottom: 5px;
    }
    .top-bar-area .top-left ul li:last-child {
        border-left: none;
        padding-left: 0;
        border-right: 0px solid;
    }
        
    .top-bar-area .top-right {
        float: none;
        width: 300px;
        margin: 5px auto 0;
    }
    .top-bar-area .top-right .location {
        display: inline-block;
        float: left;
        border-right: none;
        padding-right: 0;
    }
    .top-bar-area .top-right .social-links {
        overflow: hidden;
        float: left;
        border-left: none;
        padding-left: 0px;
        width: 170px;
        margin: 0 50px;
    }  
    
    /*** 
    =============================================
        Mainmenu area style
    =============================================
    ***/ 
    .mainmenu-area {
        /* background: #ffffff; */
        padding-bottom: 15px;
        padding-top: 10px;
    } 
    .mainmenu-area .logo {
        left: 0px; 
        top: 0px; 
        text-align: center;
        z-index: 9999;
        position: relative;
    }
    .mainmenu-area .logo .logo-image {
        position: relative;
        display: inline-block;
        width: auto;
        /* max-width: 220px; */
        height: auto;
        z-index: 5;
    }   
    .outer-search-box {
        top: 47px;
        right: 0px;
        padding: 0px 0 15px;
        z-index: 9999;
        position: absolute;
        right: 15px;
    }   

    .main-menu {
        display: block;
        float: none !important;
        padding-bottom: 0;
        padding-top: 0;
        z-index: 9999;
        width: 100%;
    }	
    .main-menu .collapse {
        max-height:320px;
        overflow:auto;
    } 
    .main-menu .collapse.in,
    .main-menu .collapsing{
        padding: 5px;
        margin: 5px;
        border: 2px solid #2acb35;
        border-radius: 0px;
    }	
    .main-menu .navbar-header {
        position: relative;
        float: right;
        /* display: block; */
        top: 0;
        right: 0;
        width: auto;
        z-index: 3;
        left: 0;
    }
    .main-menu .navbar-header .navbar-toggle {
        float: left;
        display: block;
        z-index: 7;
        border: 1px solid #efeded;
        background: #ffffff;
        margin: 0;
        border-radius: 0;
    }
    .main-menu .navbar-header .navbar-toggle .icon-bar{
        background:#222222;	
    }

    .main-menu .navbar-nav{
        float:none !important;
        margin:0px;
        width:100%;
        background:#f254b1;
    }
    .main-menu .nav-container{
        position:relative;
        padding:0px !important;
        width:100% !important;
        margin:0px !important;	
    }
    .main-menu .nav-container > ul{
        display:block;
        border:none;	
    }	
    .main-menu .nav-container > ul > li{
        display:block;
        width:100%;
        margin:0px;
        padding:0px;
        text-align:left;
    }
    .main-menu .nav-container > ul li.dropdown .dropdown-btn{
        display:block;	
    }
    .main-menu .nav-container > ul > li > a,
    .main-menu .nav-container > ul > li > ul > li > a,
    .main-menu .nav-container > ul > li > ul > li > ul > li > a{
        padding:8px 20px !important;
        text-align:left;
    }
    .main-menu .nav-container > ul > li > a:after{
        display:none;	
    }
    .main-menu .nav-container > ul > li > ul,
    .main-menu .nav-container > ul > li > ul > li > ul{
        position:relative;
        border:none;
        float:none;
        visibility:visible;
        opacity:1;
        display:none;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        margin:0px !important;
        width:100%;
        background:#f254b1;
        border-radius:0px;
        -webkit-border-radius:0px;
        -ms-border-radius:0px;
        -o-border-radius:0px;
        -moz-border-radius:0px;
        transition:none !important;
        -webkit-transition:none !important;
        -ms-transition:none !important;
        -o-transition:none !important;
        -moz-transition:none !important;
    }
    .main-menu .nav-container > ul > li > ul:before,
    .main-menu .nav-container > ul > li > ul:after{
        display:none;	
    }
    .main-menu .nav-container > ul > li > ul,
    .main-menu .nav-container > ul > li > ul > li > ul{
        border-top:1px solid rgba(255,255,255,1) !important;	
    }
    .main-menu .nav-container > ul > li,
    .main-menu .nav-container > ul > li > ul > li,
    .main-menu .nav-container > ul > li > ul > li > ul > li{
        border-bottom:1px solid rgba(255,255,255,1) !important;	
    }
    .main-menu .nav-container > ul > li > a,
    .main-menu .nav-container > ul > li > ul > li > a,
    .main-menu .nav-container > ul > li > ul > li > ul > li > a{
        padding:10px 15px !important;
        line-height:22px;
        color:#ffffff;
        /* background:#2acb35; */
        /* background:var(--myclr); */
        background: #708238;
    }
    
    .main-menu .nav-container > ul > li > a:hover,
    .main-menu .nav-container > ul > li > a:active,
    .main-menu .nav-container > ul > li > a:focus,
    .main-menu .nav-container > ul > li:hover > a,
    .main-menu .nav-container > ul > li.current > a,
    .main-menu .nav-container > ul > li.current-menu-item > a{
        background:var(--myclr);
        color:#ffffff!important;
    }
    .main-menu .navigation > li:hover > a{ color:#ffffff;}
    .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
        display:block;
    }
    .main-menu .nav-container > ul li.dropdown:after,
    .main-menu .nav-container > ul > li.dropdown > a:after,
    .main-menu .nav-container > ul > li > ul li.dropdown > a::after{
        display:none !important;	
    }
    .main-menu .navigation > li > ul > li > a:before {
        display: none;
    }    
    .main-menu .nav-container.nav-right{
        justify-content:left;
    }
    .menuIcon{display:block;}
    .close-btn {
        text-align: right;
        /* position: absolute; */
        /* right: 0; */
        /* left: auto; */
        width: 40px;
        height: 35px;
        background: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        z-index: 1;
    }
    .mainmenu-area.stricky-fixed .main-menu .navigation li a{color:#fff;}
    .mainmenu-area.stricky-fixed .menuIcon {
        background: #ed1b23;
        padding: 8px;
        width: 45px;
    }
    .main-menu .navigation{float:unset;}
    .main-menu .nav-container.nav-right{
        display:block;
    }
    .phoneShowBox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 15px 15px;
    }
    .logoPhone {
        width: 90px;
    }
    .footer-bottom-area .row {
        flex-direction: column;
        row-gap: 15px;
    }
    .webinarBox{padding-left:0!important;}
}


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

    /*** 
    =============================================
        Rev slider wrapper style
    =============================================
    ***/ 
    .rev_slider_wrapper {
        margin-top: 0;
    }    
    .rev_slider_wrapper .slide-content-box.mar-lft {
        margin-left: 50px !important; 
    } 
    .tparrows {
        display: none;
    }
        
    /*** 
    =============================================
        Welcome area style
    =============================================
    ***/   
    .welcome-area .img-holder {
        margin-top: 40px;
    }
    .welcome-area .inner-content .single-item.border {
        border-left: none;
        padding-left: 0;
        margin-top: 15px;
    }        
    .welcome-area .text-holder .bottom .read-more-button, 
    .welcome-area .text-holder .bottom .title {
        display: block;
    }
    .welcome-area .text-holder .bottom .title {
        padding-left: 0;
        margin-top: 15px;
    } 
    
    /*** 
    =============================================
        Procedures area style
    =============================================
    ***/     
    .procedures-area .single-item .text-holder .hover-content h3 {
        margin: 15px 0 15px;
    }    
    .procedures-area .single-item .text-holder .show-content {
        padding: 15px 0 7px;
    }    
        
    /*** 
    =============================================
        Choosing area style
    =============================================
    ***/     
    /* .choosing-area ul {
        max-width: 300px;
        margin: 0 auto; 
    }*/
    .choosing-area .single-item {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        padding-bottom: 30px;
        margin-bottom: 35px;
    }
    .choosing-area .single-item:last-child{
        margin-bottom:0px;

    }
    .choosing-area li:after{
        border: none;        
    }    
    .choosing-area .single-item.bdr-btm:before {
        border: none;
    }
        
    /*** 
    =============================================
        Testimonial area style
    =============================================
    ***/      
    .testimonial-area {
        padding-bottom: 40px;
    }    
    .testimonial-area .sec-title {
        float: none !important;
        padding-bottom: 20px;
    }      
    .testimonial-area .more-button {
        margin-top: 0;
        margin-bottom: 30px;
        float: none !important;
        overflow: hidden;
    }    
    .testimonial-area .single-testimonial-item {
        margin-bottom: 80px;
    }      

    /*** 
    =============================================
        Appointment area style
    =============================================
    ***/
    .appointment-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }  
    .appointment-area .sec-title {
        padding-bottom: 40px;
    }    
    .appointment-box {
        position: relative;
        padding-left: 0;
    }        
    .appointment-box .experince {
        position: relative;
        margin: 0 auto;
        width: 300px;
        min-height: 340px;
    }   
    .appointment-box .form {
        border: 1px solid #f5f4f3;
        position: relative;
        top: 0;
        padding-top: 0;
        padding-left: 0;
        left: 0;
        margin-right: 0;
        padding-right: 0;
        min-height: 420px;
        padding: 20px;
        margin-top: 30px;
    }    
    .quick-contact {
        margin-top: 40px;
    }    
    .appointment-area .icon-holder.leap {
        display: none;
    }    
        
    /*** 
    =============================================
        Latest blog area style
    =============================================
    ***/ 
    .latest-blog-area {
        padding-bottom: 40px;
    }    
    .single-blog-item {
        max-width: 300px;
        margin: 0 auto 40px;
        min-height: 394px;
    }   
    .single-blog-item .text-holder {
        bottom: -115px;
    }  
    .single-blog-item:hover .img-holder .categories {
        transform: translate3d(0px, -114px, 0px);
    }  
    .single-blog-item .text-holder .blog-title {
        font-size: 16px;
    }    
    .latest-blog-area .sec-title {
        float: none !important;
        padding-bottom: 25px;
    }        
    .latest-blog-area .readmore-blog {
        margin-top: 5px;
        float: none !important;
        width: 200px;
        margin-bottom: 20px;
    }
        
    /*** 
    =============================================
        Footer Area style
    =============================================
    ***/   
    .single-footer-widget.pd-bottom50 {
        padding-bottom:0px;
        overflow: hidden;
    }
    .single-footer-widget.mar-bottom {
        margin-bottom: 50px;
        overflow: hidden;
    }    
    
    /*** 
    =============================================
        Footer bottom Area style
    =============================================
    ***/     
    .footer-bottom-area {
        padding: 16px 0 30px;
    }
    .copyright-text p {
        text-align: center;
    } 
    .footer-bottom-area .footer-social-links {
        overflow: hidden;
        float: none;
        text-align: center;
    }
    .footer-bottom-area .footer-social-links li {
        display: inline-block;
        float: none;
        margin-right: 0;
        text-align: center;
        margin: 0 5px;
    }
        
    /*** 
    =============================================
        Facilities Area style
    =============================================
    ***/ 
    .facilities-area .text-holder { }    
    .facilities-area .text-holder ul .single-item {
        width: 100%;
    }    
    .facilities-area .text-holder ul .single-item.bdr-btm:before {
        display: none;
    }    
    .facilities-area .text-holder ul li:after {
        display: none;
    }   
    .facilities-area .img-holder {
        background: #f2fff3;
        padding: 0px 0 70px;
    }
    .facilities-area .img-holder img {
        max-width: 100%;
        float: none;
        width: 100%;
    }    
        
    /*** 
    =============================================
        Procedures page Area style
    =============================================
    ***/     
    #procedures-page-area .sidebar {
        overflow: hidden;
        padding-top: 60px;
    }      
        
    /*** 
    =============================================
        offer box Area style
    =============================================
    ***/   
    .offer-box-area .offer-box .inner-content {
        position: relative;
        padding: 35px 40px 50px;
    }    
    .offer-box-area .offer-box .inner-content .left {
        float: none !important;
        text-align: center;
        margin: 0 0 20px;
    }        
    .offer-box-area .offer-box .inner-content .right {
        float: none !important;
        text-align: center;    
    }    
    .offer-box-area .offer-box .inner-content .right a {
        width: 180px;
        margin: 0 auto;
    }  
   
    /*** 
    =============================================
        Single procedures Area style
    =============================================
    ***/ 
    .single-procedures-area .features-box-content .text-holder ul {
        margin: 20px 0;
        max-width: 100%;
    }    
    .single-procedures-area .offer-content-box ul {
        max-width: 100%;
        margin: 0 auto;
    }      
    .single-procedures-area .pricing-plan-box {
        padding-top: 70px;
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
    }      
    .single-procedures-area .pricing-plan-box ul {
        max-width: 100% !important;
    }  
    .single-procedures-area .pricing-plan-box ul li .left {
        width: 100%;
    }
    .single-procedures-area .pricing-plan-box ul li .left .inner-content .img-box, 
    .single-procedures-area .pricing-plan-box ul li .left .inner-content .text-box {
        display: block;
    }      
    .single-procedures-area .pricing-plan-box ul li .left .inner-content .img-box {
        padding: 0;
        width: 200px;
        margin: 20px auto 0;
        border: none;
    }      
    .single-procedures-area .pricing-plan-box ul li .left .inner-content .text-box {
        padding: 20px;
    }
    .single-procedures-area .pricing-plan-box ul li .left .inner-content .text-box h3 {
        margin: 0 0 16px;
        line-height: 26px;
    }      
    .single-procedures-area .pricing-plan-box ul li .right {
        width: 100%;
        padding: 20px 0 30px;
    }
    .single-procedures-area .sidebar {
        overflow: hidden;
        padding-top: 60px;
        max-width: 320px;
        margin: 0 auto;
    } 
        
    /*** 
    =============================================
        Breadcrumb bottom area style
    =============================================
    ***/   
    .breadcrumb-area .breadcrumbs h1 {
        line-height: 50px;
    }        
    .breadcrumb-bottom .left {
        float: none !important;
    } 
    .breadcrumb-bottom .left ul {
        text-align: center;
    } 
    .breadcrumb-bottom .left ul li {
        margin: 0 4px;
    }    
    .breadcrumb-bottom .right {
        float: none !important;
        text-align: center;
        margin: 2px 0 0;
    }       
        
    /*** 
    =============================================
        Blog Default Area style
    =============================================
    ***/  
    .blog-default-area .sidebar-wrapper {
        border-left: none;
        padding-left: 0;
        margin-top: 0;
        padding-top: 70px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
        
    /*** 
    =============================================
        Blog Large Area style
    =============================================
    ***/      
    .blog-large-area .blog-post {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }    
    .blog-large-area .sidebar-wrapper {
        padding-left: 0;
        padding-top: 70px;
    }        
    .blog-large-area .single-blog-item {
        max-width: none;
        width: 100%;
    }      
        
    /*** 
    =============================================
        Blog Single Area style
    =============================================
    ***/ 
    .blog-single-area .single-blog-item {
        max-width: 100%;
    }  
    .blog-single-area .blog-post {
        border-right: none;
        margin-right: 0px;
        padding-right: 0px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }      
    .blog-single-area .middle-content-box .img-holder, .blog-single-area .middle-content-box .text-holder {
        display: block;
    }
    .blog-single-area .middle-content-box .img-holder {
        width: 100%;
    }
    .blog-single-area .middle-content-box .img-holder img {
        width: 100%;
    }
    .blog-single-area .middle-content-box .text-holder {
        padding-left: 0;
        padding-top: 45px;
    } 
    .blog-single-area .middle-content-box .text-holder:before {
        top: 20px;
        left: 0px;
    }       
    .blog-single-area .tag-social-share-box .social-share {
        float: left !important;
        margin-top: 25px;
    } 
    .single-blog-item .text-holder .meta-info li {
        line-height: 22px;
    } 
    .blog-single-area .sidebar-wrapper{
        padding-top: 70px;        
    }    
    .blog-single-area .sidebar-wrapper {
        padding-left: 0px;
    } 
    
    /*** 
    =============================================
        Project withoutgrid Area style
    =============================================
    ***/
    .project-filter {
        margin-bottom: 35px;
    }    
    .project-filter li {
        display: inline-block;
        margin: 0 5.5px 5px;
    }       

    /*** 
    =============================================
        Project Single Area style
    =============================================
    ***/      
    #project-single-area .project-info {
        padding-top: 50px;
    }

    /*** 
    =============================================
        Shop Area style
    =============================================
    ***/      
    .shop-area .shop-content {
        padding-bottom: 70px;
    }
    .shop-area .showing-result-shorting .showing {
        float: none !important;
        display: block;
    }    
    .shop-area .showing-result-shorting .shorting {
        float: none !important;
        display: block;
        margin-top: 15px;
    }  
        
    /*** 
    =============================================
    Single Shop Area style
    =============================================
    ***/ 
    .single-shop-content .img-holder {
        margin-right: 0;
    }    
    .single-shop-content .content-box {
        margin-top: 40px;
        margin-left: 0;
    }
    .single-shop-area .sidebar-wrapper {
        padding-top: 50px;
    }    
        
    /*** 
    =============================================
    Cart area  style
    =============================================
    ***/      
    .cart-middle .apply-coupon {
        padding-left: 0;
    }
    .cart-middle .apply-coupon input[type="text"] {
        position: relative;
        margin-bottom: 20px;
    } 
    .cart-middle .update-cart {
        float: left !important;
        margin-top: 20px;
    }    
    .cart-total {
        padding-top: 70px;
    }      
        
    /*** 
    =============================================
        Checkout Area style
    =============================================
    ***/      
    .checkout-area .form.shipping-info{
        padding-top: 70px;        
    } 
    .checkout-area .exisitng-customer h5 a {
        display: block;
        padding-left: 0;
        margin: 7px 0 0;
    } 
    .checkout-area .coupon h5 a {
        display: block;
        padding-left: 0;
        margin: 7px 0 0;
    }    
    
    /*** 
    =============================================
        Login Register Area style
    =============================================
    ***/    
    .login-register-area .form .social-icon {
        float: left;
        margin-right: -8px;
        margin-top: 15px;
    } 
    .login-register-area .form .social-icon .login-with {
        left: 0;
        position: relative;
        top: 0;
    }      
    .login-register-area .form.register{
        padding-top: 70px;        
    }      
    .login-register-area .form h6 {
        margin: 28px 0 0 0px;
    } 

    /*** 
    =============================================
        Contact form Area style
    =============================================
    ***/     
    .contact-form-area .quick-contact {
        background: #ffffff;
        margin-bottom: 10px;
    }    
    .contact-form-area{padding-bottom:15px;}
    /*** 
    =============================================
        Appointment page Area style
    =============================================
    ***/     
    .appointment-page-area .appointment-box .experince {
        position: relative;
        width: 330px;
        min-height: 340px;
        padding-top: 30px;
        margin-bottom: 40px;
    }
    .appointment-page-area .appointment-box .form textarea {
        margin-top: 23px;
    }    
        
 
    
    .cta-inner-wrap > .row,.cta-info-wrap{display: block!important;}
    .cta-content{text-align:center!important;}
    .cta-btn.text-end{text-align:center!important;margin-top: 25px;}
    .footer-area{}
    a.blantershow-chat {
        bottom: 20px!important;
        box-shadow: none!important;
        background: transparent!important;
        padding:0!important;
    }
    a.blantershow-chat span{display:none;}
    a.blantershow-chat img {margin: 0!important;height: 50px!important;}
    .single-footer-widget .footer-contact-info li {border-right:none;border-bottom: 1px solid #393939;padding: 10px 0 20px;}
    .cta-content .title{font-size: 23px;line-height: 34px;}
    .cta-inner-wrap{padding:0;}
    .banner_main .banner_text {
        position: absolute;
        z-index: 9;
        top: 38%;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 15px;
    }
    .banner_main .banner_text p br{display:none;}
    .brandLogo{grid-template-columns: 1fr 1fr 1fr 1fr;}
    #accordion{grid-template-columns: 1fr;}

}


@media only screen and (max-width: 678px){
    .welcome-area .row{display: block!important;align-items: center;}
    .row.rDcR,.row.rDc {display: flex!important;}
    .aboutimg_decore{margin-top:15px;}
    .mask-img-wrap{border-radius:0;}
    .welcome-area,.choosing-area {padding-top: 40px;padding-bottom: 40px;}
    .welcome-area{padding-bottom:0;}
    .procedures-area,.testimonial-area{padding: 40px 0;}
    .servicesGrid {grid-template-columns: 1fr 1fr;}
    .testimonial-area .sec-title{margin-bottom: 0;}
    .testimonial-area .single-testimonial-item {margin-bottom: 40px;}
    .choosing-area ul,.single-footer-widget .footer-contact-info{grid-template-columns: 1fr;}
    .footer-bottom-area .row{display: block!important;}
    .copyright-text {
        margin-bottom: 15px;
    }
    a.blantershow-chat {
        bottom: 25px!important;
        padding: 0px!important;
        left: 0px!important;
    }
    .scroll-to-top{
        width: 28px;
        height: 28px;
        line-height: 22px!important;
        font-size: 25px!important;
    }
    .diskImg{display:none;}
    .PhonImg{display:block;}
    .powredBox{
        display:block;
    }
    .visionBox{flex-direction:column;}
    .visionBox .leftBox,.visionBox .rightBox{width:100%;}
    .sec-title h1, .sec-title h2{font-size: 22px;line-height: 28px;}
    .yogaRight{margin-bottom:15px;}
    .videoBox{grid-template-columns: 1fr;}
    .main-container h2{font-size: 21px;line-height: 28px;}
    .pb-0{padding-bottom:0;}
    .brandLogo{grid-template-columns: 1fr 1fr 1fr;}
    .contact-form-area .quick-contact,.contact-form-area .contact-form form{padding: 15px;}
    .quick-contact .contact-info li {border: 1px solid #d9d9d9;padding: 15px;display: flex;gap: 10px;}
    .quick-contact .contact-info li:last-child{border-bottom: 1px solid #d9d9d9;}
    .quick-contact .contact-info li .icon-holder{position:relative;padding-bottom: 15px;}
    .contact-form-area .sec-title{padding-bottom: 0;margin-bottom: 0;}
    .contBox{grid-template-columns: 1fr 1fr;}
    .service-img {margin-bottom: 5px;}
   
}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/*** 
=============================================
    Blog style
=============================================
***/       
.single-blog-item {
    min-height: 509px;
    max-width: 430px;
    width: 430px;
    margin: 0 auto 40px;
}
.single-blog-item .text-holder {
    bottom: -90px;
}    
.single-blog-item .text-holder .blog-title {
    font-size: 18px;
} 
.single-blog-item:hover .img-holder .categories {
    transform: translate3d(0px, -89px, 0px);
}      

}

@media only screen and (max-width: 576px) {
    .mainmenu-area .logo .logo-image {max-width: 95px;}
    .banner_main .banner_text h4 {font-size: 25px;}
    .banner_main .banner_text p{font-size: 16px;line-height: 20px;}
    .servicesowl1 {grid-template-columns: 1fr;}
    .breadcrumb-area .breadcrumbs h1 {font-size: 24px;line-height: 28px;}
    .breadcrumb-area{padding-top: 125px;}
    .brandLogo{grid-template-columns: 1fr 1fr;}
    .whyChooseUs{padding-bottom:20px;}
    .contBox{grid-template-columns: 1fr;}
    .thanksPage {padding: 65px 0 30px;}
    .thanksPage h3 { font-size: 17px; line-height: 25px; }
}

@media only screen and (max-width: 425px){
    .servicesGrid {grid-template-columns: 1fr;}
    .phoneView{font-size: 13px;}
}