/*--================== 
    #Common
==================--*/
:root {
    --greencolor: #65bc7b;
    --bluecolor: #6282ea;
}

*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative; font-family: "Lato", sans-serif !important; margin: 0; padding: 0; } 
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6,textarea{color:#000000;font-weight:400;}
ul, a, input,textarea{text-decoration: none;list-style: none;text-decoration: none;outline:none; font-family: "Lato", sans-serif;}
a:hover,a:focus{ text-decoration: none;outline: 0;}
p,li{       font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 400;  }
li{list-style: disc;margin: 8px 0;}
p{  margin: 20px 0;}
.clear{clear: both;float:left;width:100%;}
.container{width: 1230px; margin: auto;padding: 0 15px;}
.container-lg{width: 100%; margin: auto;padding: 0 15px;}
.flex{display: flex;flex-wrap:wrap;}

body {
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
   background: #fff;

}

body.loaded {
    opacity: 1;
   
}



a, button, input[type="submit"] {
    transition: all .2s ease;
}


h1{
    font-size:50px;line-height: 55px;
    color: #000;
    font-weight: 700;
    margin: 0;
}
h2{
        font-size: 36px;
    font-weight: 700;
    color: #000;
    line-height: 45px;
    margin: 20px 0;
}

h3{
        font-size: 24px;
        line-height: 30px;
    font-weight: 700;
    color: #000;
    margin: 20px 0;
}


.banner-slide img{width: 100%;}

/*--================== 
    #Header 
==================--*/
/*navs-toggle*/
.navs-toggle{display: none;}
.header-block{
        background: #fff;
   height: auto;
    position: fixed;
    width: 100%;
    z-index: 99;
    transition: transform 0.6s ease;
    padding: 0;
}
.header-block.sticky-header{/*position: fixed;*/background: #fdfdfd;}
.sticky-header .topbars{display: none;}
.sticky-header .hdr-nav{padding:0;}

.sticky-header .hdr-nav .logo .main-logo{position: relative;border-radius: 0;}
.sticky-header .hdr-nav .logo .main-logo img{width: 80px;}


/*topbars*/
.topbars{float: left;
    width: 100%;
    background: var(--greencolor);    padding: 10px 0;}

.topbars p{color: #fff;    text-align: right;margin: 0;}

.topbars p a{
    color: #fff;
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;margin-left: 15px;
}
.topbars p a:hover{color: var(--bluecolor);text-decoration: none;}

.hdr-nav .logo{width: 260px;}

.hdr-nav .logo .main-logo{
        display: inline-block;
    background: var(--greencolor);
    border-radius: 0 0 30px 30px;
    position: absolute;top: 0;
}

.hdr-nav {
    position: relative;      padding: 16px 0;
}
.hdr-nav .flex{    justify-content: space-between;}

.hdr-search a{
    display: flex;
    font-size: 18px;
    border: 2px solid rgb(0 0 0 / 90%);
    color: rgb(0 0 0 / 90%);
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.hdr-phone a,
.hdr-book a{
        display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    height: 46px;
    border: 2px solid var(--greencolor);
    padding: 0 15px;
        font-weight: 700;
    font-size: 18px;
}

.hdr-phone a{background: var(--greencolor);  color: #fff;}
.hdr-book a{background: #fff;  color: var(--greencolor);}

.hdr-phone a .fa,
.hdr-book a .fa{padding-right: 7px;}

.hdr-phone a:hover,
.hdr-book a:hover,
.hdr-search a:hover{background: var(--bluecolor);color: #fff;border: 2px solid var(--bluecolor);border-radius: 0;}

.hdr-menu {
    display: flex;
    align-items: center;
        width: 850px;
    flex-wrap: wrap;
        justify-content: space-between;
}

.primary-menu ul {float: right;margin: 0; padding: 0;}
.primary-menu ul li{display: inline-block;margin: 0;position: relative;}
.primary-menu ul li a{     color: #000;
    text-decoration: none;
    font-size: 18px;
    text-transform: capitalize;
    padding: 15px;
    font-weight: 700;
    display: inline-block;
    letter-spacing: 0;}
.primary-menu ul li a:hover{color:var(--bluecolor)!important;}



.sub{position: absolute;
    cursor: pointer;
    color: #000;
    right: 0;
    top: 15px;}
/*.sub .fa-angle-up, .sub-menu-hide .fa-angle-down{display: none; }
.sub .fa-angle-up, .sub .fa-angle-down{position: relative;    top: 0px;left: 5px;}
.sub-menu-hide .fa-angle-up{display: inherit;}*/
ul.sub-menu::before{content: "";}
ul.sub-menu {
        position: absolute;
    z-index: 1000;
    display: none;
    width: 250px;
    list-style: none;
    background: #fff;
   
    float: none;
    padding: 0;
    border-radius: 0 0 15px 15px;
}

ul.sub-menu li {width: 100%;float:none;    display: inherit;}
ul.sub-menu li a{padding: 15px;border-bottom:1px solid #f1f1f1;width:100%;line-height: 18px; margin-left: 0;}
ul.sub-menu li:last-child a{border-bottom: none;}
ul.sub-menu li a:hover,
ul.sub-menu .current-item a{color:var(--bluecolor); !important;}

@media (min-width:1201px){
.primary-menu ul li:hover .sub-menu {display: block;transition:1s;}
}

@media (max-width:1200px){
    .sub{color: #fff;}
      .primary-menu ul li .sub-menu {position: relative;width: 100%;padding: 0;background: transparent;
        border-radius: 0;
        margin-bottom: 20px;}
  ul.sub-menu li a{padding: 15px !important;    border-bottom: 1px solid #74cb8a;}
  ul.sub-menu li{padding: 0 !important;}
}




/*--================== 
    #home-page
==================--*/
/*slider*/
.hero-block{position: relative;height: 950px;background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 40%);overflow: hidden;}
.hero-block .caption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero-block .caption .table1 {width: 100%;height: 100%;display: table;}
.hero-block .caption .table2 {width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.hero-block .caption .content { width: 100%;height: 100%; position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.hero-block .caption .content .left-side{width: 613px;    padding-top: 100px;}
/*.hero-block .caption .content .right-side{width: 500px;position: relative;top: 100px;border-radius: 250px 250px 0 0;border: 20px solid var(--bluecolor);background: var(--bluecolor);margin-top: 50px;}*/

.hero-block .caption .content .right-side{width: 500px;position: absolute;bottom: 40px;border-radius: 250px 250px 0 0;border: 20px solid var(--bluecolor);background: var(--bluecolor);margin-top: 0;right: 0;}

.hero-block .caption .container{
        height: 100%;
    display: flex;
    align-items: center;    position: relative;
}
.hero-block .caption .content .right-side .item{width: 100%; }
.hero-block .caption .content .right-side .item img{border-radius: 250px 250px 0 0;object-fit: cover;width: 100%;}
.blue-strip{clear: both;background: #6282ea;padding: 21px 0; bottom: 0; position: absolute; width: 100%;z-index: 0;height: 116px;}
.blue-strip a{display: flex;align-items: center; font-size: 30px;color: #fff;font-weight: 400;}
.blue-strip a img{    margin-right: 10px;}
.blue-strip a span{font-size: 60px; font-weight: 700;letter-spacing: 0.10em;padding-left: 20px;}
.caption .content .right-side .owl-theme .owl-dots .owl-dot span{width: 8px; height: 8px;color: #fff;}
.hero-block .caption .content .right-side .owl-theme .owl-dots .owl-dot.active span, 
.hero-block .caption .content .right-side .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}
.hero-block .caption .content .left-side h1{color: #ffffff;}
.hero-block .caption .content .left-side p{color: #fff;padding-right: 130px;}
.hero-block .caption .content .left-side a{ display: inline-block;color: var(--greencolor);text-decoration: underline;font-weight: 700;font-size: 16px;}
.hero-block .caption .content .left-side a:hover{text-decoration: none;}

@media (min-width:768px){
.banner-slide-mob{display: none;}
}

/*home-about-CSS*/
.sectitle span{display: block;font-size: 18px;font-weight: 700;color: var(--bluecolor);}
.home-about{padding-top: 150px;background: #fff;    padding-bottom: 100px;transition: all .2s ease;}
.home-about .flex{justify-content: space-between;}
.home-about .left-about{width: 588px;position: relative;transition: all .2s ease;position: relative;    z-index: 1;    display: inline-block;}
.home-about .right-about{width: 425px;margin-right: 60px;}

.home-about .left-about:before{content: url('../images/about-dot1.png');position: absolute;display: inline-block;top: -80px;right: 15px;z-index: -1;}
.home-about .left-about:after{content: url('../images/about-dot2.png');position: absolute;display: inline-block; bottom: -48px;left: 65px;z-index: -1;}
/*.home-about:hover .left-about img{transition: all .2s ease;transform: translate3d(5px, 5px, 5px);}*/

.home-about .left-about span{position: relative;    float: right;}

.home-about .left-about span:before{      position: absolute;
    content: url(../images/about-relax.png);
   bottom: 220px;
    left: -121px;
    z-index: 1;}

.home-about .left-about span:after{        position: absolute;
    content: url(../images/about-leaf.png);
   bottom: 268px;
    left: 109px;
    z-index: 0;
    animation: leaf-shaking 0.3s infinite;}




.bg-lightblue {background: #f7f9fe;padding: 60px 0;}

.home-why-massage .sectitle{text-align: center;    margin: 0 0 50px;}
.home-why-massage .flex{justify-content: space-between;}
.whymass-box {width: 364px;background: #fff;border-radius: 30px;position: relative;text-align: center;padding: 30px;transition: all .2s ease;}
.whymass-box h3{margin: 1em 0 0.3em;}
.whymass-box p{font-size: 16px;line-height: 24px;margin: 0;}
.whymass-box:hover{box-shadow: 0px 7px 27px 3px rgba(0, 0, 0, 0.1);    transform: translateY(-2px);}

.home-services{background: #fff;padding: 60px 0;}
.home-services .sectitle{text-align: center;position: relative;}
.home-services .sectitle:before,
.home-services .sectitle:after {
position: absolute;display: inline-block;top: 0;z-index: 1;}
.home-services .sectitle:before{  left: 0; content: url(../images/serv-dot1.png);}
.home-services .sectitle:after{  right: 0; content: url(../images/serv-dot2.png);}
.services-box {width: 381px;background-repeat: no-repeat;background-size: cover; box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 50%);margin-right: 28px;margin-top: 110px;text-align: center;    padding: 30px;    position: relative;    display: flex;flex-wrap: wrap;align-items: start;}
.services-box:hover{ box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 25%);}
.services-box:nth-child(3n+3){margin-right: 0;}
.services-box h3{color: #fff;}
.services-box p{color: #fff; font-size: 16px;line-height: 24px;}
.services-box img{ position: absolute;top: -80px;left: 0;margin: auto;right: 0; box-shadow: 0px 7px 27px 3px rgba(0, 0, 0, 0.1);border-radius: 50%;background: #fff;border: 2px solid #fff;}
.services-box:hover img{border: 2px solid var(--bluecolor);    box-shadow: none;}
.services-box .ser-text {margin-top: 145px;position: relative;}
.services-box .ser-text a{border: 2px solid var(--bluecolor);display: inline-block;padding: 6px 0;text-transform: capitalize; border-radius: 100px;font-size: 16px;font-weight: 700;line-height: 24px;background: var(--bluecolor);color: #fff;opacity: 0; position: absolute;top: 70px;left: 0;right: 0;width: 140px;margin: auto;}
.services-box:hover .ser-text a{opacity: 1;}
.services-box:hover .ser-text p{opacity: 0;}
.services-box .ser-text a:hover{border-radius: 0;}

.home-what-massage{background: var(--bluecolor);padding: 60px 0;}
.home-what-massage .sectitle{ margin: 0 0 50px;text-align: center;color: #fff;}
.home-what-massage .owl-theme,
.home-price .owl-theme{padding: 0 50px;}
.whatmsag-box{background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;width: 100%;padding: 15px;text-align: center;border-radius: 10px;height: 226px;}
.whatmsag-box:hover{box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 50%);}
.whatmsag-box h3{color: #fff;margin: 0;}

.arrow-owl.owl-theme .owl-nav {margin-top: 0;}
.arrow-owl.owl-theme .owl-nav button {color: rgb(255 255 255 / 55%);width: 45px;height: 45px;opacity: 9;position: absolute;top: 50%;border: none;border-radius: 0;background: transparent;display: flex;align-items: center;justify-content: center;padding: 0 !important;margin: -23px 0 0;line-height: 45px;font-size: 30px;}
.arrow-owl.owl-theme .owl-nav button:hover{background: transparent;}
.arrow-owl .owl-nav .owl-prev {left: 0;}
.arrow-owl .owl-nav .owl-next {right: 0;}

.home-price {background: #718eec;padding: 40px 0;}
.msagprice-box{ display: flex;align-items: center; justify-content: center;width: 100%;padding: 15px;text-align: center;border-radius: 10px;background: #fff;height: 226px;}
.msagprice-box h4{margin: 0;font-size: 18px;line-height: 24px;}
.msagprice-box h4 span{display: block;color: var(--greencolor);font-weight: 700;margin-top: 10px;}

.home-profile{background: #fff;padding: 60px 0;}
.home-profile h2 {font-size: 30px;line-height: 36px;}
.home-profile .flex{justify-content: space-between;    align-items: center;}
.home-profile .content-side{width: 648px;}
.home-profile .profile-side {width: 478px;position: relative;}
.profile-side .profile-box {background: var(--greencolor);border-radius: 100px 100px 0 0;padding: 110px 30px 10px;text-align: center;position: relative;margin-top: -100px;}
.profile-side .profile-img{margin: auto;z-index: 1;text-align: center;position: relative;}
.profile-side .profile-img img{  border-radius: 100%; width: 200px;height: 200px;border: 10px solid #fff; box-shadow: 0px 7px 27px 3px rgba(0, 0, 0, 0.1);}
.profile-side .profile-box h3{margin: 0;font-size: 30px;color: #fff;}
.profile-side .profile-box h4{font-size: 18px;color: #fff;font-weight: 700;line-height: 24px;margin: 10px 0 0;}
.profile-side .profile-box p{color: #fff; font-size: 16px;line-height: 24px;}

/*.testimonial-block{position: relative;    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 60px;}
.testimonial-block .sectitle{text-align: center;color: #fff;}*/

.testimonial-block img{width: 100%;}

.group-btn{display: flex;}
.btns{display: flex;justify-content: center;align-items: center; border-radius: 100px;height: 46px;padding: 0 15px;font-weight: 700;font-size: 18px;}
.blue-btn{  border: 2px solid var(--bluecolor);background: var(--bluecolor);color: #fff;}
.bodr-blue-btn{  border: 2px solid var(--bluecolor);background:#fff ;color: var(--bluecolor);}
.green-btn {  border: 2px solid var(--greencolor);background:var(--greencolor);color: #fff;}
.blue-btn:hover,.bodr-blue-btn:hover{border: 2px solid var(--greencolor);background: var(--greencolor);color: #fff;border-radius: 0;}
.green-btn:hover{border-radius: 0;}

.mob-service-block{background-repeat: no-repeat;background-size: cover;background-position: bottom;    padding: 60px 0;}
.mob-service-block .flex{justify-content: space-evenly;    align-items: center;}
.mob-service-block .right-side {width: 547px;}
.mob-service-block .left-side {width: 487px;}

.mob-leaf{position: relative;display: inline-block;margin-left: 110px;}
.mob-leaf img{z-index: 1;position: relative;}
.mob-leaf:before{position: absolute;content: url(../images/leaf-1.png); bottom: 60px;left: -108px;z-index: 1;animation: leaf-shaking 0.3s infinite;}
.mob-leaf:after{ position: absolute;content: url(../images/leaf-2.png);bottom: 90px;right: -110px;z-index: 0;animation: leaf-shaking 0.3s infinite;}
@keyframes leaf-shaking {
  0% { transform: translate3d(0px, 0px, 0px); }
  25% { transform: translate3d(1px, 1px, 1px); }
  50% { transform: translate3d(0px, 0px, 0px); }
  75% { transform: translate3d(-1px, -1px, -1px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.mob-service-block .right-side .group-btn{margin-top: 30px;}
.mob-service-block .right-side .group-btn a{width: 177px;    margin-right: 15px;}
.mob-service-block .right-side ul{margin: 0;padding: 0 0 0 20px;}
.mob-service-block .right-side ul li{font-weight: 700;}


.appointment-block {background: var(--bluecolor);padding: 60px 0;}
.appointment-block .flex {justify-content: space-between;    align-items: center;}
.appointment-block .left-side {width: 583px;}
.appointment-block .right-side {width: 600px;}
.appointment-block .left-side h2,
.appointment-block .left-side p{color: #fff;}
.appointment-block .left-side .btns{ width: 138px;}

/*site-footer_CSS*/
.footer-block {background-color: #fff;position: relative;padding: 60px 0;}
.footer-block:before,
.footer-block:after{
position: absolute;  bottom: 0; z-index: 0;}
.footer-block:before{ content: url(../images/ft-leaf-left.png); left: 0;}
.footer-block:after{ content: url(../images/ft-leaf-right.png); right: 0;}
.footer-block .flex {justify-content: space-between;align-items: center;width: 1170px;margin: auto;}
.footer-column { position: relative;z-index: 11;width: 388px;}
.center-column {text-align: center;}
.footer-column h2 {font-size: 30px;}
.footer-column .direction-link a {color: var(--greencolor);font-weight: 700;}
.footer-column .phone-number a {font-size: 24px;}
.footer-column .phone-number a:hover,
.footer-column .direction-link a:hover,
.footer-column .email-link a:hover{
color: var(--bluecolor);}
.footer-links {list-style: none;padding: 0;margin: 0;text-align: right;}
.footer-links li {list-style: none;}
.footer-links a:hover {color: var(--bluecolor);}
.ndis-logo {width: 120px;margin-bottom: 20px;}
.social-icons a img {width: 40px;margin: 0 10px;transition: transform 0.3s;}
.social-icons a{display: inline-block;}
.social-icons a:hover img {transform: scale(1.1);}
.footer-column:nth-child(3) h2{text-align:right;}
.copyright{font-size: 16px; font-family: 'Lato';text-align: center; margin-top: 40px;}



 /*--================== 
    #inner-page
==================--*/
.hero-block-in{height: auto; padding: 250px 0 150px;
    background-attachment: unset;}
.hero-block-in h1{  
    color: #fff;
    text-align: center;
}
.blue-strip.blue-strip-in{position: relative;}
.blue-strip.blue-strip-in a{justify-content: center;}

.contact-block{
    padding-top: 60px;
    padding-bottom: 60px;
}
.contact-block .flex{justify-content: space-between;}
.contact-block .left-side{width: 600px;}
.contact-block .left-side iframe{width: 100%;height: 100%;vertical-align: bottom;border: none;}
.contact-block .right-side{width: 540px;}
.contact-block form {
        background: #f1f1f1;
    padding: 30px
}
.contact-block form input,
.contact-block form textarea{
width: 100%;
    height: 50px;
    border: 1px solid #fff;
    padding: 15px;
    font-size: 16px;
    color: #000;
    border-radius: 100px;
}

.contact-block form textarea{
        height: 100px;
    resize: none;
    border-radius: 30px;
}

form .send-btn input[type="submit"]{
        background: var(--greencolor);
    border: 1px solid var(--greencolor);
    color: #fff;
    font-size: 18px;
    padding: 0;
    font-weight: 700;
    cursor: pointer;
}
.contact-box {
    width: 290px;
    background: #f9f9f9;
    text-align: center;
    border: 2px solid #f1f1f1;
    border-radius: 30px;
        margin-top: 40px;
    padding: 20px;
}

.contact-box span{
        width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: 2px solid #000;
    border-radius: 100px;
    font-size: 30px;
}
.contact-box h4{
        color: var(--greencolor);
    font-weight: 700;
    font-size: 18px;
    margin: 20px 0;
}

.contact-box p a{display: inline-block;}
.contact-box:hover p a{color: var(--bluecolor);}


.mob-service{padding: 60px 0;}
.mob-service .flex{justify-content: space-between;align-items: center;}
.mob-service .left-side,
.mob-service .right-side {
    width: 47%;
}


.mob-service .right-side img{width: 100%;border-radius: 15px;}

.mob-choose{
        background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 60px 0;
}
.mob-choose h2{    text-align: center;
    margin: 0 0 50px;}
.mob-choose .flex{justify-content: space-between;}
.mob-choose-box {
    width: 290px;
    background: rgb(255 255 255 / 54%);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 12px;
}
.mob-choose-box span {
    width: 120px;
    height: 120px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 100%;
    padding: 20px;
}
.mob-choose-box span img{width: 100%;}

.mob-choose-box h4{
    margin: 20px 0;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

.therapy-price {
       background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 60px 0;
    position: relative;box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 60%);
}
.therapy-price .owl-theme { padding: 0 50px;}
.therapy-price-box{
       width: 100%;
    background: #ffffff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 12px;
}

.therapy-price-box p{display: flex;flex-wrap: wrap;justify-content: space-between;}
.therapy-price-box p span.key{width: 20%;    color: #3a3a3a;}
.therapy-price-box p span.value{width:75%;}

.therapy-price-box a{
        display: inline-block;
    background: var(--greencolor);
    padding: 10px 15px;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
}

.therapy-price-box a:hover{background: var(--bluecolor);border-radius: 0;}
.therapy-price-box .price .value{
        color: var(--greencolor);
    font-size: 20px;
}


 /*--================== 
    #responsive
==================--*/



@media (max-width:1200px){

.container{width: 100%;}
 .home-about .right-about{width: 45%;margin-right: 0;}
 .home-about .left-about{width: 50%;}


    .navs-toggle{        width: auto;
        float: left;
        padding: 15px;
        position: absolute;
        margin-top: 0;
        top: 0;
        right: 0;
        z-index: 99;
        display: block;}
    .navs-toggle-icon{display: inline-block; float: right;height: 50px;background: #fff;border-radius: 4px;}
    .navs-toggle span{float:left;}
    .close-bars{display: none;}
    .toggle-open .close-bars{display: block;}
    .toggle-open .bars{display: none;}
    .primary-menu{display: none;}
    .toggle-open .primary-menu {display: block;
           position: fixed;
        top: 100px;
        width: 30%;
        background: var(--greencolor);
        z-index: 99;
        left: unset;
        margin-top: 24px;
        padding: 15px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        right: 0;}

   .toggle-open .sticky-header .primary-menu{margin-top: -13px;}
   

.hdr-nav .logo{width: 20%;}
.hdr-menu{    justify-content: right;width: 80%;
    padding-right: 80px;}
    .hdr-phone {
    padding: 0 10px;
}
  


.icon-bar{margin-left: 0;margin-right: -5px;left: inherit;right: -100px;border-radius: 0 0 15px 15px;}
    

    .primary-menu ul{width: 100%;float: left;margin: 0;padding: 0;}
    .primary-menu ul li{display: block; padding: 10px 0;}
    .primary-menu ul li a{color: #fff;padding: 5px 0;}

    .hero-block .caption .content .left-side p{padding-right: 0;}

    .footer-block .flex{width: 100%;}
    .footer-column {width: 30%;}
    .footer-block:before, .footer-block:after{opacity: 0.3;}

}



@media (max-width:991px){
      .toggle-open .primary-menu{width: 50%; }
      .home-about .flex{flex-wrap: wrap-reverse;}
      .home-about{padding-top: 30px;}
      .home-about .left-about,
      .home-about .right-about,
      .home-about .left-about span,
      .home-profile .content-side,
      .home-profile .profile-side,
      .mob-service-block .left-side,
      .mob-service-block .right-side{width: 100%;}

      .home-about .left-about span img{width: 100%;}
      .home-about .left-about{margin-top: 100px;}
      .home-about .left-about span:before{bottom: unset; top: -50px;left: 0;}
      .home-about .left-about span:after{ bottom: 80%;left: 31%;}

      .hero-block{background-attachment: unset;}
      .mob-leaf img{width: 300px;}
      .mob-leaf{    margin-left: 0;}
      .mob-service-block .left-side{text-align: center;}
      .footer-column {width: 100%;text-align: center;}
      .footer-links, .footer-column:nth-child(3) h2{text-align: center;}
      .contact-box{width: 48%;}    

}

@media (max-width:767px){
    .topbars p{    font-size: 14px;
    line-height: 20px;text-align: center;}
    .hdr-nav .logo .main-logo img{width: 100px;}
    .hdr-nav .logo .main-logo{border-radius: 0 0 10px 10px;z-index: 111;  }
    .hdr-phone a, .hdr-book a{font-size: 16px;}
    .toggle-open .primary-menu{margin-top: 18px;}
    .hero-block .caption{position: relative;}
      .hero-block{height: 100%; overflow: unset;background-attachment: unset;}
      .hero-block .caption .content .left-side{width: 100%;padding-top: 230px;padding-bottom: 100px;}
      .hero-block .caption .content{flex-wrap: wrap;}
      .hero-block .caption .content .right-side{border: 8px solid var(--bluecolor);border-radius: 50px 50px 0 0;    margin: 50px auto 0;top: 0;display: none;}
      .hero-block .caption .content .right-side .item img{border-radius: 50px 50px 0 0;}
      .hero-block .blue-strip{position: relative;}
      .blue-strip a span{font-size: 50px;}
      .blue-strip a {font-size: 24px;        justify-content: center;}
      

      .appointment-block .left-side,
      .appointment-block .right-side,
      .appointment-block .right-side img,
      .footer-column,
      .contact-block .left-side,
      .contact-block .right-side,
      .mob-service .left-side, .mob-service .right-side{width: 100%;}

 .whymass-box{width: 100%;margin:10px 0;}
 .services-box{width: 100%;margin-right: 0;}

 .mob-leaf img{width: 200px;}
 .contact-box{width: 47%;}
 .contact-block .left-side iframe{height: 350px;margin-bottom: 30px;}
 .mob-choose-box{width: 100%;margin:10px 0;}


    
}


@media (max-width:585px){
    h1{font-size: 40px;line-height: 45px;}
    .topbars p a{display: block;margin-left: 0;}
   .hdr-phone span, .hdr-book span{display: none;margin-left:0;}
   .hdr-phone a , .hdr-book a  {width: 46px;}
   .hdr-phone a .fa, .hdr-book a .fa { padding-right: 0;}
   .toggle-open .primary-menu{width: 100%; padding: 50px 15px 15px;margin-top: 38px;border-top: 2px solid var(--bluecolor);}
    .blue-strip a {font-size: 18px;flex-wrap: wrap;}
     .blue-strip a span{font-size: 40px;    padding-left: 0;}
    .blue-strip{height: auto;}
    .mob-service-block{padding: 100px 0 60px;}
    .mob-leaf:before{    right: 10px;left: unset;}
     .mob-leaf:after{    right: unset;left: 10px;}    
    .mob-leaf img {width: 120px;}
    .group-btn{flex-wrap: wrap;}
    .mob-service-block .right-side .group-btn a,
    .appointment-block .left-side .btns {
    width: 100%;
    margin: 10px 0 !important;}

    .contact-box{width: 100%;}
    
}

@media (max-width:427px){
.hdr-search a,.hdr-phone a, .hdr-book a{width: 30px;}
.hdr-menu{padding-right: 60px;}
.topbars p{font-size: 10px;}
.topbars p a{font-size: 14px;}

}



@media (min-width: 1201px) and (max-width: 1230px){
.container{width: 1170px;}
.hero-block .caption .content .right-side{width: 450px;}
.services-box{width: 361px;}
.footer-block .flex{ width: 880px;}
.appointment-block .left-side{width: 500px;}
.contact-box{width: 275px; padding: 15px;}
.footer-column{width: 288px;}
}

@media (min-width: 1231px) and (max-width: 1295px){
  
  .footer-block .flex{width:1000px; }
    
}

@media (min-width: 1296px) and (max-width: 1495px){
  
  .footer-block .flex{width:880px; }
  .footer-column{width: 288px;}
    
}

@media (min-width: 992px) and (max-width: 1200px){
.hero-block .caption .content .left-side{width: 45%;}
.hero-block{background-attachment: unset;}
.hero-block .caption .content .right-side{bottom: 100px;}
.home-profile .content-side {width: 55%;}
.home-profile .profile-side{width: 40%;}
.home-about .left-about span:before{left: 0;}
.home-about .left-about span:after{left: 189px;}
.mob-service-block .right-side{width: 48%;}
.mob-service-block .left-side{width: 50%;}
.contact-box{width: 24%;        padding: 15px;}
.contact-box p{font-size: 16px;line-height: 24px;}
.mob-choose-box{width: 24%;}

}

@media (min-width: 768px) and (max-width: 991px){

.hero-block{background-attachment: unset;}
    .hero-block .caption .content .left-side{width: 40%;}
     .blue-strip a{    justify-content: center;}
    .hero-block .caption .content .right-side{ border: 10px solid var(--bluecolor);width: 370px;bottom: 80px;}
    .mob-choose-box{width: 46%;margin: 2%;}

}

@media (min-width: 768px) and (max-width: 1200px){
    .services-box{width: 32%;    margin-right: 2%;}
    .whymass-box{width: 32%;}
    .appointment-block .left-side,.appointment-block .right-side{width: 47%;}
    .appointment-block .right-side img{width: 100%;}
     .contact-block .left-side{width: 49%;}
      .contact-block .right-side { width: 50%;} 
}