/*========================================================
	Main Style CSS for Spa of Awakening 2023
=========================================================*/
/* Ersin: made + of 100 same color on 9/20/24 @ 4:00am EST */
/* Ersin: made top section sticky (fixed) on 2/21/24 @ 2:40am EST */
/* colors declaration */
:root {
    --white: #fff;
    --black: #1b1921;
    --purple: #34019b;
    --yellow: #d8a462;
    /* --gray-text: #817B92; */
    --gray-text: #fff;
    --spabg: #100e13;
    --blue: #033953;
    --btnValen: #c41617;
    --gold: #d59d52;
}

/* fonts declaration */
@font-face {
    font-family: ivyMode-SemiBold;
    src: url('../fonts/IvyMode-SemiBold.ttf');
}

@font-face {
    font-family: ivyMode-Regular;
    src: url('../fonts/IvyMode-Regular.ttf');
}

@font-face {
    font-family: proximaNova-Regular;
    src: url('../fonts/ProximaNova-Regular.ttf');
}

@font-face {
    font-family: proximaNova-SemiBold;
    src: url('../fonts/ProximaNova-Semibold.ttf');
}

@font-face {
    font-family: proximaNova-Bold;
    src: url('../fonts/ProximaNova-Bold.ttf');
}

@font-face {
    font-family: graphik-regular;
    src: url('../fonts/graphik-regular.ttf');
}

@font-face {
    font-family: kaushanFont;
    src: url('../fonts/KaushanScript-Regular.ttf');
}

/*========================================================
										RESET
=========================================================*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ul,
li,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

*:focus {
    outline: none;
}

* {
    box-sizing: border-box;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*========================================================
                      Main Styles
=========================================================*/

body {
    background: #fff;
    font-family: proximaNova-Regular, arial, sans-serif;
    color: #010100;
    font-size: 26px;
}

/* h1,
h2,
h3 {
    text-transform: capitalize;
} */

h1 {
    font-size: 36px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: 600;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
    line-height: 1.5;
}

h4 {
    font-weight: 400;
    font-size: 33px;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: center;
    padding-bottom: 30px;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.inline-text {
    font-weight: 700;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    body {
        font-size: 21px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    body {
        font-size: 18px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 19px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 28px;
    }

    h2,
    h3 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 479px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 21px;
        line-height: 40px;
    }
}

/*=======================================================
                       Main Layout
=========================================================*/
.belowNavTop {
    display: none;
}

.bodyFrame {
    max-width: 100%;
    margin: 0 auto;
}

.bodyWrap h1 {
    color: var(--black);
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 54px;
    line-height: 1.1;
    text-align: center;
    margin-top: 15px;
}

.bodyWrap-faq h1 {
    font-family: ivyMode-Regular, arial, sans-serif;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 50px;
}

.sectionFrame {
    width: 100%;
    margin: 0 auto;
}

.topWrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
    z-index: 9999;
}

.aboveNavTop {
    width: 100%;
    background: var(--spabg);
    padding: 10px 0;
}

.aboveNavTop p {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--yellow);
    text-align: center;
    line-height: 1.1;
}

.navFrame {
    width: 100%;
    margin: 0 auto;
    background: var(--spabg);
}

.logoMob a {
    display: inline-block;
    position: relative;
}
.logoMob img {
    width: 350px;
}
.phone p {
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}

.phone p span a {
    margin-left: auto;
    color: var(--yellow);
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid var(--yellow);
    border-radius: 40px;
    padding: 5px 15px;
    margin-bottom: 4px;
}

.phone p a {
    display: block;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
}

.menu ul {
    text-align: left;
}

.menu ul li.mlinks {
    display: inline-block;
}

.menu ul li.mlinks a {
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    padding: 0 25px;
}

.menu ul li.mlinks a:hover {
    color: var(--yellow);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .menu ul li.mlinks a {
        font-size: 21px;
    }
    .phone p span a {
        font-size: 23px;
    }
}

@media only screen and (min-width: 1701px) and (max-width: 1919px) {
    .menu ul li.mlinks a {
        font-size: 21px;
        padding: 0 15px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1700px) {


}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .menu ul li.mlinks a {
        font-size: 16px;
        padding: 0 15px;
    }

    .phone p a {
        font-size: 24px;
    }
    .phone p span a {
        font-size: 16px;
    }

    .logoMob img {
        width: 230px;
    }
    .bodyWrap h1 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

    .phone p a {
        font-size: 22px;
    }
    .menu ul li.mlinks a {
        font-size: 14px;
        padding: 0 6px;
    }
    .phone p span a {
        font-size: 18px;
    }

    .phone p {
        width: 100%;
        float: none;
        height: auto;
    }

    .logoMob img {
        width: 180px;
        top: 28px;
    }

    .bodyWrap h1 {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .belowNavTop {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--spabg);
        padding: 14px 0;
    }
    .belowNavBox{
      padding: 0 40px;
    }
    .belowNavTop p {
        font-size: 23px;
        font-weight: 500;
        text-transform: capitalize;
        color: var(--gray-text);
        text-align: center;
        padding-left: 35px;
    }
    .belowNavBox p{
      background-size: 26px 26px;
      background-repeat: no-repeat;
      background-position: left center;
    }
    .belowFirst{
      border-right: 1px solid var(--white);
    }
    .belowFirst p{
      background-image: url('../images/map.png');
    }
    .belowSecond p{
      background-image: url('../images/calendar.png');
    }

    .bodyWrap h1 {
        font-size: 36px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .belowNavTop {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--spabg);
        padding: 14px 0;
    }
    .belowNavBox{
      padding: 0 20px;
    }
    .belowNavTop p {
        font-size: 23px;
        font-weight: 500;
        text-transform: capitalize;
        color: var(--gray-text);
        text-align: center;
        padding-left: 35px;
    }
    .belowNavBox p{
      background-size: 26px 26px;
      background-repeat: no-repeat;
      background-position: left center;
    }
    .belowFirst{
      border-right: 1px solid var(--white);
    }
    .belowFirst p{
      background-image: url('../images/map.png');
    }
    .belowSecond p{
      background-image: url('../images/calendar.png');
    }
    .bodyWrap h1 {
        font-size: 30px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .bodyWrap h1 span{
      display: block;
    }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .belowNavBox{
    padding: 0 50px;
  }
}

/*========================================================
	New Top Layout
=========================================================*/
.topContBg{
  background: var(--spabg);
  padding: 10px 0;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100;
}
.topContWrap{
  width: 92%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.topBox1{
  width: 25%;
}
.topBox2{
  width: 74%;
}
.topBox2MottoPhone{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.motto{
  width: 74%;
  padding: 10px 0 0;
}
.topPhoneAndBtn{
  display: flex;
  justify-content: space-between;
  width: 26%;
}
.motto p {
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--yellow);
	text-align: center;
	line-height: 1.1;
}
.topBtnRight a {
	color: var(--yellow);
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
	border: 2px solid var(--yellow);
	border-radius: 40px;
	padding: 5px 15px;
}
.newBtnTop{
  margin-top: 4px;
}
.bottomTopBox2{
  padding: 10px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .topContWrap{
    width: 94%;
  }
  .motto{
    width: 65%;
  }
  .topPhoneAndBtn{
    width: 35%;
  }
  .phone p a {
  	font-size: 32px;
  }
  .bottomTopBox2 {
  	padding: 15px 0 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {

  .motto {
  	width: 66%;
  }
  .topPhoneAndBtn {
    align-items: center;
  	width: 34%;
  }
  .motto p {
  	font-size: 19px;
  }
  .topBtnRight a {
  	font-size: 16px;
  }
  .phone p a {
  	font-size: 24px;
  }
  .bottomTopBox2{
    padding: 6px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .topContWrap{
    width: 96%;
  }
  .topBox1{
    width: 22%;
  }
  .topBox2{
    width: 77%;
  }
  .motto{
    width: 60%;
  }
  .topPhoneAndBtn{
    width: 40%;
  }
  .motto p {
  	font-size: 16px;
  }
  .topBtnRight a {
  	font-size: 16px;
  }
  .logoMob img {
  	width: 220px;
  }
  .bottomTopBox2 {
  	padding: 10px 0 0 30px;;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .topContWrap{
    width: 94%;
  }
  .topBox2MottoPhone{
    display: none;
  }
  .topBox1{
    width: 70%;
  }
  .topBox2{
    width: 30%;
  }
  .bottomTopBox2{
    padding: 0;
  }
  .topBox2{
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .topContWrap{
    width: 94%;
  }
  .topBox2MottoPhone{
    display: none;
  }
  .topBox1{
    width: 70%;
  }
  .topBox2{
    width: 30%;
  }
  .bottomTopBox2{
    padding: 0;
  }
  .topBox2{
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
	NAVIGATION
=========================================================*/
.menu ul li.mlogo,
.menu ul li.mphone,
.menu ul li.mhours,
.menu ul li.memail,
.menu ul li.maddress,
.menu ul li.msocial,
.menu ul li.mmlinks,
.smobitrigger,
.mnuclose,
.icoMob,
.locMob,
.phoneMob,
.bannMobile,
.swipearrows,
.mgiftcards {
    display: none;
}

/*========================================================
	CONTENT
=========================================================*/
.pageFull {
    width: 100%;
    margin: 0 auto;
}

.pageSize {
    width: 82%;
    margin: 0 auto;
}

.topi {
    margin-top: 80px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {

    .pageSize,
    .centerContact {
        width: 93%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {

    .pageSize,
    .centerAbout,
    .centerContact {
        width: 90%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

    .pageSize,
    .centerContact {
        width: 980px;
    }

    .topi {
        margin-top: 90px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pageSize {
        width: 90%;
    }

    .topi {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .pageSize {
        width: 90%;
    }

    .topi {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .pageSize {
        width: 95%;
    }

}

/*========================================================
	Contact Us page
=========================================================*/
.contact {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 140px 0 90px;
}

.centerContact {
    width: 1800px;
    margin: 0 auto;
    overflow: hidden;
}

.clocWrap {
    width: 100%;
    margin: 60px auto;
    overflow: hidden;
}

.cloc {
    width: 50%;
    margin: 0 auto;
    overflow: hidden;
}

.infoAdress,
.contTel,
.contAdr,
.contWHours,
.contName,
.sendUsMes {
    text-align: center;
}

.contWHours span {
    display: block;
}

h1.conth1 {
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 54px;
    color: #403f41;
}

.contName {
    font-size: 28px;
    font-weight: 600;
}

.contName span {
    display: block;
    text-transform: capitalize;
    color: #009CDE;
}

.contTel {
    padding: 20px 0;
}

.contTel span {
    display: block;
    font-size: 18px;
}

.contTel a {
    color: var(--purple);
    font-size: 38px;
    font-weight: bold;
    display: block;
}

.contAdr,
.contWHours {
    color: #131313;
}

.contWHours {
    padding-bottom: 20px;
    font-size: 21px;
}

.contAdr {
    padding-bottom: 10px;
}

.contForm {
    padding-top: 80px;
    overflow: hidden;
}

.map {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.map iframe {
    width: 100%;
    height: 480px;
    border: none;
    display: block;
}

p.sendUsMes {
    font-size: 28px;
    color: #394463;
}

.callformEr {
    font-size: 28px;
    text-align: center;
}

.erGreen {
    font-weight: 700;
    color: #009CDE;
}

.erRed {
    font-weight: 700;
    color: #e41985;
}

form.stoneForm {
    width: 70%;
    margin: 0 auto 20px auto;
    overflow: hidden;
}

.formHalfWrapper {
    display: flex;
    justify-content: space-between;
}

.stoneFormHalf {
    width: 49%;
    overflow: hidden;
    padding: 20px 0;
}

.stoneFormFirst input[type="text"] {
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 1px;
    display: block;
    width: 100%;
    height: 5px;
    font-size: 14px;
    outline: none;
}

.formHalfWrapper input[type="text"] {
    margin: 10px auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #777;
    padding: 8px 8px 8px 20px;
    display: block;
    width: 100%;
    height: 90px;
    font-size: 24px;
    outline: none;
}

.stoneFormHalf {
    width: 33.33%;
    float: left;
    overflow: hidden;
    padding: 20px 5px;
}

.stoneFormFull {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.stoneFormFull textarea {
    margin: 10px auto;
    border: none;
    padding: 8px;
    display: block;
    width: 100%;
    height: 160px;
    font-size: 24px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    color: #777;
}

.stoneFormFull input[type="submit"] {
    border: 3px solid var(--purple);
    background: transparent;
    color: var(--purple);
    display: block;
    cursor: pointer;
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 24px;
    padding: 24px 50px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 40px;
    width: 30%;
    margin: 10px auto !important;
    outline: none;
}

.stoneFormFull input[type="submit"]:hover {
    background: var(--purple);
    color: var(--white);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .stoneForm input[type="text"] {
        font-size: 16px;
    }

    .contact {
        padding: 75px 0 50px;
    }

    .contForm {
        padding-top: 0;
    }

    p.sendUsMes {
        font-size: 21px;
    }

    form.stoneForm {
        width: 80%;
    }

    h1.conth1 {
        font-size: 36px;
    }

    .contTel a {
        font-size: 32px;
    }

    .centerContact {
        width: 90%;
    }

    .stoneFormFull input[type="submit"] {
        font-size: 17px;
        padding: 24px 50px;
        width: 28%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .contact {
        padding: 75px 0 50px;
    }

    .contForm {
        padding-top: 0;
    }

    p.sendUsMes {
        font-size: 21px;
    }

    .stoneFormHalf {
        padding: 0 5px;
    }

    .stoneForm input[type="text"] {
        font-size: 16px;
        height: 50px;
    }

    form.stoneForm {
        width: 80%;
    }

    .stoneFormFirst input[type="text"] {
        height: 0;
    }

    .stoneFormFull input[type="submit"] {
        font-size: 20px;
        line-height: 1.8;
        padding: 15px 35px;
        width: 32%;
    }

    h1.conth1 {
        font-size: 36px;
    }

    .clocWrap {
        margin: 30px auto;
    }

    .contName {
        font-size: 21px;
    }

    .contTel a {
        font-size: 28px;
    }

    .contAdr span {
        display: block;
    }

    .contTel {
        padding: 10px 0;
    }

    .centerContact {
        width: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .contact {
        padding: 50px 0;
    }

    .centerContact {
        width: 100%;
    }

    .contTel a {
        font-size: 28px;
    }

    p.sendUsMes {
        font-size: 21px;
    }

    .stoneForm input[type="text"] {
        font-size: 16px;
    }

    .clocWrap {
        margin: 30px auto;
    }

    .contName {
        font-size: 16px;
    }

    h1.conth1 {
        font-size: 36px;
    }

    .contTel a {
        font-size: 24px;
    }

    .contAdr span {
        display: block;
    }

    .contTel {
        padding: 10px 0;
    }

    .contForm {
        padding-top: 0;
    }

    form.stoneForm {
        width: 480px;
    }

    .formHalfWrapper {
        display: block;
    }

    .stoneFormHalf {
        width: 100%;
        display: block;
        padding: 5px 0;
    }

    .stoneForm input[type="text"] {
        height: 50px;
        font-size: 16px;
    }

    .colorColBox p {
        font-size: 16px;
    }

    .stoneFormFull input[type="submit"] {
        font-size: 20px;
        line-height: 1.8;
        padding: 15px 35px;
        width: 40%;
    }
}

@media only screen and (max-width: 767px) {
    .contact {
        padding: 35px 0;
    }

    .contForm {
        padding-top: 0;
    }

    form.stoneForm {
        width: 100%;
    }

    .formHalfWrapper input[type="text"] {
        height: 50px;
        font-size: 18px;
    }

    .stoneFormHalf {
        padding: 5px;
    }

    .formHalfWrapper {
        flex-direction: column;
    }

    .stoneFormHalf {
        width: 100%;
    }

    p.sendUsMes {
        font-size: 21px;
    }

    .cloc {
        width: 100%;
        float: none;
        padding: 0 0 20px 0;
    }

    .clocWrap {
        margin: 20px auto;
    }

    .contName {
        font-size: 18px;
    }

    .contTel a {
        font-size: 24px;
    }

    .contAdr span {
        display: block;
    }

    .contTel {
        padding: 10px 0;
    }

    .centerContact {
        width: 90%;
    }

    h1.conth1 {
        font-size: 30px;
    }

    .stoneFormFull input[type="submit"] {
        font-size: 20px;
        line-height: 1.4;
        padding: 15px 35px;
        width: 70%;
    }
    .map iframe {
        height: 300px;
    }

}

@media only screen and (max-width: 479px) {
    .contTel a {
        font-size: 28px;
    }

    .centerContact {
        width: 100%;
    }

    h1.conth1 {
        font-size: 36px;
    }

    .clocWrap {
        margin: 20px auto 0;
    }

    .contact {
        padding-bottom: 20px;
    }
}

/*========================================================
	Footer
=========================================================*/
.footer {
    background: var(--spabg);
    color: #000;
    padding-top: 150px;
    border-top: 1px solid var(--spabg);
    margin-bottom: 55px;
}

.footerCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
}

.fooCol1 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.fooCol3 {
    width: 100%;
    margin: 10px auto 20px;
    overflow: hidden;
}

.fooLogo img {
    width: 380px;
    margin-bottom: 15px;
}

.fooTel {
    padding-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.fooTel p {
    text-align: center;
}

.fooTel p a {
    color: #fff;
}

.fooTel a {
    display: inline-block;
    font-size: 36px;
    text-align: center;
}

.fooTel p:nth-last-child(2) {
    padding-right: 60px;
}

.fooTel span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.fooEmail p {
    margin-bottom: 20px;
}

.fooHours p {
    width: 100%;
    margin: auto;
    padding-bottom: 20px;
    color: var(--gray-text);
    font-size: 24px;
    text-transform: none;
}

.fooHours p span {
    display: block;
}

.fooEmail p,
.fooAdr p {
    color: var(--gray-text);
    font-size: 24px;
}

.fooAdr p span {
    display: block;
}
.giftCards{
  margin: 30px 0 0;
}
.giftCards p{
  background: url('../images/gift-card.png') no-repeat;
  background-position: left center;
  background-size: 44px 44px;
  color: var(--white);
  text-transform: capitalize;
  font-size: 26px;
  max-width: 290px;
  padding-left: 40px;
  margin: 0 auto;
}
.fooSocials{
  margin: 30px 0 0;
}
.fooSocials img{
  width: 54px;
  margin: 0 2px;
}

.footer .mlogo,
.footer .mphone,
.footer .mhours,
.footer .memail,
.footer .maddress,
.footer .msocial,
.footer .mmlinks,
.footer .mgiftcards {
    display: none;
}

.fooCol3 p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.fooCol3 ul {
    text-align: center;
    padding-bottom: 30px;
}

.fooCol3 ul li {
    display: inline-block;
}

.fooCol3 ul li a {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px;
}

.fooCol3 ul li a:hover {
    color: #fff;
}

.socialAndButtons {
    width: 263px;
    padding: 0 15px;
}

.twoButtons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.twoButtons a {
    width: 50%;
    padding: 5px;
}

.twoButtons a img {
    width: 100%;
}

.fcopy {
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    color: #6B777F;
    letter-spacing: 0px;
    padding: 30px 0;
    margin-bottom: 65px;
}

.borderFoo {
    border-top: 1px solid #ccc;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .footer{
        padding-top: 130px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .footer{
        padding-top: 75px;
    }

    .fooEmail p,
    .fooHours p,
    .fooAdr p {
        font-size: 21px;
    }
    .giftCards p {
    	background-size: 40px 40px;
    	font-size: 21px;
    	max-width: 265px;
    	padding-left: 20px;
    }
    .fooSocials img {
    	width: 48px;
    }
    .fooCol3 ul li a {
        font-size: 16px;
        padding: 0 10px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .footer{
        padding-top: 75px;
    }
    .fooEmail p,
    .fooHours p,
    .fooAdr p {
        font-size: 18px;
    }
    .giftCards p {
      background-size: 40px 40px;
      font-size: 21px;
      max-width: 265px;
      padding-left: 20px;
    }
    .fooLogo img {
        width: 340px;
    }
    .fooSocials img {
    	width: 48px;
    }
    .footer {
        padding-top: 30px;
    }

    .fooTel a {
        font-size: 24px;
    }
    .fooCol3 ul li a {
        font-size: 16px;
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer{
        padding-top: 75px;
    }

    .fooEmail p,
    .fooHours p,
    .fooAdr p {
        font-size: 21px;
    }
    .giftCards p {
    	background-size: 40px 40px;
    	font-size: 21px;
    	max-width: 265px;
    	padding-left: 20px;
    }
    .fooCol1,
    .fooCol3 {
        margin: 0 auto;
        text-align: center;
    }

    .fooCol1 {
        width: 90%;
    }

    .fooCol3 {
        width: 100%;
    }

    .fooCol3 {
        justify-content: space-around;
    }
    .fooSocials img {
    	width: 48px;
    }
    .footer {
        padding-top: 30px;
    }

    .fooTel a {
        font-size: 24px;
    }

    .fooCol3 ul li a {
        padding: 0 10px;
        font-size: 16px;
    }

    .footerCont {
        justify-content: space-around;
        flex-direction: row;
    }

    .fooCol3 {
        justify-content: space-around;
    }

    .fcopy p {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .footer{
        padding-top: 70px;
    }
    .footerCont {
        justify-content: space-around;
        flex-direction: column;
    }

    .fooCol1,
    .fooCol3 {
        width: 100%;
        margin: 0 auto;
    }

    .fooCol3 {
        justify-content: space-around;
    }

    .fcopy p {
        text-align: center;
    }

    .footer {
        padding-top: 30px;
    }

    .fooTel a {
        font-size: 24px;
    }

    .fooCol3 ul li {
        display: block;
        padding: 12px 0;
    }

    .fcopy span {
        display: block;
    }

    .fooTel a {
        font-size: 28px;
    }

    .fooHours p {
        margin-top: 20px;
    }
    .fooSocials img{
      width: 46px;
    }

    .fooCol3 ul {
        padding-bottom: 60px;
    }

    .fcopy {
        margin-bottom: 68px;
    }

    .fooEmail p,
    .fooHours p,
    .fooAdr p {
        font-size: 21px;
    }
    .giftCards p {
    	background-size: 40px 40px;
    	font-size: 22px;
    	max-width: 250px;
    	padding-left: 40px;
    }

}

@media only screen and (max-width: 479px) {
    .footer{
        padding-top: 50px;
    }

    .fooCol1,
    .fooCol3 {
        width: 90%;
        margin: 0 auto;
    }

    .fooCol1 {
        margin-bottom: 30px;
    }

    .fooLogo img {
        width: 280px;
    }

    .footer {
        margin-bottom: 35px;
    }

    .fooTel a:nth-last-child(2) {
        padding-right: 0;
    }

    .fooTel a {
        display: block;
    }

    .fooTel {
        padding-bottom: 10px;
        flex-direction: column;
    }

    .fooTel p:nth-last-child(2) {
        padding: 20px 0;
    }

    .fooEmail p,
    .fooHours p,
    .fooAdr p {
        font-size: 20px;
    }
}

/*========================================================
	BANNER INDEX
=========================================================*/
.banIndex {
    background: url("../images/index/spa-of-awakening-banner.webp") top center no-repeat;
    background-size: cover;
    height: 1100px;
    position: relative;
    margin-top: 122.5px;
}

.banContent {
    padding: 300px 0 200px;
    max-width: 580px;
}

.pinkText {
    color: var(--black);
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.banContent h1 {
    color: var(--black);
    font-family: ivyMode-SemiBold, arial, sans-serif;
    font-size: 110px;
    line-height: 1.1;
    text-align: left;
    margin-top: 15px;
}

.grayText {
    color: var(--black);
    font-size: 30px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 80px;
}
.banBtnPlace{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.googleBadgeMobile{
  display: none;
}
.googleBadgeDesktop img{
  margin-left: 40px;
}
.btnBanCir {
    line-height: 1.8;
    padding: 21px 50px;
    color: var(--white);
    text-align: center;
    display: inline-block;
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-radius: 40px;
    border: 3px solid var(--white);
}

.btnBanCir:hover {
    background: var(--purple);
    color: var(--white);
}
.btnBanCirNew{
  background: var(--yellow);
  border: 3px solid var(--yellow);
}
.btnBanCirNew:hover{
  background: transparent;
  color: var(--yellow);
}
.btnValen{
  background: var(--btnValen);
  border: 3px solid var(--btnValen);
}
.btnValen:hover{
  background: transparent;
  color: var(--btnValen);
}

.btnBanCirYellow {
    border: 3px solid var(--yellow);
    color: var(--white);
}

.btnBanCirYellow:hover {
    background: var(--yellow);
}

.btnBanCirYellow {
    border: 3px solid var(--yellow);
    color: var(--white);
}

.btnBanCirYellow:hover {
    background: var(--yellow);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .banIndex{
    height: 100vh;
    display: flex;
    align-items: center;
  }
  .banContent{
    padding: 0 0 0;
  }
  .banContent h1 {
  	font-size: 96px;
  }
  .grayText {
  	margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .banIndex {
        height: 650px;
        margin-top: 88.5px;
    }

    .pinkText {
        font-size: 18px;
    }

    .banContent {
        padding: 130px 0 100px;
    }

    .banContent h1 {
        font-size: 82px;
    }

    .grayText {
        font-size: 22px;
        margin-bottom: 50px;
    }

    .btnBanCir {
        font-size: 17px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .btnBanCir {
        padding: 15px 35px;
    }
    .btnValen{
      font-size: 18px;
    }
    .grayText {
        margin-bottom: 40px;
    }

    .banIndex {
        height: 750px;
        margin-top: 84.4px;
    }

    .banContent {
        padding: 170px 0 150px;
    }

    .banContent h1 {
        font-size: 100px;
    }
    .googleBadgeDesktop img{
      width: 180px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btnBanCir {
        padding: 15px 35px;
    }
    .btnValen{
      font-size: 18px;
    }
    .grayText {
        margin-bottom: 40px;
    }

    .banIndex {
        height: 700px;
        margin-top: 0;
    }

    .banContent {
        padding: 150px 0;
    }

    .banContent h1 {
        font-size: 80px;
    }
    .googleBadgeDesktop img{
      width: 170px;
    }
}

@media only screen and (max-width: 767px) {
    .bannMobile {
        display: block;
        width: 100%;
        height: auto;
    }

    .banIndex {
        background: #1B1B1B;
        height: auto;
        padding: 0 0 50px;
        margin-top: 0;
        /*border-bottom: 1px solid var(--gray-text);*/
    }

    .pinkText {
        color: var(--white);
        font-size: 14px;
    }

    .grayText {
      color: var(--white);
        font-size: 26px;
        margin-bottom: 20px;
        font-weight: 400;
    }

    .banContent {
        padding: 50px 0 0;
    }

    .btnBanCir {
        line-height: 1.8;
        padding: 10px 40px;
        color: var(--white);
        text-align: center;
        display: inline-block;
        font-family: proximaNova-Bold, arial, sans-serif;
        font-size: 18px;
        letter-spacing: 5px;
        text-transform: uppercase;
        background: transparent;
        border-radius: 40px;
        border: 3px solid var(--yellow);
    }

    .btnBanCirYellow {
        background: transparent;
        border: 3px solid var(--yellow);
        color: var(--white);
        padding: 15px 30px;
    }

    .banContent h1 {
        font-size: 68px;
    }

    .banContent h1 {
        color: var(--white);
        font-size: 55px;
    }
    .banBtnPlace .googleBadgeDesktop{
      display: none;
    }
    .googleBadgeMobile{
      display: block;
      position: absolute;
      left: 20px;
      top: 375px;
    }
    .googleBadgeMobile img{
      width: 180px;
    }
    .btnValen{
      background: var(--btnValen);
      border: 3px solid var(--btnValen);
    }
    .btnValen:hover{
      background: transparent;
      color: var(--btnValen);
    }
}

@media only screen and (max-width: 479px) {
    .grayText span {
        display: block;
    }

    .banContent {
        padding: 50px 20px 0;
    }

    .banContent h1 {
        font-size: 55px;
    }
}

/*========================================================
	mothersDiv
=========================================================*/
.mothersDiv{
  background: #fcd9d7;
}
.mothersWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 60%;
}
.mothersLeft,
.mothersRight{
  width: 50%;
}
.mothersRight{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mothersLeft img{
  display: block;
  width: 100%;
}
.mothersRight{
  padding: 2% 5% 2%;
}
.mothersRight h2,
.mothersRight p{
  font-family: kaushanFont, arial, sans-serif;
}
.mothersRight h2{
  color: var(--white);
  font-size: 65px;
  text-shadow: 4px 4px 2px rgba(0,0,0,0.7);
}
.mothersRight p{
  font-size: 38px;
  margin: 15px 0 0;
}

@media only screen and (min-width: 2560px){

}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .mothersRight{
    padding: 5% 5% 6%;
  }
  .mothersRight h2 {
  	font-size: 70px;
  }
  .mothersRight p {
  	font-size: 34px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .mothersDiv{
    padding: 30px 0;
  }
  .mothersRight{
    padding: 4% 5% 5%;
  }
  .mothersRight h2 {
  	font-size: 58px;
  }
  .mothersRight p {
  	font-size: 30px;
    margin: 10px 0 0;
  }
  .mothersBtnPlace{
    margin: 40px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .mothersDiv{
    padding: 30px 0;
  }
  .mothersRight{
    padding: 1% 5% 2%;
  }
  .mothersRight h2 {
  	font-size: 42px;
  }
  .mothersRight p {
  	font-size: 24px;
    margin: 10px 0 0;
  }
  .mothersBtnPlace{
    margin: 40px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mothersLeft,
  .mothersRight{
    width: 100%;
  }
  .mothersDiv{
    padding: 30px 0 10px;
  }
  .mothersRight{
    padding: 4% 5% 5%;
  }
  .mothersRight h2 {
  	font-size: 58px;
  }
  .mothersRight p {
  	font-size: 30px;
    margin: 10px 0 0;
  }
  .mothersBtnPlace{
    margin: 40px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .mothersLeft,
  .mothersRight{
    width: 100%;
  }
  .mothersDiv{
    padding: 0 0 10px;
  }
  .mothersRight{
    padding: 4% 5% 5%;
  }
  .mothersRight h2 {
  	font-size: 34px;
  }
  .mothersRight p {
  	font-size: 22px;
    margin: 8px 0 0;
  }
  .mothersBtnPlace{
    margin: 30px 0 0;
  }
}

/*========================================================
	Mothers Day Special Divider / Fathers Day
=========================================================*/
.fathMobile {
    display: none!important;
}
.motNew{
  background: url('../images/index/happy-mothers-day-special.webp') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 120px 0;
}
.motWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 80%;
  margin: 0 auto;
}
.motRight{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.motRight h2{
  color: #7a2126;
  font-family: ivyMode-SemiBold, arial, sans-serif;
  font-size: 86px;
  text-transform: uppercase;
  text-align: center;
}
.mothersBtnPlace{
  margin: 50px 0 0;
}
.mothersBtnPlace .listButton{
  background: #fa8b94;
  color: #7a2126;
  border: 3px solid #fa8b94;
}
.mothersBtnPlace .listButton:hover{
  background: #fa8b94;
  color: #7a2126;
  border: 3px solid #fa8b94;
}
.fathbg {
    background: #c14f2a;
}
.fathWrap {
    display: flex;
    align-items: center;
}
.fathLeft,
.fathRight {
    width: 50%;
}
.fathDesk {
    width: 100%;
    display: block;
}
.fathRight {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fathRight h3 {
    color: var(--white);
    font-family: ivyMode-SemiBold, arial, sans-serif;
    font-size: 76px;
    text-align: center;
    line-height: 1.1;
}
.fathRight h3 span {
    display: block;
}
.fathButton .listButton {
    background: #ffa242;
    color: #702005;
    border: 3px solid #ffa242;
}
.fathButton .listButton:hover {
    background: #fc8e1d;
    border: 3px solid #fc8e1d;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .motNew {
  	padding: 80px 0;
  }
  .motRight h2,
    .fathRight h3 {
  	font-size: 64px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .motNew {
  	padding: 60px 0;
  }
  .motRight h2,
    .fathRight h3 {
  	font-size: 50px;
  }
    .fathButton {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .motNew {
  	padding: 40px 0;
  }
  .motRight h2,
    .fathRight h3 {
  	font-size: 36px;
  }
    .fathButton {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .motNew{
    background: url('../images/index/happy-mothers-day-special-mobile.webp') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 60px 0;
  }
  .motRight h2,
    .fathRight h3 {
    font-size: 60px;
  }
  .motWrap {
  	display: flex;
    flex-direction: column;
  	justify-content: space-between;
  }
  .mothersBtnPlace {
  	margin: 370px 0 0;
  }
    .fathWrap {
        flex-direction: column;
    }
    .fathLeft,
    .fathRight {
        width: 100%;
    }
    .fathRight {
        padding: 50px 0;
    }
    .fathButton {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767px) {
  .motNew{
    background: url('../images/index/happy-mothers-day-special-mobile.webp') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 0;
  }
  .motRight h2,
    .fathRight h3 {
    font-size: 36px;
  }
  .motWrap {
  	display: flex;
    flex-direction: column;
  	justify-content: space-between;
  }
  .mothersBtnPlace {
  	margin: 150px 0 0;
  }
    .fathDesk {
        display: none!important;
    }
    .fathMobile {
        display: block!important;
        width: 100%;
    }
    .fathWrap {
        flex-direction: column;
    }
    .fathLeft,
    .fathRight {
        width: 100%;
    }
    .fathRight {
        padding: 50px 0;
    }
    .fathButton {
        margin-top: 35px!important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mothersBtnPlace {
  	margin: 230px 0 0;
  }
}

/*========================================================
	Fathers Day Index
=========================================================*/
.fatDayWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fatDayRight{
  background: #36623f;
}
.fatDayWrap img,
.fatDayRight{
  width: 50%;
}
.fatDayRight{
  color: var(--white);
  padding: 60px 240px 60px 65px;
}
.fatDayRight p{
  font-size: 34px;
}
.fatDayRight h2{
  color: #eccc81;
  font-family: ivyMode-SemiBold, arial, sans-serif;
  font-size: 64px;
  text-transform: uppercase;
  margin: 30px 0 50px;
}
.fatDayBookP{
  width: 85%;
}
.fatDayBookP span{
  font-weight: 700;
}
.rowListAndBtn{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 50px 0 0;
  max-width: 978px;
}
.rowListAndBtn ul{
  column-count: 2;
}
.rowListAndBtn ul li{
  background: url('../images/index/disc-yellow.png') no-repeat;
  background-position: left center;
  background-size: 6px 6px;
  line-height: 1.5;
  min-width: 250px;
  padding: 0 0 0 18px;
}
.fatDayBtnPlace .btnBanCirNew{
  color: var(--black);
}
.fatDayBtnPlace .btnBanCirNew:hover{
  background: var(--yellow);
  color: var(--white);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fatDayRight {
  	padding: 60px 110px 60px 65px;
  }
  .fatDayRight h2 {
  	font-size: 52px;
  }
  .fatDayRight p {
  	font-size: 27px;
  }
  .rowListAndBtn{
    max-width: 785px;
  }
  .fatDayBookP {
    max-width: 668px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fatDayRight {
  	padding: 50px 110px 50px 65px;
  }
  .fatDayWrap img{
    width: 48%;
  }
  .fatDayRight{
    width: 52%;
  }
  .fatDayRight h2 {
  	font-size: 40px;
    margin: 20px 0 30px;
  }
  .fatDayRight p {
  	font-size: 21px;
  }
  .rowListAndBtn ul li{
    min-width: 200px;
  }
}
@media only screen and (min-width: 1521px) and (max-width: 1919px){
  .rowListAndBtn{
    max-width: 616px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1520px){
  .fatDayRight h2 {
  	font-size: 33px;
  	margin: 20px 0 30px;
  }
  .fatDayBookP {
  	width: 100%;
    max-width: 600px;
  }
  .fatDayRight {
  	padding: 50px 15px 50px 65px;
  }
  .rowListAndBtn ul li {
  	min-width: 192px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fatDayRight {
  	padding: 50px;
  }
  .fatDayWrap img{
    width: 40%;
  }
  .fatDayRight{
    width: 60%;
  }
  .fatDayRight h2 {
  	font-size: 33px;
  	margin: 20px 0 25px;
  }
  .fatDayRight p {
  	font-size: 21px;
  }
  .fatDayBookP {
  	width: 100%;
  }
  .rowListAndBtn {
  	margin: 25px 0 0;
    max-width: 504px;
  }
  .rowListAndBtn ul li{
    min-width: 165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fatDayWrap{
    flex-direction: column;
  }
  .fatDayWrap img,
  .fatDayRight {
  	width: 100%;
  }
  .fatDayRight {
  	padding: 50px 110px 50px 40px;
  }
  .fatDayRight h2 {
  	font-size: 41px;
  	margin: 20px 0 25px;
  }
  .fatDayRight p {
  	font-size: 21px;
  }
  .fatDayBookP {
  	width: 100%;
    max-width: 601px;
  }
  .rowListAndBtn {
  	margin: 25px 0 0;
    max-width: 603px;
  }
  .rowListAndBtn ul li{
    font-size: 20px;
    min-width: 165px;
  }
}
@media only screen and (max-width: 767px) {
  .fatDayWrap{
    flex-direction: column;
  }
  .fatDayWrap img,
  .fatDayRight {
  	width: 100%;
  }
  .fatDayRight {
  	padding: 40px 30px;
  }
  .fatDayRight h2 {
  	font-size: 32px;
  	margin: 20px 0 25px;
  }
  .fatDayRight h2 br{
    display: none;
  }
  .fatDayRight p {
  	font-size: 21px;
  }
  .fatDayBookP {
  	width: 100%;
  }
  .rowListAndBtn {
  	flex-direction: column;
    align-items: flex-start;
  	margin: 25px 0 0;
  }
  .rowListAndBtn ul {
  	column-count: 1;
  }
  .rowListAndBtn ul li{
    font-size: 20px;
    min-width: 165px;
  }
  .fatDayBtnPlace{
    margin: 25px 0 0;
  }
}
@media only screen and (min-width: 629px) and (max-width: 767px){
  .fatDayRight h2 br{
    display: block;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .fatDayRight h2 {
  	font-size: 32px;
  }
  .fatDayBookP {
  	width: 95%;
  }

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

/*========================================================
	bellBann
=========================================================*/
.bellBann {
    background: #1b1921;
    padding: 200px 0 125px;
}

.bellWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.leftBell {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inLeftBell {
    max-width: 890px;
}

.rightBell {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.leftBell h2 {
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 80px;
    font-weight: 800;
    color: #fff;
}

.leftBell p {
    color: var(--gray-text);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 30px;
    line-height: 1.3;
    margin: 20px 0 50px;
}
.inLeftBell ul li{
  color: var(--white);
}
.inLeftBell ul{
  margin: 60px 0 0;
}
.inLeftBell ul li {
	background: url("../images/index/check-mark.png") no-repeat;
	background-position: left center;
	background-size: 49px 49px;
	color: var(--white);
	font-family: proximaNova-Regular, arial, sans-serif;
	font-size: 30px;
	line-height: 1.2;
	padding: 12px 0 12px 70px;
	min-height: 50px;
}
.bellBtnWrap {
    margin-top: 60px;
}
@media only screen and (min-width: 1920px){
  .inLeftBell ul li {
  	padding: 20px 0 20px 70px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .bellBann {
        padding: 150px 0 100px;
    }

    .leftBell h2 {
        font-size: 76px;
    }
    .leftBell p,
    .inLeftBell ul li {
        font-size: 28px;
    }
    .inLeftBell ul li{
      max-width: 90%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .bellBann {
        padding: 120px 0 80px;
    }

    .inLeftBell {
        max-width: 640px;
    }

    .leftBell h2 {
        font-size: 55px;
    }

    .leftBell p {
        font-size: 21px;
    }

    .rightBell img {
        width: 80%;
    }
    .inLeftBell ul li {
    	background-size: 40px 40px;
    	font-size: 21px;
    	padding: 12px 0 12px 56px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .bellBann {
        padding: 100px 0 50px;
    }

    .leftBell h2 {
        font-size: 40px;
    }

    .leftBell p,
    .revText {
        font-size: 19px;
    }

    .inLeftBell {
        max-width: 500px;
        padding-right: 30px;
    }

    .rightBell img {
        width: 100%;
        height: auto;
    }
    .inLeftBell ul li {
    	background-size: 29px 29px;
    	font-size: 24px;
    	padding-left: 40px;
      max-width: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bellBann {
        padding: 75px 0 50px;
    }

    .bellWrapper{
      flex-direction: column-reverse;
    }

    .leftBell,
    .rightBell {
        width: 100%;
    }

    .leftBell {
        margin: 0 auto 50px;
    }

    .leftBell h2 {
        font-size: 42px;
    }

    .leftBell p {
        font-size: 19px;
    }
    .inLeftBell ul{
      margin: 30px 0 0;
    }
    .inLeftBell ul li {
    	background-size: 29px 29px;
    	font-size: 24px;
    	padding-left: 40px;
    }
    .rightBell{
      margin: 0 0 40px;
    }
}

@media only screen and (max-width: 767px) {
    .bellBann {
        padding: 35px 0 0px;
    }
    .bellWrapper{
      flex-direction: column-reverse;
    }
    .leftBell p {
        font-size: 21px;
    }

    .leftBell h2 {
        font-size: 40px;
    }

    .leftBell {
        margin-bottom: 50px;
    }

    .leftBell,
    .rightBell {
        width: 100%;
    }

    .rightBell img {
        width: 100%;
        height: auto;
    }
    .inLeftBell ul{
      margin: 30px 0 0;
    }
    .inLeftBell ul li {
    	background-size: 29px 29px;
    	font-size: 21px;
    	padding: 12px 0 12px 40px;
    	min-height: 50px;
    }
    .rightBell{
      margin: 0 0 40px;
    }
}

@media only screen and (max-width: 479px) {
    .bellWrapper {
        padding: 0 20px;
    }

    .bellBann {
        padding: 0 0 30px;
    }

    .leftBell h2 {
        font-size: 34px;
    }

    .leftBell {
        margin-bottom: 50px;
    }
}

/*========================================================
	newlySect
=========================================================*/
.newlySect {
    background: #1b1921;
    padding: 120px 0 0;
    text-align: center;
}

.newlySect h2 {
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 80px;
    font-weight: 800;
    line-height: 1.1;
    color: #fff;
}

.newlySect h2 span {
    display: block;
}

.newlyWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 75px;
    max-width: 75%;
    margin: 75px auto 0;
    padding: 0 0 60px;
}

.newlySingleServ {
    width: 100%;
    display: inline-block;
}

.newlySingle {
    position: relative;
}

.newlySingle p {
    position: absolute;
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 65px;
    top: 100px;
    left: 0;
    right: 0;
    text-align: center;
}

.newlySingle p span {
    display: block;
}

.newlyWhiteText {
    color: var(--white);
}

.newlySingle img {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .newlySect h2 {
        font-size: 76px;
    }

    .newlySingle p {
        font-size: 52px;
        top: 56px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .newlySect {
        padding-top: 90px;
    }

    .newlySect h2 {
        font-size: 55px;
    }

    .newlySingle p {
        font-size: 36px;
        top: 35px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .newlySect {
        padding-top: 70px;
    }

    .newlyWrapper {
        margin-top: 35px;
    }

    .newlySingle p {
        font-size: 26px;
        top: 35px;
    }

    .newlySect h2 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .newlySect {
        padding-top: 55px;
    }

    .newlySect h2 {
        font-size: 42px;
    }

    .newlyWrapper {
        margin-top: 20px;
    }

    .newlySingle p {
        font-size: 32px;
        top: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .newlySect {
        padding: 80px 0 40px;
    }

    .newlySect h2 {
        font-size: 48px;
    }

    .newlyWrapper {
        max-width: 100%;
        margin-top: 30px;
        padding: 0 0 20px;
    }

    .newlySingle {
        width: 100%;
    }

    .newlySingle p {
        font-size: 38px;
        top: 35px;
    }

}

@media only screen and (max-width: 479px) {
    .newlySect h2 {
        font-size: 42px;
    }

    .newlySingle p {
        font-size: 40px;
        line-height: 1.1;
        top: 30px;
    }
}

/*========================================================
	reviewSect
=========================================================*/
.reviewWrapMob {
    display: none !important;
}

.reviewSect {
    background: #1b1921;
    padding: 80px 0 160px;
}

.reviewWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.reviewSingle {
    width: 24%;
    color: #fff;
    text-align: center;
}

.revPerson {
    width: 160px;
    border-radius: 50%;
    margin-bottom: 50px;
}

.revNameRev {
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 40px;
    font-weight: 800;
    text-transform: capitalize;
    margin: 50px 0 0;
}

.revNameRev span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: var(--yellow);
    margin-top: 10px;
    margin-bottom: 40px;
}


.revText {
    color: var(--gray-text);
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.revRatingImg {
    width: 100px;
}

.revOthName {
    font-weight: 800;
    font-size: 16px;
}

.revRealName {
    margin: 10px 0 0;
    font-size: 20px;
}

.revRealName span {
    font-family: proximaNova-SemiBold, arial, sans-serif;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .reviewSingle {
        width: 26%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .reviewSect {
        padding: 80px 0 120px;
    }

    .reviewSingle {
        width: 26%;
    }

    .revNameRev {
        font-size: 30px;
        margin: 25px 0 0;
    }

    .revImgPerson {
        width: 177px;
    }

    .revNameRev span {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .revText {
        font-size: 21px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .reviewSect {
        padding-bottom: 75px;
    }

    .revNameRev {
        margin-top: 20px;
    }

    .revText {
        font-size: 20px;
    }
    .swipearrows {
        color: var(--yellow);
        font-size: 18px;
        display: block;
        text-align: center;
        padding: 10px 0 0;
    }

    .swipearrows span img {
        width: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .reviewSect {
        padding: 50px 0 50px;
    }

    .reviewSingle img {
        max-width: 180px;
        width: 100%;
        display: block;
    }

    .revNameRev {
        font-size: 26px;
        margin-top: 20px;
    }

    .revNameRev span {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .revText {
        font-size: 18px;
    }

    .revRatingImg {
        width: 80px !important;
        margin: 0 auto;
    }

    .revRealName {
        font-size: 16px;
    }

    .reviewSingle {
        width: 30%;
    }
    .swipearrows {
        color: var(--yellow);
        font-size: 18px;
        display: block;
        text-align: center;
        padding: 10px 0 0;
    }

    .swipearrows span img {
        width: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .reviewWrap {
        display: none;
    }

    .reviewWrapMob {
        display: inline-block !important;
    }

    .reviewSingle {
        width: 100%;
        margin: 15px auto 15px;
    }

    .reviewSect {
        padding: 40px 0 40px;
    }

    .revNameRev {
        margin: 25px 0 0;
    }

    .revText {
        font-size: 18px;
    }

    .swipearrows {
        color: var(--yellow);
        font-size: 18px;
        display: block;
        text-align: center;
        padding: 10px 0 0;
    }

    .swipearrows span img {
        width: 10px;
    }

    .revImgPerson {
        width: 300px !important;
        margin: 0 auto;
    }

    .revRatingImg {
        width: 100px !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 479px) {
    .revText {
        font-size: 18px;
    }

    .reviewSingle {
        width: 100%;
        margin: 30px 0 0;
        padding: 0 10px;
    }

    .reviewSect {
        padding: 40px 0 35px;
    }

    .revImgPerson {
        width: 240px !important;
        margin: 0 auto;
    }
}

/*========================================================
	SERVICE page
=========================================================*/
.botinolMobileImg,
.aboutImgMob {
    display: none;
}

.servpbg {
    background: #1b1921;
}
.bgColor{
  background: #1b1921;
}

.servh1 h1 {
    font-family: ivyMode-Regular, arial, sans-serif;
    color: var(--white);
    font-size: 64px;
    padding: 80px 0;
    line-height: 1.1;
}

.servOneWrap {
    width: 100%;
    display: flex;
}

.servOneLeft,
.servOneRight {
    width: 50%;
    min-height: 1075px;
}

.servOneLeft {
    background: url('../images/botinol-facial/botinol-facial.jpg') center center no-repeat;
    background-size: cover;
}
.sportmassagebg {
    background: url('../images/deep-tissue-sport-massage/deep-tissue-sport-massage-banner.jpg') center center no-repeat;
    background-size: cover;
}

.ionicfootdetoxbg {
    background: url('../images/ionic-foot-detox/ionic-foot-detox-banner.jpg') center center no-repeat;
    background-size: cover;
}

.infrsaunabg {
    background: url('../images/infrared-sauna/infrared-sauna.jpg') center center no-repeat;
    background-size: cover;
}
.aboutbg {
    background: url('../images/about/about.jpg') top center no-repeat;
    background-size: cover;
}

.servOneRight {
    padding: 70px 120px;
    display: flex;
    flex-direction: column;
}

.servOneRight h3 {
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 65px;
    font-weight: 300;
    color: var(--white);
    text-transform: capitalize;
}

.servpm {
    color: var(--gray-text);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 30px;
    line-height: 1.3;
}

.bannerLine {
    border-top: 3px solid var(--yellow);
    margin: 80px 0;
}

.servpr {
    color: var(--gray-text);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 30px;
    line-height: 1.3;
}
.servpr span{
  display: block;
}
.servOneRight .servsPriP,
.saunaRight .servsPriP{
  color: var(--gray-text);
  font-family: proximaNova-Regular, arial, sans-serif;
  font-size: 30px;
  line-height: 1.3;
}
.servBtnPlace {
    margin-top: 90px;
}

.servfaq {
    padding: 160px 0;
}

.servfaq h3 {
    text-align: center;
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.1;
    color: var(--white);
}
.saunaWrap {
    display: flex;
    align-items: center;
}
.saunaLeft,
.saunaRight {
    width: 50%;
}
.saunaLeft {
    display: flex;
    justify-content: center;
    align-items: center;
}
.saunaLeft img {
    width: 90%;
    margin: 0 auto;
}
.saunaRight {
    padding: 70px 120px;
}
.saunaRight h3 {
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 65px;
    font-weight: 300;
    color: var(--white);
    text-transform: capitalize;
}
.saunaRight h4 {
    font-size: 44px;
    color: var(--white);
    font-weight: 500;
    text-align: left;
    padding: 50px 0 0;
}
.saunasps {
    font-size: 21px;
    text-transform: uppercase;
    font-family: proximaNova-SemiBold, arial, sans-serif;
    color: var(--white);
    line-height: 1.1;
    display: block;
    letter-spacing: 3px;
}

.saunaspb {
    display: block;
}

.saunaright h4 {
    font-size: 44px;
    color: var(--white);
    font-weight: 500;
    text-align: left;
    padding: 50px 0 0;
}

.faqsWrap {
    width: 60%;
    margin: 70px auto 0;
}

.faqsWrap h3 {
    color: var(--gray-text);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 36px;
    line-height: 1.3;
    text-align: left;
    background: url(../images/index/check-mark.png) no-repeat;
    background-position: left center;
    background-size: 45px 45px;
    padding-left: 70px;
}

.faqsWrap p {
    color: var(--gray-text);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 28px;
    line-height: 1.3;
    padding: 15px 0 0 70px;
}

.faqsPar {
    padding-bottom: 25px;
}
.faqsPar span {
    font-weight: 800;
}
.saunaPar p {
    color: var(--gray-text);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    background: url(../images/index/check-mark.png) no-repeat;
    background-position: left center;
    background-size: 45px 45px;
    padding-left: 70px;
    margin-bottom: 50px;
}
.saunaPar p span {
    font-weight: 900;
}
.saunaLast {
    width: 60%;
    margin: 70px auto 0;
}
.saunaLast h4 {
    color: var(--gray-text);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
}
h1.abouth3{
  text-align: left;
}
.abouth3 {
    color: var(--white);
    font-size: 65px;
    font-family: ivyMode-SemiBold, arial, sans-serif;
}
.abouth3 span {
    display: block;
    color: var(--white);
    display: block;
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    margin: 0 0 20px;
    letter-spacing: 3px;
}
.aboutpWrap {
    display: flex;
    width: 100%;
}
.aboutpLeft,
.aboutpRight {
    width: 50%;
}
.aboutpLeft {
    display: flex;
    justify-content: flex-start;
    padding-left: 1.5%;
    align-items: center;
}
.aboutImgDesk{
    display: block;
    width: 930px;
}
.aboutpRight {
        padding: 70px 120px 70px 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .servOneLeft,
    .servOneRight {
        min-height: 1100px;
        max-height: 1100px;
    }
    .aboutp {
        font-size: 24px;
    }
    .abouth3 span {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {

    .servOneLeft,
    .servOneRight {
        min-height: 720px;
        max-height: 720px;
    }

    .servOneRight {
        padding: 25px 60px;
    }

    .servOneRight h3 {
        font-size: 44px;
    }

    .servpm,
    .servpr,
    .servOneRight .servsPriP,
    .saunaRight .servsPriP {
        font-size: 21px;
    }

    .bannerLine {
        margin: 45px 0;
    }

    .servfaq {
        padding: 70px 0;
    }

    .servfaq h3 {
        font-size: 35px;
    }

    .faqsWrap {
        width: 75%;
    }

    .faqsPar h3 {
        font-size: 26px;
        background-size: 34px 34px;
        padding-left: 50px;
    }

    .faqsWrap p {
        font-size: 21px;
        padding-left: 50px;
    }
    .saunasps {
        font-size: 14px;
    }
    .saunaRight h3 {
        font-size: 44px;
    }
    .saunaRight h4 {
        font-size: 28px;
    }
    .saunaRight {
        padding: 50px 60px 20px;
    }
    .saunaLine {
        margin: 25px 0;
    }
    .saunaBtnPlace {
        margin-top: 50px;
    }
    .saunaPar p {
        background-size: 34px 34px;
        padding-left: 54px;
        margin-bottom: 20px;
        line-height: 1.5;
        font-size: 23px;
    }
    .saunaLast {
        width: 75%;
        margin: 50px auto;
    }
    .saunaLast h4 {
        font-size: 21px;
        line-height: 1.5;
    }
    .saunabg {
        padding-top: 120px;
    }
    .aboutp {
        font-size: 18px;
    }
    .abouth3 {
        font-size: 44px;
    }
    .abouth3 span {
        font-size: 21px;
    }
    .aboutpRight {
        padding: 70px 90px 70px 90px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {

    .servOneLeft,
    .servOneRight {
        min-height: 720px;
        max-height: 720px;
    }

    .servOneRight {
        padding: 25px 60px;
    }

    .servOneRight h3 {
        font-size: 38px;
    }

    .servpm,
    .servpr,
    .servOneRight .servsPriP,
    .saunaRight .servsPriP {
        font-size: 21px;
    }

    .bannerLine {
        margin: 30px 0;
    }

    .servfaq {
        padding: 70px 0;
    }

    .servfaq h3 {
        font-size: 35px;
    }

    .faqsWrap {
        width: 75%;
    }

    .faqsPar h3 {
        font-size: 26px;
        background-size: 34px 34px;
        padding-left: 50px;
    }

    .faqsWrap p {
        font-size: 21px;
        padding-left: 50px;
    }
    .saunasps {
        font-size: 14px;
    }
    .saunaRight h3 {
        font-size: 44px;
    }
    .saunaRight h4 {
        font-size: 28px;
    }
    .saunaRight {
        padding: 50px 60px 20px;
    }
    .saunaLine {
        margin: 25px 0;
    }
    .saunaBtnPlace {
        margin-top: 50px;
    }
    .saunaPar p {
        background-size: 34px 34px;
        padding-left: 54px;
        margin-bottom: 20px;
        line-height: 1.5;
        font-size: 23px;
    }
    .saunaLast {
        width: 75%;
        margin: 50px auto;
    }
    .saunaLast h4 {
        font-size: 21px;
        line-height: 1.5;
    }
    .saunabg {
        padding-top: 120px;
    }
    .aboutp {
        font-size: 17px;
    }
    .abouth3 {
        font-size: 38px;
    }
    .abouth3 span {
        font-size: 16px;
    }
    .aboutpRight {
        padding: 25px 60px;
    }
    .aboutImgDesk {
        width: 512px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .servOneWrap {
        flex-direction: column;
    }

    .servOneLeft,
    .servOneRight {
        width: 100%;
        min-height: auto;
    }

    .servOneLeft {
        background: none;
    }

    .botinolMobileImg {
        width: 100%;
        display: block;
    }

    .servOneRight {
        padding: 25px 60px;
    }

    .servOneRight h3 {
        font-size: 38px;
    }

    .servpm,
    .servpr,
    .servOneRight .servsPriP,
    .saunaRight .servsPriP {
        font-size: 21px;
    }

    .bannerLine {
        margin: 30px 0;
    }

    .servfaq {
        padding: 70px 0;
    }

    .servfaq h3 {
        font-size: 35px;
    }

    .faqsWrap {
        width: 85%;
    }

    .faqsPar h3 {
        font-size: 23px;
        background-size: 30px 30px;
        padding-left: 48px;
    }

    .faqsWrap p {
        font-size: 19px;
        padding-left: 50px;
    }

    .servBtnPlace {
        margin-top: 50px;
    }
    .saunaWrap {
        flex-direction: column;
    }
    .saunaLeft, .saunaRight {
        width: 100%;
    }
    .saunaLeft img {
        max-width: 690px;
    }
    .saunasps {
        font-size: 14px;
    }
    .saunaRight h3 {
        font-size: 44px;
    }
    .saunaRight h4 {
        font-size: 28px;
    }
    .saunaRight {
        padding: 50px 60px 20px;
    }
    .saunaLine {
        margin: 25px 0;
    }
    .saunaBtnPlace {
        margin-top: 50px;
    }
    .saunaPar p {
        background-size: 34px 34px;
        padding-left: 54px;
        margin-bottom: 20px;
        line-height: 1.5;
        font-size: 23px;
    }
    .saunaLast {
        width: 85%;
        margin: 50px auto;
    }
    .saunaLast h4 {
        font-size: 21px;
        line-height: 1.5;
    }
    .saunabg {
        padding-top: 120px;
    }
    .aboutImg {
        max-width: 947px;
        margin: 0 auto;
    }
    .aboutp {
        font-size: 21px;
    }
    .abouth3 {
        font-size: 38px;
    }
    .abouth3 span {
        font-size: 18px;
    }
    .aboutpWrap {
        flex-direction: column;
    }
    .aboutpLeft,
    .aboutpRight {
        width: 100%;
    }
    .aboutpRight {
        padding: 25px 60px;
    }
}

@media only screen and (max-width: 767px) {
    .servOneWrap {
        flex-direction: column;
    }

    .servOneLeft,
    .servOneRight {
        width: 100%;
        min-height: auto;
    }

    .servOneLeft {
        background: none;
    }

    .botinolMobileImg {
        width: 100%;
        display: block;
    }

    .servOneRight {
        padding: 25px 30px;
    }

    .servOneRight h3 {
        font-size: 38px;
    }

    .servpm,
    .servpr,
    .servOneRight .servsPriP,
    .saunaRight .servsPriP {
        font-size: 21px;
    }

    .bannerLine {
        margin: 30px 0;
    }

    .servfaq {
        padding: 70px 0 0;
    }

    .servfaq h3 {
        font-size: 30px;
    }

    .faqsWrap {
        padding: 25px 30px;
        margin: 0 auto;
        width: 100%;
    }

    .faqsPar h3 {
        font-size: 23px;
        background-size: 30px 30px;
        padding-left: 48px;
    }

    .faqsWrap p {
        font-size: 19px;
        padding-left: 50px;
    }

    .servBtnPlace {
        margin-top: 50px;
    }
    .saunaWrap {
        flex-direction: column;
    }
    .saunaLeft, .saunaRight {
        width: 100%;
    }
    .saunaLeft img {
        max-width: 690px;
    }
    .saunasps {
        font-size: 14px;
    }
    .saunaRight h3 {
        font-size: 38px;
    }
    .saunaRight h4 {
        font-size: 28px;
    }
    .saunaRight {
        padding: 25px 30px;
    }
    .saunaLine {
        margin: 25px 0;
    }
    .saunaBtnPlace {
        margin-top: 50px;
    }
    .saunaPar p {
        background-size: 34px 34px;
        padding-left: 54px;
        margin-bottom: 20px;
        line-height: 1.5;
        font-size: 23px;
    }
    .saunaLast {
        width: 90%;
        margin: 0 auto;
        padding: 25px 0;
    }
    .saunaLast h4 {
        font-size: 18px;
        line-height: 1.5;
    }
    .saunabg {
        padding-top: 70px;
    }
    .aboutImgDesk {
        display: none;
    }
    .aboutImgMob {
        width: 100%;
        display: block;
    }
    .aboutpLeft {
        padding-left: 0;
    }
    .aboutp {
        font-size: 18px;
    }
    .abouth3 {
        font-size: 38px;
    }
    .abouth3 span {
        font-size: 17px;
        margin-bottom: 0;
    }
    .aboutpWrap {
        flex-direction: column;
    }
    .aboutpLeft,
    .aboutpRight {
        width: 100%;
    }
    .aboutpRight {
        padding: 25px 30px;
    }
}

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

    .servOneRight,
    .faqsWrap {
        padding: 25px 20px;
    }

    .servpm,
    .servpr,
    .servOneRight .servsPriP,
    .saunaRight .servsPriP {
        font-size: 18px;
    }
    .servOneRight .servsPriP,
    .saunaRight .servsPriP{
      margin-bottom: 8px;
    }

    .faqsWrap p {
        padding-left: 0;
        font-size: 18px;
    }
    .saunaPar p {
        padding-left: 54px;
    }
    .abouth3 span {
        font-size: 16px;
    }
    .abouth3 {
        font-size: 30px!important;
    }
    .aboutpRight {
        padding: 25px 20px;
    }
}

/*========================================================
	Gallery page
=========================================================*/
.gall {
    padding: 80px 0 20px;
}

.centerGalle {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 90px 0;
}

.centerGalle h1 {
    text-align: center;
    margin: 80px 0 120px 0;
    font-size: 2.3rem;
    font-weight: 500;
}

.galleWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
}

.item {
    position: relative;
    width: 33.33%;
    padding: 5px;
}

.item img {
    display: block;
    width: 100%;
    transition: all .8s;
    border-radius: 5px;
    box-shadow: 1px 3px 3px rgb(129, 129, 129);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .gall {
        padding: 40px 0 0 0;
    }

    .centerGalle {
        padding: 0 0 60px 0;
    }

    .item {
        width: 33.33%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .centerGalle {
        padding: 0 0 60px 0;
    }

    .gall {
        padding: 50px 0 0 0;
    }

    .item {
        width: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .gall {
        padding: 50px 0 0 0;
    }

    .centerGalle {
        padding: 0 0 60px 0;
    }

    .item {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .centerGalle {
        padding: 0 0 30px 0;
    }

    .gall {
        padding: 20px 0 0 0;
    }

    .item {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .gall {
        padding: 20px 0 0 0;
    }

    .centerGalle {
        width: 90%;
        padding: 0 0 30px 0;
    }
}

/*========================================================
									FAQ page
=========================================================*/
.staffLayer {
    background: #fff;
    padding: 140px 0 70px 0;
}

.bodyWrap {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}

.bodyWrap-tos {
    width: 100%;
}

.faq-wrap {
    padding: 10px;
    background: rgba(255, 255, 255, 0.5);
    margin: 10px auto;
    width: 95%;
}

.tos-wrap {
    padding: 0;
    background: rgba(255, 255, 255, 0.5);
    margin: 20px 0;
    width: 95%;
}

.tos-form {
    background: #f9f9f9;
}

p.faq {
    text-align: left;
}

a.question {
    font-family: ivyMode-Regular, arial, sans-serif;
    line-height: 1.5;
    display: inline-block;
    font-size: 38px;
    margin: 5px 0;
    color: #363636;
    font-weight: 700;
}

.faq .question-tos {
    font-size: 38px;
}

.faqa {
    text-align: left;
    color: #6d6d6d;
    font-size: 24px;
    padding: 10px;
    line-height: 1.5;
}

.tos {
    text-align: left;
    color: #6d6d6d;
    font-size: 24px;
    padding: 10px 10px 10px 0;
    line-height: 1.5;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    a.question {
        font-size: 26px;
    }

    .staffLayer {
        padding: 75px 0 50px 0;
    }

    .faqa {
        font-size: 18px;
    }

    .tos {
        font-size: 18px;
    }

    .faq .question-tos {
        font-size: 26px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .bodyWrap {
        width: 100%;
    }

    a.question {
        font-size: 26px;
    }

    .staffLayer {
        padding: 75px 0 50px 0;
    }

    .faqa {
        font-size: 18px;
    }

    .faq .question-tos {
        font-size: 26px;
    }

    .tos {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bodyWrap {
        width: 100%;
    }

    a.question {
        font-size: 26px;
    }

    a.question-tos {
        font-size: 42px;
    }

    .faqa {
        font-size: 18px;
    }

    .staffLayer {
        padding: 50px 0;
    }

    .faq .question-tos {
        font-size: 26px;
    }

    .tos {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .bodyWrap {
        width: 100%;
        padding: 0 10px;
    }

    .staffLayer {
        padding: 35px 0;
    }

    a.question {
        font-size: 26px;
    }

    .faqa {
        font-size: 18px;
    }

    .faq .question-tos {
        font-size: 26px;
    }

    .tos {
        font-size: 18px;
    }
}

@media only screen and (max-width: 479px) {
    .faq-wrap {
        width: 100%;
        padding: 0;
    }
}

/*========================================================
	MASSAGE page
=========================================================*/
.servstopbg {
    background: #f4f4f1;
    padding: 0 0 160px;
}

.servsTit h1 {
    padding: 140px 0 90px;
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 54px;
    color: var(--black);
    text-transform: capitalize;
    text-align: center;
}

.servsWrap {
    width: 50%;
    margin: 0 auto;
}

.servsBoxWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.servsBox {
    width: 32%;
    background: var(--white);
    padding: 60px 80px 90px 80px;
    position: relative;
    margin-bottom: 90px;
}

.servsBox h3 {
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 38px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.servsBox p {
    font-size: 24px;
    line-height: 1.5;
}

.servsBox p span {
    display: block;
    padding-top: 15px;
}

.servsBtnPlace {
    margin-top: 0;
    margin-bottom: 5px;
}
.servsspec {
    margin-top: 30px;
}
.btnServs {
    line-height: 1.8;
    padding: 8px 23px;
    color: var(--white);
    text-align: center;
    display: inline-block;
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-radius: 40px;
    background: var(--yellow);
}
.btnServs:hover {
    background: transparent;
    border: 3px solid var(--yellow);
    color: var(--yellow);
}
/* new */
.servsCard {
    width: 100%;
    background: var(--white);
    padding: 30px 60px;
    position: relative;
    margin-bottom: 30px;
    line-height: 1.5;
}

#ch,
#ch1,
#ch2,
#ch3,
#ch4,
#ch5 {
    display: none;
}

#ch:checked~.servsContent,
#ch1:checked~.servsContent,
#ch2:checked~.servsContent,
#ch3:checked~.servsContent,
#ch4:checked~.servsContent,
#ch5:checked~.servsContent {
    display: block;
}

#ch:checked~label,
#ch1:checked~label,
#ch2:checked~label,
#ch3:checked~label,
#ch4:checked~label,
#ch5:checked~label {
    display: none;
}

label {
    display: inline-block;
    cursor: pointer;
    color: #1b1921;
    font-family: proximaNova-SemiBold, arial, sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    background: transparent;
    border: 1px solid #1b1921;
    padding: 3px 23px;
    border-radius: 3px;
    margin-top: 12px;
    letter-spacing: 5px;
}

.servsContent {
    display: none;
}

.servsCard h3 {
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 38px;
    text-transform: capitalize;
}

.servsCard p {
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 25px;
}

.servsCard p span {
    display: block;
    padding-top: 15px;
}

.servsCard ul li {
    background: url(../images/index/disc.png) no-repeat;
    background-position: left center;
    background-size: 9px 9px;
    padding-left: 22px;
    font-size: 24px;
}

.servIns{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0 0;
}
.servLeft{
  width: 25%;
}
.servLeft img{
  width: 100%;
}
.servRight{
  width: 75%;
  padding-left: 20px;
}
.servsPriBtnWrap {
    width: 100%;
    display: flex;
    align-items: center;
}
.servsPriP {
    margin-right: 100px;
    padding-bottom: 0!important;
}
.servsBtnP {
    line-height: 1.8;
    padding: 8px 23px;
    color: var(--white);
    text-align: center;
    display: inline-block;
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-radius: 40px;
    background: var(--yellow);
    border: 3px solid var(--white);
}
.servsBtnP:hover {
    background: transparent;
    border: 3px solid var(--yellow);
    color: var(--yellow);
}
.servOneRight .servsBtnP,
.saunaRight .servsBtnP{
  background: transparent;
  border: 3px solid var(--yellow);
	color: var(--white);
}
.servOneRight .servsBtnP:hover,
.saunaRight .servsBtnP:hover{
  background: var(--yellow);
}
.servspribtntop {
    margin-top: 15px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .servLeft{
    width: 30%;
  }
  .servRight{
    width: 70%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .servsWrap {
        width: 60%;
    }

    .servsCard {
        padding: 30px 35px;
    }

    .servsTit h1 {
        padding: 75px 0 50px;
        font-size: 36px;
    }

    .servsCard h3 {
        font-size: 26px;
    }

    .servsCard p {
        font-size: 18px;
    }

    .servsCard ul li {
        font-size: 18px;
    }

    label {
        font-size: 16px;
    }

    .servsBtnPlace {
        left: 35px;
        bottom: -25px;
    }

    .btnServs {
        padding: 13px 20px;
        font-size: 14px;
    }

    .servstopbg {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .servsWrap {
        width: 90%;
    }

    .servsCard {
        padding: 20px;
    }

    .servsTit h1 {
        padding: 75px 0 50px;
        font-size: 36px;
    }

    .servsCard h3 {
        font-size: 26px;
    }

    .servsCard p {
        font-size: 18px;
    }

    .servsCard ul li {
        font-size: 18px;
    }

    label {
        font-size: 16px;
    }

    .servsBtnPlace {
        left: 35px;
        bottom: -25px;
    }

    .btnServs {
        padding: 13px 20px;
        font-size: 14px;
    }

    .servstopbg {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .servsWrap {
        width: 90%;
    }

    .servsCard {
        padding: 20px;
    }

    .servsTit h1 {
        padding: 50px 0 50px;
        font-size: 36px;
    }

    .servsCard h3 {
        font-size: 26px;
    }

    .servsCard p {
        font-size: 18px;
    }

    .servsCard ul li {
        font-size: 18px;
    }

    label {
        font-size: 16px;
    }

    .servsBtnPlace {
        left: 35px;
        bottom: -25px;
    }

    .btnServs {
        padding: 12px 15px;
        font-size: 14px;
    }

    .servstopbg {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .servsWrap {
        width: 90%;
    }

    .servsCard {
        padding: 20px 20px;
        width: 100%;
    }

    .servsTit h1 {
        padding: 50px 0 50px;
        font-size: 36px;
    }

    .servsCard h3 {
        font-size: 26px;
    }

    .servsCard p {
        font-size: 18px;
    }

    .servsCard ul li {
        font-size: 18px;
    }

    label {
        font-size: 16px;
    }

    .servsBtnPlace {
        left: 35px;
        bottom: -25px;
    }

    .servstopbg {
        padding-bottom: 0;
    }
    .servLeft,
    .servRight{
      width: 100%;
    }
    .servRight{
      padding-left: 0;
    }
    .servsPriBtnWrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .servsPriP {
        width: 100%;
        margin-right: 0;
    }
    .servsBtnP {
        text-align: left;
    }

}

@media only screen and (max-width: 479px) {
    .servsTit h1 {
        padding: 35px 0;
        font-size: 30px;
    }
}

/*========================================================
      Collapsing
=========================================================*/
.collapsItem{
  cursor: pointer;
}
.prodCard .collapsItem{
  cursor: default;
}
.prodCard .collapsItem:before {
  content: '';
}
.collapsItem .active,
.collapsItem:hover {
  background-color: transparent;
}
.collapsItem:before {
  content: '\002B';
  margin-right: 10px;
}
.collapsItem .active:before {
  content: "\2212";
}
.collapsCont {
    max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.collapsCont,
.collapswaxCont{
  margin-top: 15px;
  padding: 0 30px;
  background-color: #fff;
}
.collapswaxSex {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
.waxwomen,
.waxmen {
    width: 20%;
    text-transform: uppercase;
    color: var(--yellow);
    font-family: proximaNova-Bold, arial, sans-serif;
    text-align: center;
}
.waxItemWrap p {
    display: flex;
    width: 100%;
    align-items: center;
    padding-bottom: 0;
}
.waxItem {
    width: 60%;
}
.waxW,
.waxM {
    width: 20%;
    text-align: center;
}
.waxB {
    font-family: proximaNova-Bold, arial, sans-serif;
    line-height: 1.1;
}
.waxItemWrap p span {
    padding-top: 3px;
}
.waxLine {
    padding-bottom: 25px!important;
}
.waxItem {

}
.collapsSpecials {
    overflow: visible;
    max-height: 440px;
}
.collSpecBtn {
    margin-top: 15px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) and (max-width: 1023px) {}
@media only screen and (max-width: 767px) {
    .collapsCont,
    .collapswaxCont {
    padding: 0;
  }
}
@media only screen and (max-width: 479px) {
    .collapsSpecials {
        max-height: 380px;
    }
}

/*========================================================
        Sticky Footer
=========================================================*/
.outerSticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.stickyFooter {
    background: #020F17;
    color: #fff;
    padding: 15px 0;
    border-top: 1px solid #fff;
}

.innerStickyFooter {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.centeringSticky {
    width: 38%;
    margin: 0 auto;
    text-align: center;
}

.innerStickyFooter a img {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.innerStickyFooter a p {
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    vertical-align: middle;
    color: #fff;
    padding-left: 10px;
}

.innerStickyFooter a p span {
    display: block;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1919px) {
    .innerStickyFooter a p {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .centeringSticky {
        width: 90%;
    }
}

/*========================================================
    Products Divider Index
=========================================================*/
.divProd{
  background: url('../images/index/bg-divider-desktop.webp') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 0;
}
.divProdSize{
  width: 98%;
  margin: 0 auto;
}
.divProdWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.divProdDeskImg{
  width: 55%;
}
.divProdDeskImg img{
  width: 100%;
}
.divProdText{
  padding-top: 50px;
  text-align: center;
  width: 20%;
}
.divProdTextImg{
  max-width: 362px;
}
.divProdText p{
  color: #151f21;
  font-family: graphik-regular, arial, sans-serif;
  font-size: 46px;
  line-height: 1.3;
  text-transform: capitalize;
  margin: 45px 0 0;
}
.divProdText p span{
  display: block;
}
.divLogoAndBtn{
  padding-top: 40px;
  text-align: center;
  width: 25%;
}
.divLogoAndBtn img{
  width: 400px;
  max-width: 400px;
}
.divBtnPlace{
  margin: 70px 0 0;
}
.divBtnPlace .listButton{
  background: #71b0b7;
  border: 3px solid #71b0b7;
}
.divBtnPlace .listButton:hover{
  background: #83c2c9;
  border: 3px solid #83c2c9;
}
.divProdMobImg{
  display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .divProdText,
  .divLogoAndBtn {
  	padding-top: 20px;
  }
  .divProdText p {
  	font-size: 35px;
  }
  .divProdTextImg{
    max-width: 340px;
  }
  .divLogoAndBtn img{
    max-width: 350px;
  }
  .divBtnPlace {
  	margin: 35px 0 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .divProdText{
    padding-top: 20px;
  }
  .divLogoAndBtn {
  	padding-top: 10px;
  }
  .divProdText p {
    font-size: 25px;
  }
  .divProdTextImg{
    max-width: 255px;
  }
  .divLogoAndBtn img{
    max-width: 255px;
  }
  .divBtnPlace {
    margin: 35px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .divProdText{
    padding-top: 20px;
  }
  .divLogoAndBtn {
  	padding-top: 10px;
  }
  .divProdText p {
    font-size: 18px;
    margin: 20px 0 0;
  }
  .divProdTextImg,
  .divLogoAndBtn img{
    max-width: 155px;
  }
  .divBtnPlace {
    margin: 15px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .divProd{
    padding: 30px 0 60px;
  }
  .divProdWrap{
    flex-direction: column;
    align-items: center;
  }
  .divProdSize {
  	width: 90%;
  }
  .divProdDeskImg,
  .divLogoAndBtn img{
    display: none;
  }
  .divProdMobImg{
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .divProdText,
  .divLogoAndBtn{
    width: 100%;
  }
  .divLogoAndBtn{
    padding-top: 0
  }
  .divBtnPlace {
  	margin: 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .divProd{
    background: url('../images/index/bg-products-mobile.webp') no-repeat;
    padding: 20px 0 60px;
  }
  .divProdWrap{
    flex-direction: column;
    align-items: center;
  }
  .divProdSize {
  	width: 90%;
  }
  .divProdDeskImg,
  .divLogoAndBtn img{
    display: none;
  }
  .divProdTextImg {
  	max-width: 260px;
  }
  .divProdText p {
  	font-size: 30px;
  }
  .divProdMobImg{
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .divProdText,
  .divLogoAndBtn{
    width: 100%;
  }
  .divLogoAndBtn{
    padding-top: 0
  }
  .divBtnPlace {
  	margin: 0 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .divProdText p {
  	font-size: 34px;
  }
}

/*========================================================
    refSec Section Index
=========================================================*/
.refWrapMob {
    display: none!important;
}
.refSec {
    padding: 125px 0 200px;
    background: #1b1921;
}

.refWrap {
    width: 100%;
    /* padding: 0 0 75px; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.refBox {
    width: 31%;
    display: flex;
    flex-direction: column;
}

.refBox p {
    font-family: ivyMode-Regular, arial, sans-serif;
    font-size: 38px;
    color: var(--white);
    text-transform: capitalize;
    padding-bottom: 35px;
}

.refBox ul {
    margin-bottom: 50px;
}

.refBox ul li {
    background: url("../images/index/check-mark.png") no-repeat;
    background-position: left center;
    background-size: 49px 49px;
    color: var(--white);
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    padding: 12px 0 12px 70px;
    min-height: 50px;
}

.wapListButt {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;

}

.listButton {
    line-height: 1.8;
    padding: 21px 50px;
    color: var(--white);
    text-align: center;
    display: inline-block;
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-radius: 40px;
    border: 3px solid var(--yellow);
}

.listButton:hover {
    background: var(--yellow);
}
.gardDoubBtnWrp .listButton{
  width: 370px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .refSec {
        padding: 100px 0 150px;
    }

    .refBox p {
        font-size: 38px;
    }

    .refBox ul li {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .refSec {
        padding: 70px 0 120px;
    }

    .refBox p {
        font-size: 28px;
        padding-bottom: 25px;
    }

    .refBox ul li {
        background-size: 40px 40px;
        font-size: 21px;
        padding: 12px 0 12px 56px;
    }

    .listButton {
        padding: 15px 30px;
        font-size: 16px;
        border: 2px solid var(--yellow);
    }
    .gardDoubBtnWrp .listButton{
      width: 290px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .refWrap {
        display: none;
    }
    .refWrapMob {
        display: block!important;
    }
    .refBox {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 30px;
    }
    .refSec {
        padding: 50px 0 100px;
    }

    .refBox p {
        font-size: 36px;
        padding-bottom: 15px;
        margin-top: 25px;
    }

    .refBox ul {
        margin-bottom: 30px;
    }

    .refBox ul li {
        background-size: 29px 29px;
        font-size: 24px;
        padding-left: 40px;
    }

    .refbg {
        padding: 50px 0 35px;
    }

    .listButton {
        padding: 15px 30px;
        font-size: 14px;
        border: 2px solid var(--yellow);
    }
    .gardDoubBtnWrp .listButton{
      width: 273px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .refWrap {
        display: none;
    }
    .refWrapMob {
        display: block!important;
    }
    .refSec {
        padding: 50px 0 75px;
    }

    .refBox p {
        font-size: 36px;
        padding-bottom: 15px;
        margin-top: 30px;
    }

    .refBox {
        width: 580px;
        margin: 0 auto 30px;
    }

    .refBox ul {
        margin-bottom: 30px;
    }

    .refBox ul li {
        background-size: 29px 29px;
        font-size: 24px;
        padding-left: 40px;
    }

    .listButton {
        padding: 15px 30px;
        font-size: 16px;
        border: 2px solid var(--yellow);
    }
    .gardDoubBtnWrp .listButton{
      width: 291px;
    }
}

@media only screen and (max-width: 767px) {
    .refWrap {
        display: none;
    }
    .refWrapMob {
        display: block!important;
    }
    .refSec {
        padding: 20px 0 75px;
    }

    .refWrap {
        flex-direction: column;
        /* padding-bottom: 35px; */
    }

    .refBox {
        width: 100%;
        margin-bottom: 20px;
    }

    .refBox ul {
        margin-bottom: 30px;
    }

    .refBox ul li {
        background-size: 29px 29px;
        font-size: 21px;
        padding: 12px 0 12px 40px;
        min-height: 50px;
    }

    .refBox p {
        font-size: 38px;
        margin-top: 30px;
    }

    .listButton {
        padding: 15px 30px;
        font-size: 16px;
        border: 2px solid var(--yellow);
    }
    .gardDoubBtnWrp .listButton{
      width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .refSec {
        padding: 50px 0 75px;
    }
    .refBox p {
        padding-left: 20px;
    }
}

/*========================================================
    Valentines section Index
=========================================================*/
.valentinesMob,
.valeRegMobOnly{
  display: none;
}
.valenBg{
  background: url('../images/index/valentine-bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 52px 0;
}
.valenSize{
  width: 90%;
  margin: 0 auto;
}
.valenWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.valenLeft{
  width: 50%;
}
.valenRight{
  width: 50%;
  text-align: center;
}
.valenRibbon{
  background: url(../images/index/ribbon.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #5B1515;
  width: 465px;
  height: 78px;
  margin: 0 auto 20px;
  text-align: center;
  font-family: proximaNova-SemiBold, arial, sans-serif;
  font-size: 24px;
  letter-spacing: 5px;
  text-transform: uppercase;
  padding-top: 20px;
}
.valenRight h2{
  color: #CF2337;
  font-family: ivyMode-SemiBold, arial, sans-serif;
  font-size: 90px;
  text-transform: capitalize;
  margin: 0 0 20px;
}
.valenText{
  color: #5B1515;
  font-family: proximaNova-SemiBold, arial, sans-serif;
  font-size: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 645px;
  margin: 0 auto;
}
.valeReg{
  font-family: proximaNova-Regular, arial, sans-serif;
  text-transform: capitalize;
  font-size: 30px;
}
.valeReg span{
  font-family: proximaNova-SemiBold, arial, sans-serif;
}
.valenBtnPlace{
  margin: 40px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .valenRight h2 {
  	font-size: 80px;
  }
  .valenText {
  	font-size: 36px;
  	max-width: 565px;
  }
  .valeReg {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .valenBg {
  	padding: 38px 0;
  }
  .valenRibbon {
  	width: 421px;
  	height: 66px;
  	margin: 0 auto 20px;
  	font-size: 20px;
  }
  .valenRight h2 {
  	font-size: 62px;
  }
  .valenText {
  	font-size: 28px;
  	max-width: 430px;
  }
  .valeReg {
  	font-size: 22px;
  }
  .valenBtnPlace{
    margin: 20px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .valenBg {
  	padding: 38px 0;
  }
  .valenRibbon {
  	width: 355px;
  	height: 52px;
  	margin: 30px auto 10px;
  	font-size: 18px;
    padding-top: 14px;
  }
  .valenRight h2 {
  	font-size: 42px;
  }
  .valenText {
  	font-size: 26px;
  	max-width: 410px;
  }
  .valeReg {
  	font-size: 20px;
  }
  .valenBtnPlace{
    margin: 20px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .valentinesMob{
    display: block;
    width: 100%;
    height: auto;
  }
  .valenBg{
    background: #ffd5d6;
    padding: 0 0 30px;
  }
  .valenLeft{
    display: none;
  }
  .valenRight{
    width: 100%;
  }
  .valenRibbon {
  	width: 355px;
  	height: 52px;
  	margin: 0 auto 10px;
  	font-size: 18px;
    padding-top: 14px;
  }
  .valenRight h2 {
  	font-size: 42px;
  }
  .valenText {
  	font-size: 26px;
  	max-width: 400px;
  }
  .valeReg {
  	font-size: 20px;
  }
  .valenBtnPlace{
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .valentinesMob{
    display: block;
    width: 100%;
    height: auto;
  }
  .valenBg{
    background: #ffd5d6;
    padding: 0 0 30px;
  }
  .valenLeft{
    display: none;
  }
  .valenRight{
    width: 100%;
  }
  .valenRibbon {
  	width: 355px;
  	height: 52px;
  	margin: 0 auto 10px;
  	font-size: 18px;
    padding-top: 14px;
  }
  .valenRight h2 {
  	font-size: 42px;
  }
  .valenText {
  	font-size: 26px;
  	max-width: 400px;
  }
  .valeReg {
  	font-size: 20px;
  }
  .valenBtnPlace{
    margin: 20px 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {
  .valenRight h2 {
  	font-size: 36px;
  }
  .valenRibbon {
  	width: 330px;
  }
  .valeReg{
    display: none;
  }
  .valenText {
  	font-size: 26px;
  	max-width: 220px;
  }
  .valeRegMobOnly{
    color: #5B1515;
    display: block;
    font-family: proximaNova-Regular, arial, sans-serif;
    text-transform: capitalize;
    font-size: 21px;
    margin: 10px 0 0;
  }
  .valeRegMobOnly span{
    font-family: proximaNova-SemiBold, arial, sans-serif;
  }
}
/*========================================================
    Botinol facial section Index
=========================================================*/
.botinolbMob,
.botinolbspecialMob {
    display: none;
}
.botinolbbg {
    background: url('../images/index/botinol-banner-bg.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
}
.botinolbWrap {
   width: 60%;
    padding: 80px 0;
}
.botinolbWrap h2 {
    font-family: ivyMode-SemiBold, arial, sans-serif;
    font-size: 70px;
    line-height: 1.1;
    text-align: left;
    color: #113490;
    text-transform: capitalize;
    padding-bottom: 35px;
}
.botinolbColWrap {
    display: flex;
}
.botinolbCol1 {
    width: 38%;
    padding-right: 60px;
}
.botinolbCol2 {
    width: 28%;
}
.botinolbCol1 h3 {
    font-size: 30px;
}
.botinolbCol1 p {
    font-size: 21px;
    padding: 15px 0;
}
.botinolbCol1 h4 {
    font-size: 32px;
    font-weight: bold;
    color: #113490;
    text-align: left;
}
.botinolbCol1 small {
    font-size: 18px;
    color: #010100;
    font-weight: normal;
}
.botinolbCol1 span {
    font-weight: bold;
}
.botinolbImg {
    width: 250px;
    position: relative;
}
.botinolbCol2 img {
    position: absolute;
    top:-120px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
}
.botinolbBtnWrap {
    width: 250px;
}
.botinolbBtn {
    background: #efca83;
    color: #010100;
    border: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .botinolbWrap {
        width: 70%;
        padding: 50px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .botinolbWrap {
        width: 59%;
        padding: 35px 0;
    }
    .botinolbWrap h2 {
        font-size: 50px;
        padding-bottom: 15px;
    }
    .botinolbCol1 h3 {
        font-size: 24px;
    }
    .botinolbCol1 p {
        font-size: 16px;
        padding: 10px 0;
    }
    .botinolbCol1 {
        padding-right: 30px;
    }
    .botinolbCol1 h4 {
        font-size: 28px;
    }
    .botinolbCol2 img {
        width: 120px;
        top: -60px;
    }
    .botinolbBtn {
        padding: 14px 30px;
        font-size: 14px;
    }
    .botinolbImg {
        width: 177px;
    }
    .botinolbBtnWrap {
        width: 177px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
     .botinolbWrap {
        width: 70%;
        padding: 35px 0;
    }
    .botinolbWrap h2 {
        font-size: 36px;
        padding-bottom: 15px;
    }
    .botinolbCol1 h3 {
        font-size: 21px;
    }
    .botinolbCol1 p {
        font-size: 16px;
        padding: 10px 0;
    }
    .botinolbCol1 {
        padding-right: 30px;
    }
    .botinolbCol1 h4 {
        font-size: 24px;
    }
    .botinolbCol2 img {
        width: 100px;
        top: -50px;
    }
    .botinolbBtn {
        padding: 10px 20px;
        font-size: 12px;
    }
    .botinolbImg {
        width: 146px;
    }
    .botinolbBtnWrap {
        width: 146px;
    }
    .botinolbCol1 small {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
     .botinolbImg {
        display: none;
    }
    .botinolbTop {
        position: relative;
    }
    .botinolbBtnWrap,
    .botinolbImg {
        width: auto;
    }
    .botinolbbg {
        background: none;
        justify-content: center;
    }
    .botinolbMob {
        display: block;
        width: 100%;
    }
    .botinolbWrap {
        width:  100%;
        background: #92c8f6;
        padding: 0;
    }
    .botinolbWrap h2 {
        width: 90%;
        margin: 50px auto 0;
        font-size: 50px;
    }
    .botinolbWrap h2 span {
        display: block;
    }
    .botinolbColWrap {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
    }
    .botinolbCol1,
    .botinolbCol2 {
        width: 100%;
    }
    .botinolbImg {
        position: static;
    }
    .botinolbCol1 h3 {
        font-size: 26px;
    }
    .botinolbBtnWrap {
        padding-bottom: 50px;
    }
    .botinolbspecialMob {
        position: absolute;
        bottom: -60px;
        right: 60px;
        width: 140px;
        display: block;
    }
    .botinolbCol1 h4 {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .botinolbTop {
        position: relative;
    }
    .botinolbBtnWrap,
    .botinolbImg {
        width: auto;
    }
    .botinolbbg {
        background: none;
        justify-content: center;
    }
    .botinolbMob {
        display: block;
        width: 100%;
    }
    .botinolbWrap {
        width:  100%;
        background: #92c8f6;
        padding: 0;
    }
    .botinolbWrap h2 {
        width: 90%;
        margin: 35px auto 0;
        font-size: 40px;
    }
    .botinolbWrap h2 span {
        display: block;
    }
    .botinolbColWrap {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
    }
    .botinolbCol1,
    .botinolbCol2 {
        width: 100%;
    }
    .botinolbImg {
        display: none;
    }
    .botinolbCol1 h3 {
        font-size: 26px;
    }
    .botinolbBtnWrap {
        padding-top: 0;
        text-align: center;
        margin-bottom: 50px;
    }
    .botinolbspecialMob {
        position: absolute;
        bottom: -60px;
        right: 60px;
        width: 110px;
        display: block;
    }
    .botinolbCol1 h4 {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 479px) {
    .botinolbspecialMob {
        right: 35px;
    }
    .botinolbWrap h2 {
        font-size: 36px;
        line-height: 1.3;
    }
    .botinolbCol1 h3 {
        font-size: 24px;
    }
    .botinolbCol1 {
        padding-right: 0;
    }
    .botinolbCol1 p {
        font-size: 18px;
    }
}
/* Ewa: I changed  on 03/08/25 @ 1:26pm EST */
/*========================================================
    Signature massage section Index
=========================================================*/
.signbannImg {
    display: none;
}
.signbannbg {
    background-image: url('../images/index/signature-massage-banner-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid var(--white);
}
.signbannWrap {
    width: 90%;
    margin: 0 auto;
    display: flex;
    max-width: 2304px;
}
.signbannLeft {
    width: 30%;
    position: relative;
}
.signbannRight {
    width: 70%;
    padding: 90px 120px 90px 0;
}
.signbannRect {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--white);
    padding: 0 10px 10px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.signbannOut {
    border-left: 3px solid var(--gold);
    border-bottom: 3px solid var(--gold);
    border-right: 3px solid var(--gold);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.signbannIn {
    padding: 15px 30px;
}
.signbannIn h3 {
    text-transform: capitalize;
    font-family: ivyMode-SemiBold, arial, sans-serif;
    font-size: 50px;
    text-align: center;
    line-height: 1.1;
}
.signbannIn h3 span {
    display: block;
}
.signbannRight h3 {
    font-family: ivyMode-SemiBold, arial, sans-serif;
    font-size: 70px;
    line-height: 1.1;
    text-align: left;
    color: var(--gold);
}
.signbannCols {
    display: flex;
    justify-content: space-between;
}
.signbannCol1,
.signbannCol2 {
    width: 31%;
    padding-top: 35px;
}
.signbannCol1 p {
    font-size: 26px;
    color: var(--white);
    line-height: 1.3;
}
.signbannMin {
    background: url('../images/index/rectangle.svg') no-repeat;
    background-size: 463px 77px;
    padding: 20px 25px;
}
.signbannMin p {
    font-size: 30px;
}
.signbannMin p span {
    font-size: 24px;
    color: var(--white);
    padding-left: 8px;
}
.signbannPrices p {
    font-size: 28px;
    font-family: ivyMode-SemiBold, arial, sans-serif;
    color: var(--white);
    padding: 12px 0 0 20px;
}
.signbannPrices p span {
    font-family: proximaNova-Semibold, arial, sans-serif;
    font-size: 36px;
    color: var(--gold);
}
.signbannPrices p small {
    font-family: proximaNova-Regular, arial, sans-serif;
    font-size: 21px;
    color: var(--white);
    padding-left: 5px;
}
.signbannPrices p small span {
    font-family: proximaNova-Semibold, arial, sans-serif;
    font-size: 21px;
    color: var(--white);
}
.signbannBtnPlace {
    display: flex;
    justify-content: flex-end;
    padding: 35px 60px 0 0;
}
.signbannBtn {
    color: var(--gold);
}
.signbannBtn:hover {
    color: var(--white);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .signbannLeft {
        width: 25%;
    }
    .signbannRight {
        width: 85%;
        padding-right: 0;
        padding-left: 60px;
    }
    .signbannCol1 p {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .signbannIn h3 {
        font-size: 32px;
    }
    .signbannRight h3 {
        font-size: 42px;
    }
    .signbannRight {
        padding-right: 0;
        padding: 80px 90px 80px 0;
    }
    .signbannCol1 p {
        font-size: 18px;
    }
    .signbannMin p {
        font-size: 24px;
    }
    .signbannMin p span {
        font-size: 20px;
    }
    .signbannMin {
        padding: 10px 25px;
        background-size: 254px 49px;
    }
    .signbannPrices p {
        font-size: 19px;
        padding-left: 0;
    }
    .signbannPrices p span {
        font-size: 24px;
    }
    .signbannPrices p small,
    .signbannPrices p small span {
        font-size: 16px;
    }
    .signbannBtnPlace {
        padding-right: 0;
    }
    .signbannBtn {
        padding: 10px 25px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {

    .signbannLeft {
        width: 25%;
    }
    .signbannRight {
        width: 75%;
    }
    .signbannIn h3 {
        font-size: 24px;
    }
    .signbannIn {
        padding: 8px 24px;
    }
    .signbannRect {
        padding: 0 5px 5px 5px;
    }
    .signbannRight h3 {
        font-size: 36px;
    }
    .signbannRight {
        padding: 35px 0 35px 0;
    }
    .signbannCol1 p {
        font-size: 16px;
    }
    .signbannMin p {
        font-size: 19px;
    }
    .signbannMin p span {
        font-size: 16px;
    }
    .signbannMin {
        padding: 10px 25px;
        background-size: 214px 43px;
    }
    .signbannPrices p {
        font-size: 16px;
        padding-left: 0;
    }
    .signbannPrices p span {
        font-size: 20px;
    }
    .signbannPrices p small,
    .signbannPrices p small span {
        font-size: 14px;
    }
    .signbannBtnPlace {
        padding-right: 0;
    }
    .signbannBtn {
        padding: 10px 25px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .signbannbg {
        background-image: none;
        background-color: #1c1b23;
        position: relative;
    }
    .signbannImg {
        display: block;
        width: 100%;
        position: relative;
        z-index: 5;
    }
    .signbannImg img {
        width: 100%;
        display: block;
    }
    .signbannWrap {
        flex-direction: column;
    }
    .signbannLeftMob {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .signbannLeft {
        display: none;
    }
    .signbannRight {
        width: 100%;
        z-index: 10;
    }
    .signbannRect {
        position: static;
        width: 360px;
        margin: 0 auto;
    }
    .signbannRight {
        padding: 0 0 50px;
        margin-top: -380px;
    }
    .signbannCols {
        flex-direction: column;
    }
    .signbannCol1,
    .signbannCol2 {
        width: 100%;
    }
    .signbannMin p {
        font-size: 38px;
    }
    .signbannMin {
        background-size: 540px 86px;
    }
    .signbannBtnPlace {
        justify-content: flex-start;
    }
    .signbannRight h3 span {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
   .signbannbg {
        background-image: none;
        background-color: #1c1b23;
        position: relative;
    }
    .signbannWrap {
        flex-direction: column;
    }
    .signbannImg {
        display: block;
        width: 100%;
        position: relative;
        z-index: 5;
    }
    .signbannImg img {
        width: 100%;
        display: block;
    }
     .signbannLeftMob {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .signbannLeft {
        display: none;
    }
    .signbannRight {
        width: 100%;
        z-index: 10;
    }
    .signbannLeft {
        position: static;
    }
    .signbannRight h3 {
        font-size: 46px;
    }
    .signbannRect {
        position: static;
        width: 360px;
        margin: 0 auto;
    }
    .signbannRight {
        padding: 0 0 50px;
        margin-top: -230px;
    }
    .signbannCol1 p {
        font-size: 21px;
    }
    .signbannCols {
        flex-direction: column;
    }
    .signbannCol1,
    .signbannCol2 {
        width: 100%;
    }
    .signbannMin p {
        font-size: 32px;
    }
    .signbannMin {
        background-size: 380px 59px;
        padding: 10px 20px;
    }
    .signbannBtnPlace {
        justify-content: flex-start;
    }
    .signbannRight h3 span {
        display: block;
    }
    .signbannIn {
        padding: 10px 20px;
    }
}
@media only screen and (max-width: 479px) {
    .signbannIn h3 {
        font-size: 32px;
    }
    .signbannRect {
        width: 280px;
    }
    .signbannRight h3 {
        font-size: 32px;
        line-height: 1.5;
    }
    .signbannCol1 p {
        font-size: 18px;
    }
    .signbannMin p {
        font-size: 24px;
    }
    .signbannMin p span {
        font-size: 21px;
    }
    .signbannRight {
        margin-top: -160px;
    }
    .signbannMin {
        background-size: 280px 49px;
    }
    .signbannPrices p {
        padding-left: 0;
        font-size: 24px;
    }
    .signbannPrices p span {
        font-size: 30px;
    }
    .signbannPrices p small,
    .signbannPrices p small span {
        font-size: 18px;
    }
}
/*========================================================
    Google Five Star Reviews section Index
=========================================================*/
.fiveS{
  background: #1b1a22;
  border-bottom: 1px solid #ccc;
  color: var(--white);
  padding: 100px 0;
}
.fiveSwrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.fiveSone p{
  color: var(--yellow);
  font-family: proximaNova-Bold, arial, sans-serif;
  font-size: 140px;
  font-weight: 700;
  line-height: 0.7;
  text-shadow: -2px -2px 0 #cb9755, 2px -2px 0 #cb9755, -2px 2px 0 #cb9755, 2px 2px 0 #cb9755;
}
.fiveSone p span{
  color: var(--yellow);
  text-shadow: -2px -2px 0 var(--yellow), 2px -2px 0 var(--yellow), -2px 2px 0 var(--yellow), 2px 2px 0 var(--yellow);
}
.fiveStwo{
  margin: 0 70px;
}
.fiveStwo p{
  font-family: proximaNova-Bold, arial, sans-serif;
  font-size: 55px;
  line-height: 1.1;
  text-transform: uppercase;
}
.fiveStwo p span{
  display: block;
}
.fiveStwo img{
  width: 285px;
  vertical-align: sub;
}
.fiveSbtnPlace .listButton{
  background: var(--white);
  color: var(--black);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .fiveStwo{
    margin: 0 60px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .fiveSone p {
  	font-size: 110px;
  }
  .fiveStwo{
    margin: 0 60px;
  }
  .fiveStwo p {
  	font-size: 44px;
  }
  .fiveStwo img {
  	width: 225px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .fiveS {
  	padding: 80px 0;
  }
  .fiveSone p {
  	font-size: 96px;
  }
  .fiveStwo{
    margin: 0 50px;
  }
  .fiveStwo p {
  	font-size: 38px;
  }
  .fiveStwo img {
  	width: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .fiveS {
  	padding: 60px 0;
  }
  .fiveSwrap{
    flex-direction: column;
  }
  .fiveSone p {
  	font-size: 96px;
  }
  .fiveStwo{
    margin: 40px 50px;
  }
  .fiveStwo p {
  	font-size: 38px;
  }
  .fiveStwo img {
  	width: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .fiveS {
  	padding: 60px 0;
    border-top: 1px solid #ccc;
  }
  .fiveSwrap{
    flex-direction: column;
  }
  .fiveSone p {
  	font-size: 110px;
  }
  .fiveStwo{
    margin: 40px 0;
  }
  .fiveStwo p {
  	font-size: 32px;
  }
  .fiveStwo img {
  	width: 160px;
  }
}

/*========================================================
    schedAppo - Schedule Your Appointment Section Index
=========================================================*/
.schedAppo {
    background: url('../images/index/schedule-your-appointment.webp') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0;
    color: var(--white);
    text-align: center;
    border-top: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
}

.schedAppo h3 {
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 80px;
    line-height: 1;
}

.schedAppo h3 span {
    display: block;
}

.schedAppoBtnPlace {
    margin-top: 60px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .schedAppo h3 {
        font-size: 76px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .schedAppo {
        padding: 80px 0;
    }

    .schedAppo h3 {
        font-size: 55px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .schedAppo {
        padding: 55px 0 75px;
    }

    .schedAppo h3 {
        font-size: 64px;
    }

    .schedAppoBtnPlace {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .schedAppo {
        padding: 55px 0 75px;
    }

    .schedAppo h3 {
        font-size: 64px;
    }

    .schedAppoBtnPlace {
        margin-top: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .schedAppo {
        padding: 60px 0;
    }

    .schedAppo h3 {
        font-size: 52px;
    }
}

@media only screen and (max-width: 479px) {
    .schedAppo h3 {
        font-size: 42px;
    }
    .schedAppoBtnPlace {
        margin-top: 35px;
    }
    .appBtn {
        font-size: 14px;
        padding: 15px 20px;
    }
}


/*========================================================
	gardSec index section
=========================================================*/
.gardSec {
    background: url('../images/index/spa-diffuser.webp') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 250px 0 350px;
}

.gardMobileImg {
    display: none;
}

.gardWrapper {
    width: 64%;
}

.gardTitle {
    color: var(--white);
    font-size: 90px;
    font-family: ivyMode-SemiBold, arial, sans-serif;
    width: 980px;
}

.gardtitsmall {
    color: var(--white);
    display: block;
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    margin: 0 0 20px;
    letter-spacing: 3px;
}

.gardLine {
    border-bottom: 5px solid var(--yellow);
    width: 300px;
    margin: 20px 0 30px;
}

.gardDescr {
    color: var(--white);
    font-size: 38px;
    line-height: 1.3;
    max-width: 65%;
    margin: 40px 0 0;
}
.gardDoubleBtns {
    width: 780px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 60px;
}
.gardDoubBtnWrp{
  margin: 0 20px 20px 0;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .gardSec {
        padding: 250px 0;
    }

    .gardTitle {
        font-size: 80px;
    }

    .gardtitsmall {
        font-size: 26px;
    }

    .gardDescr {
        font-size: 32px;
        max-width: 56%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .gardSec {
        padding: 150px 0 200px;
    }

    .gardTitle {
        font-size: 58px;
        width: 650px;
    }

    .gardtitsmall {
        font-size: 18px;
    }

    .gardDescr {
        font-size: 26px;
        max-width: 55%;
    }
    .gardDescr span {
        display: block;
    }
    .gardDoubleBtns {
        width: 640px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .gardSec {
        padding: 100px 0 130px;
    }

    .gardTitle {
        font-size: 46px;
        width: 520px;
    }

    .gardtitsmall {
        font-size: 20px;
    }

    .gardDescr {
        font-size: 19px;
        max-width: 54%;
    }
    .gardDescr span {
        display: block;
    }
    .gardDoubleBtns {
        width: 460px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .gardSec {
        padding: 70px 0 160px;
    }

    .gardTitle {
        font-size: 46px;
        width: 520px;
    }

    .gardtitsmall {
        font-size: 20px;
    }

    .gardDescr {
        font-size: 19px;
        max-width: 54%;
    }
    .gardDescr span {
        display: block;
    }
    .gardDoubleBtns {
        width: 630px;
    }
}

@media only screen and (max-width: 767px) {
    .gardSec {
        /*background: #e9ccbc;*/
        background: #61452d;
        padding: 0 0;
    }

    .gardMobileImg {
        display: block;
        width: 100%;
        height: auto;
    }

    .gardWrapper {
        width: 100%;
        padding: 55px 10px;
    }

    .gardTitle {
        font-size: 46px;
        width: auto;
    }

    .gardtitsmall {
        font-size: 20px;
    }

    .gardDescr {
        font-size: 21px;
        max-width: 100%;
        margin: 30px 0 0;
    }
    .gardDoubleBtns {
        width: 380px;
        margin-top: 30px;
    }
    .gardtitbr {
        display: block;
    }
    .gardDoubBtnWrp {
        width: 100%;
        margin: 0 0 15px 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .gardDoubleBtns {
  	width: 330px;
  }

}

@media only screen and (max-width: 479px) {
    .gardTitle {
        font-size: 39px;
    }
    .gardDescr span {
        display: block;
    }
    .gardDoubleBtns {
        width: 100%;
        margin-top: 30px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
}

/*========================================================
	stampSec index section
=========================================================*/
/* .stampSec {
    border-top: 2px solid var(--yellow);
    border-bottom: 2px solid var(--yellow);
} */

.stampWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.stampLeft,
.stampRight {
    width: 50%;
}

.stampLeft {
    background: #1b1921;
    padding: 250px 100px;
}

.stampRight {
    background: url('../images/index/spa-products.webp') no-repeat;
    background-position: center;
    background-size: cover;
}

.stampTitle {
    color: var(--yellow);
    font-family: ivyMode-SemiBold, arial, sans-serif;
    font-size: 90px;
}

.stampTitle span {
    color: var(--white);
    display: block;
    font-family: proximaNova-SemiBold, arial, sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    margin: 0 0 20px;
    letter-spacing: 3px;
}

.stampLine {
    border-bottom: 5px solid var(--yellow);
    width: 300px;
    margin: 50px 0 40px;
}

.stampDescr {
    color: var(--gray-text);
    font-size: 38px;
    line-height: 1.3;
    max-width: 75%;
    margin: 40px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .stampLeft {
        padding: 190px 100px;
    }

    .stampTitle {
        font-size: 80px;
    }

    .stampTitle span {
        font-size: 26px;
    }

    .stampDescr {
        font-size: 28px;
        max-width: 75%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .stampLeft {
        padding: 140px 100px;
    }

    .stampTitle {
        font-size: 58px;
    }

    .stampTitle span {
        font-size: 18px;
    }

    .stampDescr {
        font-size: 21px;
        max-width: 75%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .stampLeft {
        padding: 100px 20px;
    }

    .stampTitle {
        font-size: 46px;
    }

    .stampTitle span {
        font-size: 20px;
    }

    .stampDescr {
        font-size: 19px;
        max-width: 78%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .stampLeft {
        padding: 100px 20px;
    }

    .stampTitle {
        font-size: 46px;
    }

    .stampTitle span {
        font-size: 20px;
    }

    .stampDescr {
        font-size: 19px;
        max-width: 78%;
    }
}

@media only screen and (max-width: 767px) {
    .stampSec {
        height: auto;
        border-top: none;
        border-bottom: none;
    }

    .stampWrapper {
        flex-direction: column-reverse;
    }

    .stampLeft,
    .stampRight {
        width: 100%;
    }

    .stampLeft {
        padding: 55px 20px;
    }

    .stampRight {
        min-height: 340px;
    }

    .stampTitle {
        font-size: 46px;
    }

    .stampTitle span {
        font-size: 20px;
    }

    .stampDescr {
        font-size: 21px;
        max-width: 100%;
        margin: 30px 0 0;
    }
}

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

@media only screen and (max-width: 479px) {
    .stampTitle {
        font-size: 39px;
    }
}

/*========================================================
		Review Us page
=========================================================*/
.reviewsWrap {
    width: 70%;
    margin: 0 auto;
    padding: 0 0 90px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1300px;
}

.reviewsBox {
    width: 24%;
    border: 1px solid var(--black);
    background: #e5e5e7;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.reviewsBoxEmpty {
    width: 24%;
}

.reviewsBox img {
    width: 100%;
    display: block;
    max-width: 200px;
    margin: 0 auto;
}

.reviewsBox p {
    font-size: 16px;
    line-height: 1.3;
    color: var(--main-text);
    text-align: center;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .reviewsWrap {
        padding: 0 0 40px;
    }

    .reviewsBox p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .reviewsWrap {
        padding: 50px 0;
    }

    .reviewsBox p {
        font-size: 16px;
    }

    .reviewsBox,
    .reviewsBoxEmpty {
        width: 49%;
    }
}

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


    .reviewsWrapMob {
        display: block !important;
        padding: 35px 0;
    }
    .reviewsWrap {
    	width: 90%;
    	padding: 0;
    }

    .reviewsBox p {
        font-size: 16px;
    }

    .reviewsBox {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 15px;
    }

    .reviewsBoxEmpty {
        width: 100%;
    }
}

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

    .reviewsBox,
    .reviewsBoxEmpty {
        max-width: 280px;
    }
}

/*========================================================
    Changing Menu
=========================================================*/
@media only screen and (min-width: 1024px) {}

/*========================================================
										1024 -
=========================================================*/
@media only screen and (min-width: 1024px) {
    .menu ul {
        background: none !important;
    }

    .menu ul li.mlinks a {
        color: #fff;
    }

    .menu ul li.mlinks a:hover {
        color: var(--yellow);
    }

}

/*========================================================
										Mobile Menu
=========================================================*/
@media only screen and (min-width: 0px) and (max-width: 1023px) {

    .phone {
        display: none;
    }

    .navi {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        height: 70px;
        width: 60%;
    }

    .phoneMob {
        display: inline-block;
    }

    .logoMob {
        width: 100%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .logoMob img {
        width: 240px;
        top: 50px;
    }

    .menu {
        width: 80px;
    }

    .locMob {
        display: inline-block;
    }

    .phoneMob img {
        margin-right: 5px;
    }

    .navFrame {
        border-bottom: 1px solid var(--blue);
        padding-bottom: 8px;
    }

    /* mobile menu */
    .smobitrigger,
    .mnuclose {
        display: inline-block;
    }

    .smobitrigger {
        color: transparent;
        width: 30%;
        margin: 0 auto;
    }

    .smobitrigger {
        background: url("../images/menuopen.png") center top no-repeat;
        background-size: 70px 70px;
        width: 80px;
        height: 80px;
    }

    .mnuclose {
        background: url('../images/menuclose.png') right top no-repeat;
        color: transparent;
        height: 60px;
        margin: 0 0 10px 0;
        width: 100%;
        text-align: right;
        display: inline-block;
    }

    .menu ul {
        padding: 0 20px 10px 20px;
        overflow-y: auto;
        margin: 0 auto;
    }

    .menu ul li {
        font-size: 1.1em;
        margin: 2px 0;
        display: block;
    }
    .menu ul li.mmlinks {
        display: block;
    }
    .menu ul li.mlinks,
    .menu ul li.mmlinks {
        text-align: left;
        border-bottom: 1px solid #fefefe;
        width: 100%;
        line-height: inherit;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }

    .menu ul li.mlinks a,
    .menu ul li.mmlinks a {
        font-size: 18px;
        line-height: 40px;
        height: 45px;
        text-transform: uppercase;
        display: inline-block;
        padding: 0 0;
    }

    .menu ul li.mlinks a::after,
    .menu ul li.mmlinks a::after {
        display: none;
    }

    .menu ul li.mlinks a,
    .menu ul li.mmlinks a {
        margin: 0 0;
    }

    .menu ul li.mlogo {
        margin: 20px auto 0 auto;
        height: auto;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .menu ul li.mlogo img {
        width: 270px;
        margin: 0 auto 30px auto;
    }

    .menu ul li.mphone {
        display: inline-block;
        text-align: left;
        width: 100%;
        padding-bottom: 30px;
        margin: 0 auto;
        color: #777;
    }

    .menu ul li.mphone a {
        font-size: 32px;
        display: block;
    }


    .menu ul li.memail,
    .menu ul li.mhours {
        display: inline-block;
        text-align: left;
        font-size: 20px;
        line-height: 1.5;
        margin: 0 auto 20px;
        width: 100%;
        color: var(--gray-text);
    }

    .menu ul li.mhours span {
        display: block;
    }

    .menu ul li.memail a {
        color: var(--gray-text) !important;
    }

    .menu ul li.maddress {
        display: inline-block;
        text-align: left;
        font-size: 20px;
        line-height: 1.5;
        text-transform: capitalize;
        margin: 40px auto 20px auto;
        width: 100%;
        display: inline-block;
        color: #fff;
    }

    .menu ul li.maddress span {
        display: block;
    }

    .menu ul li.msocial {
        display: block;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .menu ul li.mgiftcards{
      display: block;
      font-size: 20px;
      text-transform: capitalize;
      background: url('../images/gift-card.png') no-repeat;
      background-position: left center;
      background-size: 40px 40px;
      padding: 10px 0 10px 50px;
      margin-bottom: 30px;
    }
    .menu ul li.msocial a {
        margin-bottom: 20px;
    }

    .menu ul li.msocial a img {
        width: 50px;
        margin: 0 4px 0 0;
    }

    .mobimenu {
        padding: 0;
        margin: 0px;
        width: 19.9375em;
        position: fixed;
        height: 100% !important;
        top: 0px;
        left: -24.625em;
    }

    .mnuopn {
        left: 0px !important;
    }

    .ovrActv {
        position: fixed;
        background: rgba(0, 0, 0, 0.79);
        width: 100%;
        height: 100%;
        z-index: 9998;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .topWrap {
        position: static;
    }
    .topContBg{
      padding: 10px 0 0;
      position: static;
    }
    .topContWrap{
      border-bottom: 1px solid var(--blue);
    }
}

@media only screen and (max-width: 479px) {
    .logoMob {
        width: 100%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .logoMob img {
        width: 240px;
        top: 45px;
    }
}

/*========================================================
		Fixed Top Affected pages - Adding margin
=========================================================*/
/* Ersin: made top section sticky (fixed) on 2/21/24 @ 2:40am EST */
.servstopbg,
.servpbg,
.topFix{
  margin-top: 122.5px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .servstopbg,
  .servpbg,
  .topFix{
    margin-top: 88.5px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .servstopbg,
  .servpbg,
  .topFix{
    margin-top: 84.4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .servstopbg,
  .servpbg,
  .topFix{
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .servstopbg,
  .servpbg,
  .topFix{
    margin-top: 0;
  }
}
/* end Ersin: made top section sticky (fixed) on 2/21/24 @ 2:40am EST */

/* owl carousel dots */
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    padding: 10px;
}
/* end owl carousel dots */

/* visually hidden for SEO */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}
/* end visually hidden for SEO */