@font-face {
    font-family:OpenSans-Regular;
    src: url(fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family:work-sans-regular;
    src: url(fonts/work-sans-regular.ttf);
}
@font-face {
    font-family:work-sans-medium;
    src: url(fonts/work-sans-medium.ttf);
}
@font-face {
    font-family:CormorantGaramond-Regular;
    src: url(fonts/CormorantGaramond-Regular.ttf);
}
@font-face {
    font-family:Roboto-Bold;
    src: url(fonts/Roboto-Bold.ttf);
}

img {
    width: 100%;
    max-width: 100%;
}

.mobile-display {display: none;}

/*-------------Header Start---------------------*/

ol, ul{
    margin-bottom:0px;
}
a, .btn, button{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration:none;
    font-family:work-sans-regular;
    color: #405861
}
a:hover, a:focus{
    text-decoration:none;
}
.h1, .h2, .h3, h1, h2, h3, h4 {
    font-size:30px;
    color: #405861;
    font-family:CormorantGaramond-Regular;
}
section, footer{
    width:100%;
    float:left;
    position:relative;
}
section{
    padding:20px 0 50px 0;
}
ul{
    padding:0px;
}
p{
    font-family:OpenSans-Regular;
    font-size: 15px;
    line-height: 1.8em;
    font-weight: 400;
    color: #818181;
}

/*-------------header-menu-----------------*/

*{margin:0;padding:0;text-decoration:none}

header{
    padding:0;
}
input:focus, button:focus {
    outline: transparent;
}

/*---------------menu-list--------------------------*/

  .search-form input {
    border: solid 1px #cccccc!important;
    padding: 10px;
color: #405861;
    font-family:CormorantGaramond-Regular;
}
.search-form {
    margin-top: 15px;
}

.address ul li {
    list-style: none;
    display: inline-block;
    padding-right: 20px;
}
.top-header {
    background: #ededed;
    padding: 10px 0;
    text-align: center;
}
.address ul li a {
    color: #818181;
    font-size:13px;
    font-family:OpenSans-Regular;
}
.follow-us {
    display: inline-block;
    text-align: right;
    width: 100%;
}
.follow-us ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
    
}
.follow-us li .fa {
    color: #818181;
}
.follow-us p {
    display: inline-block;
    font-size: 13px;
    color: #818181;
    padding-right: 10px;
    font-family:OpenSans-Regular;
}
.mobile-logo {
    display: none;
}
.logo {
    text-align: center;
    margin-top: 40px;
}
.logo img {
    width: 170px;
}

.menulist-item {
    background: transparent;
    text-align: center;
}

nav#cssmenu ul {
    margin-bottom: 0!important;
    text-align: center;
}
nav#cssmenu {
    float: none;
}
nav#cssmenu {
    float: none;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 20px;
}
.bottom-header {
    padding: 10px 0;
    border-bottom: solid 1px #cccccc;
}
nav{position:relative;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display: inline-block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a {
    padding:26px 16px;
    font-size: 19px;
    font-weight: 400;
    color: #818181;
    font-family: OpenSans-Regular;
    text-decoration: none;
    /*letter-spacing: 1px;
    font-family:work-sans-medium;
    letter-spacing: .08em;*/
    text-transform: uppercase;
    
}
li.logo-menu_ img {
    width: 89px;   
    position: relative;
    top: 0;
}
li.logo-menu_ a {
    padding: 0 40px!important;
}

#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #000;
}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    background: transparent;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''display:none;}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:''display:none;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    z-index: 999;
}
#cssmenu ul ul li {
    height: auto!important;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #104590;
    transition: all .25s ease;
}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150,150,150,0.15);
    padding: 19px 15px;
    width: 300px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    text-align: left;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 999999;
    background: #ffffff;
}
nav#cssmenu ul {
    margin-bottom: 0!important;
    text-align: left;
}
#cssmenu > ul > li > a {
    padding: 15px 16px;
    font-size: 15px;;
}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:unset;}
#cssmenu ul li:hover{background:#ffdab9;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 10px;
    width: 30px;
    border-top: 2px solid #405861;
    border-bottom: 2px solid #405861;
    content: '';
}
.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    height: 2px;
    width: 30px;
    background: #405861;
    content: '';
}
.button.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 30px;
    background: #405861;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button.menu-opened:before {
    top: 23px;
    background: #405861;
    width: 30px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*----------------------slider------------------------*/

.home_slider h3 {
    text-align: center;
    line-height: 130px;
    letter-spacing: -3px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 95px;
        font-family:CormorantGaramond-Regular;
        text-transform:uppercase;
}
.home_slider .carousel-caption1 {
    width: 100%;
    margin: 0 auto;
    top: 50%;
    text-align: center;
    max-width: 100%;
    right: 0;
    left: 0;
    position: absolute;
}
.home_slider .carousel-caption1 a {
    background: #cf0101;
    color: #ffffff;
    padding: 10px 30px;
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
     color: rgb(64, 88, 97);
    background-color: rgb(255, 255, 255);
    text-shadow:unset!important;
    text-transform:uppercase;
}
.nat-massage {
    background-image: url(images/prfume.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: right, bottom;
}
.therapy-center-text img {
    width: 98px;
}
/*--------------about-us-------------*/

.about-us, .natural, .spa-day {
    padding: 0;
}
.color-1 {
    background: #fef8f4;
}
.top-padding {
    height: 441px;
}
.top-padding {
    height: 441px;
    padding-top: 40px;
    padding-bottom: 40px;
}
a.btn-shortcode {
    font-size: 14px;
    text-decoration: none;
    font-family: work-sans-regular;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #405861;
    padding-bottom: 20px;
    display: inline-block;
}
.relax-massage p {
    padding: 15px 0;
}
.col-md-3.top-padding {
    padding: 0;
}
.relax-massage {
    padding: 50px;
}
.col-md-3.img-massage {
    padding-left: 0;
    padding-right: 0;
}
.img-massage .relax-massage {
    padding: 0!important;
}
.col-md-3.img-massage img {
    height: 440px;
}
.col-md-6.padding-0 {
    padding: 0;
}
.nat-massage {
    padding: 80px 50px;
}
.nat-massage h2 {
    letter-spacing: -.01em;
    color: #405861;
    font-size: 55px;
    line-height: 1.03636em;
}
a.shop-btm {
    background-color: #ffdab9;
    color: #ffffff;
    font-size: 14px;
    line-height: 2em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 39px;
    margin-bottom: 30px;
    display: inline-block;
}
.spa-massage.text-center .col-md-6 {
    padding: 0;
}
.nat-massage p {
    padding-top: 2px;
}
.spa-day .col-md-3, .spa-day .col-md-6 {
    padding: 0;
}
.get-ready.text-center span {
    position: relative;
    display: block;
    font-family:CormorantGaramond-Regular;
    font-size: 80px;
    line-height: 1.2em;
    letter-spacing: -.05em;
    color: #dcac50;
    padding-top: 50px;
}
.get-ready h2 {
    color: #405861;
    font-size: 35px;
}
#quote-carousel p {
    color: #405861;
    font-size: 25px;
    font-family: CormorantGaramond-Regular;
    padding:10px 30px;
}
#quote-carousel img {
    width: 128px;
}
#quote-carousel {
    padding: 30px 0;
}
.home_slider {
    background-image: url(images/banner.jpg);
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
}
/*--------------contact-us----------------*/
.shop-contact h2 {
    letter-spacing: -.01em;
    color: #405861;
    font-size: 60px;
    line-height: 1.03636em;
    font-weight: inherit;
}
.shop-contact p {
    font-size: 19px;
    padding: 20px 71px 50px;
}
.contact-details h2 {
    font-family: 'CormorantGaramond-Regular';
    letter-spacing: -.01em;
    color: #405861;
    font-size: 25px;
    line-height: 1.08em;
    padding-bottom: 10px;
}
.contact-details li a {
    color: #818181;
    font-size: 15px;
    line-height: 27px;
}
.contact-details li {
    list-style:none;
}
.contact-details {
    padding-bottom: 40px;
}
.drop-msz form textarea {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 20px;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 26px;
    font-weight: inherit;
    color: #818181;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    box-shadow: unset;
}
.drop-msz textarea.form-control {
    height: 160px;
}
.drop-msz h2 {
    color: #405861;
    font-size: 35px;
    padding-bottom: 20px;
}
.drop-msz button {
    font-family: work sans,sans-serif;
    font-size: 14px;
    line-height: 2em;
    font-weight: 500;
    letter-spacing: .03em;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    outline: 0;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    padding: 10px 39px;
    color: #fff;
    background-color: #92c5da;
    margin-top: 20px;
    border: transparent;
}
span.btn-text {
    position: relative;
    font-family:work-sans-medium;
}
span.btn-text:after {
    background: #85a3b336;
    height: 8px;
    width: 118px;
    content: "";
    position: absolute;
    left: -6px;
    bottom: 0;
}
/*-------------------about-us------------------*/
.Spa-center-text {
    position: relative;
    padding-left: 40px;
}
.Spa-center-text span {
    position: absolute;
    bottom: calc(100% - 10px);
    left: 22px;
    margin: 0;
    transform: rotate( -90deg) translateX(-100%);
    transform-origin: 0 100%;
        color: #B0B8BB;
        text-transform:uppercase;
}
.Spa-center-text h2 {
    font-size: 55px;
    color: #415962;
}
.Spa-center-text li {
    color: #879296;
    line-height: 30px;
}
blockquote {
    border-left: unset;
}

/*---------------our services-----------------*/
.mineral-text {
    position: absolute;
    bottom: 15px;
    background: #ffffff;
    padding: 20px;
    left: 50px;
    right: 50px;
    border: 20px;
}
.mineral-text h5 {
    color: #405861;
    font-size: 25px;
}
.mineral-text span {
    text-transform: uppercase;
    padding-bottom:20px;
    display: inline-block;
}
.mineral-text p {
    padding: 20px 0;
}
.Mineral-Salt-text {
    position: relative;
    margin-bottom: 30px;
}
.therapy-center-text a {
    font-family:work-sans-regular;
    font-size: 14px;
    line-height: 1.285714285714286em;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #85a3b3;
    display: block;
    transition: color .2s ease-out;
    padding-top: 20px;
}
.Book-an-Appointment h2 {
    color: #405861;
    font-size: 35px;
    padding-bottom: 20px;
}

.Book-an-Appointment input.form-control {
    height: auto!important;
    padding: 15px;
    margin-bottom: 20px;
}
button.btnn-submit {
    background-color: #ffdab9;
    color: #ffffff;
    font-size: 14px;
    line-height: 2em;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding: 13px;
    border: transparent;
}
.Putent-vivendo {
    background: #fafafa;
    padding: 50px;
}
.Putent-vivendo h4 {
    letter-spacing: -.01em;
    color: #405861;
    font-size: 35px;
}
.Putent-vivendo li {
    font-size: 15px;
    line-height: 1.8em;
    font-weight: 400;
    color: #818181;
}
.Putent-vivendo ul {
    padding-top:20px;
}

.therapy-center {
    padding-top: 0;
}
.offer-img {
    background-image: url(images/offers-img-1.jpg);
    padding: 100px 0;
    text-align: left;
    color: #ffffff;
}
.offer-img h2{
    color: #ffffff;
}
.Comfort-Relax-text {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #cccccc;
    text-align: center;
    padding: 40px 30px 46px;
}
.Comfort-Relax-text h2 {
    color: #405861;
    font-size: 35px;
}
.Comfort-Relax-text h1 {
    color: #dcac50;
    font-size: 80px;
}
.Comfort-Relax-text h1 span{
    color: #405861;
    font-size: 20px;
}
.Comfort-Relax-text p {
    padding: 20px 0;
}
.Comfort-Relax-text a {
    background-color: #ffdab9;
    color: #ffffff;
    font-size: 14px;
    line-height: 2em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 39px;
    margin-top: 20px;
    display: inline-block;
}
.Comfort-Relax-text strong {
    color: #85a3b3;
    font-weight: bold;
}
.color-n {
    background: #f2fafd;
    border: transparent;
}
.color-3 {
    background: #fff9f5;
    border: transparent;
}
.spa-vocture-bg {
    background: #f9f9f5;
    display: inline-block;
    padding: 40px;
}
.spa-vocture-text h2 a {
    color: #405861;
    font-size: 55px;
    padding-bottom: 20px;
    font-family: CormorantGaramond-Regular;
}
.spa-vocture-text p {
    font-size: 19px;
    color: #A1B8C4;
    padding: 20px 0;
}
.Comfort-Relax {
    padding-top: 0;
}
.shop-contact2 {
    background-image: url(images/lash-and-brow-bg.jpeg);
    padding: 100px 30px;
    text-align: left;
    color: #ffffff;
    background-size: cover;
}
.shop-contact3 h2 {
    font-size: 45px;
    color: #ffffff;
}
.shop-contact3 p {
    font-size: 20px;
    color: #ffffff;
}
.shop-contact4 {
    background-image: url(images/waxing.jpeg);
    padding: 100px 30px;
    text-align: left;
    color: #ffffff;
    background-size: cover;
    background-position: 0px -180px;
}
.shop-contact5 {
    background-image: url(images/mani-pedi.jpeg);
    padding: 100px 30px;
    text-align: left;
    color: #ffffff;
    background-size: cover;
    background-position: 0px -157px;
}
span.qodef-e-line {
    display: block;
    margin: 0 4px 5px;
    width:  calc(40% - 8px);
    height: 1px;
    background-color: #d1d1d1;
}
.qodef-e-heading {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
h5.qodef-e-title {
    color: #405861;
    font-size: 19px;
    font-family: CormorantGaramond-Regular;
}
span.qodef-e-price-value {
    font-family:CormorantGaramond-Regular;
    font-size: 32px;
    font-weight: 500;
    color: #405861;
}
span.qodef-e-price-label {
    margin-top: 10px;
    margin-right: 9px;
    color: #879296;
    font-size:16px;
}
.qodef-e-content {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
    padding-right: 20px;
}
.quodo-img {
    width: 75px;
    float: left;
}
.offer-img2 {
    padding-top: 0;
}






/*-------------------footer-------------------*/
footer {
    vertical-align: top;
    padding: 50px 0 20px;
    background-color: #f7f5f3;
}
footer ul li a {
    color: #818181;
    font-size: 15px;
}
footer h2 {
    color: #405861;
    font-size: 25px;
    padding-bottom: 10px;
}
.footer-1 ul li {
    list-style: none;
    line-height: 32px;
}
ul.social-icon-foter {
    padding-top: 0px;
}
ul.social-icon-foter li {
    display: inline-block;
    padding-right: 14px;
}
footer p span {
    float: right;
}
.footer-newsletter.text-center {
    padding-bottom: 47px;
}
footer form {
    padding-top: 20px;
}
footer form input.email {
    padding: 10px;
    border: solid 1px #bdbdbd;
    width: 300px;
    max-width: 100%;
}
span.Subscribe-text {
    background-color: #ffdab9;
    color: #ffffff;
    font-size: 15px;
    line-height: 2em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 39px;
    display: inline-block;
}
.bottom-footer {
    text-align: center;
    margin-top: 59px;
}
.bottom-footer p {
    border-top: solid 1px #cccccc;
    display: inline-block;
    padding-top: 28px;
}
ul.footer-i li {
    list-style: none;
    display: inline-block;
    padding-right: 18px;
}
ul.footer-i {
    padding-top: 10px;
}
ul.footer-i li .fa {
    font-size: 20px;
}
@media screen and (min-width:1200px) and (max-width:1400px){
    
}

@media screen and (min-width:1025px) and (max-width:1199px){
    
}

@media screen and (min-width:992px) and (max-width:1024px){
    
}

@media screen and (min-width:768px) and (max-width:991px){
    .nat-massage {
        padding: 20px;
    }
    .footer-newsletter button {
        margin-top: 10px;

    }
    .top-padding {
        height: unset;
    }
    .spa-day .col-md-3, .spa-day .col-md-6 {
        padding-top: 0;
        padding-bottom:0;
    }
    .spa-day {
        overflow: hidden;
    }
    .follow-us {
        text-align: center;
        padding: 13px 0 0;
    }

    .search-form {
        margin-top: 6px;
        margin-bottom: 9px;
    }
    .shop-contact h2 {
        font-size: 30px;
    }
    .shop-contact p {
        font-size: 16px;
        padding: 20px 13px 50px;
    }
    .shop-contact p {
        font-size: 16px;
        padding: 20px 13px 0px;
    }
    .spa-centers {
        padding-bottom: 0;
    }
    .contact-info {
        padding-bottom: 0;
    }
    .drop-us {
        padding-top: 0;
    }
    .Mineral-Salt.text-center {
        padding-bottom: 0;
    }
    .quodo-img img {
        width: 76px;
    }
    .quodo-img {
        width: 100%;
    }
    .logo-menu {
        display: none!important;
    }
    .post-1 {
        padding-bottom: 20px;
    }

    .shop-contact4 {
        background-position: 0px -90px;
    }

}   

@media screen and (max-width:767px){
    .top-header {
        display: none;
    }
    .search {
        display: none;
    }
    .mobile-logo {
        display: block;
    }
    .mobile-logo img {
        width: 200px;
        padding-top: 0px !important;
    }
    .home_slider .carousel-caption a {
        background: #ffffff;
        color: #000000;
        padding: 6px 30px;
        margin-top: 0;
    }
        .search-form input {
        width: 100%;
    }
    .logo-menu {
        display: none!important;
    }   
        .nat-massage {
        padding: 20px;
    }
    .home_slider .carousel-caption {
        top: 16%;
    }
    .footer-newsletter button {
        margin-top: 10px;

    }
    footer {
        padding-left: 30px;
        padding-right: 30px;
    }
    .top-padding {
        height: unset;
    }
    .spa-day .col-md-3, .spa-day .col-md-6 {
        padding-top: 0;
        padding-bottom:0;
    }
    .spa-day {
        overflow: hidden;
    }
    .follow-us {
        text-align: center;
        padding: 13px 0 0;
    }
    .home_slider h3 {
        line-height: initial;
        font-size: 55px;
        padding: 0 20px;
    }
    .search-form {
        margin-top: 6px;
        margin-bottom: 9px;
    }
    .shop-contact h2 {
        font-size: 55px;
    }
    .spa-centers .Spa-center-text h2 {
        font-size: 50px;
    }
    .Spa-center-text span {
        position: unset;
        bottom: unset;
        left: 22px;
        margin: 29px 0 0;
        transform: unset;
        transform-origin: unset;
        color: #B0B8BB;
        text-transform: uppercase;
        display: inline-block;
    }
    .spa-centers .Spa-center-text h2 {
        font-size: 50px;
        padding-top: 0;
        margin-top: 0;
    }
    .post-1 {
        padding-bottom: 20px;
    }
    .shop-contact p {
        font-size: 16px;
        padding: 20px 13px 50px;
    }
    .shop-contact p {
        font-size: 16px;
        padding: 20px 13px 0px;
    }
    .spa-centers {
        padding-bottom: 0;
    }
    .contact-info {
        padding-bottom: 0;
    }
    .drop-us {
        padding-top: 0;
    }
    .Mineral-Salt.text-center {
        padding-bottom: 0;
    }
    .quodo-img img {
        width: 76px;
    }
    .quodo-img {
        width: 100%;
    }
    .footer-1 {
        padding-bottom: 20px;
    }
    .home_slider {
        background-image: url(images/banner.jpg);
        height: 400px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }
    .home_slider .carousel-caption1 {
        top: 30%;
        position: absolute;
    }

    .mobile-hide {display: none !important;}
    .mobile-display {display: block !important;}

    .relax-massage {
        padding: 30px 50px 0px 50px;
    }

    .relax-massage-bottom-padding-mobile {
        padding-bottom: 30px;
    }

    .zero-padding-top {
        padding-top: 0px !important;
    }

    .ten-padding-bottom {
        padding-bottom: 10px !important;
    }

    .shop-contact4 {
        background-position: 0px 0px;
    }
    .shop-contact5 {
        background-position: 0px 0px;
    }

}


body.modal-open .modal[style]:not([style='display: none;']) {
    display: flex !important;
    height: 100%;
} 

body.modal-open .modal[style]:not([style='display: none;']) .modal-dialog {
    margin: auto;
}