.page-content {
	margin-top: 130px;
	margin-bottom: 100px;
}


/* flip clock */

.counter-background {
	background: #ffd962 none repeat scroll 0 0;
	border-bottom: 2px solid #d8b74f;
	padding: 20px 20px;
}

.counter-background.sec-counter-main {
    border-color: #002ac5;
	border: solid 2px transparent !important;
	background-image: var(--my-gradient) !important;
	background-origin: border-box !important;
	background-clip: content-box, border-box !important;
	box-shadow: 1px 10000px 1px #000 inset !important;
	border-bottom-width: 1px !important;
}

.title-book,
.title-book-center {
	color: var(--white-color);
	font-size: 30px;
	line-height: 32px;
	padding-left: 10px;
	padding-top: 15px;
	text-align: left;
	font-weight: bold;
}

.title-book-center {
	text-align: center;
}

#map {
	width: 100%;
	height: 400px;
}

#book-time-01 {
	margin-top: 10px;
	display: inline-block;
}

.flip-clock-wrapper {
	margin: 0;
}

.flip-clock-wrapper ul {
	background: #000 none repeat scroll 0 0;
	border-radius: 0;
	float: left;
	font-size: 80px;
	font-weight: bold;
	height: 40px;
	line-height: 87px;
	margin: 2px;
	position: relative;
	width: 40px;
}

.flip-clock-wrapper ul li a div div.inn {
	background-color: #333;
	border-radius: 0;
	color: #ccc;
	font-size: 30px;
	height: 200%;
	left: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 2px #000;
	width: 100%;
	z-index: 1;
}

.flip-clock-wrapper ul li a div.up::after {
	background-color: rgba(0, 0, 0, 0.4);
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 19px;
	width: 100%;
	z-index: 5;
}

.flip-clock-divider {
	display: inline-block;
	float: left;
	height: 30px;
	position: relative;
	width: 15px;
}

.flip-clock-wrapper ul li a div.down {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	bottom: 0;
	transform-origin: 50% 0 0;
}

.flip-clock-wrapper ul li a div div.inn {
	background-color: #333;
	border-radius: 0;
	color: #ccc;
	font-size: 30px;
	left: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 2px #000;
	width: 100%;
	z-index: 1;
}

.flip-clock-dot.top {
	top: 25px;
}

.flip-clock-dot.bottom {
	bottom: 10px;
}

.flip-clock-dot {
	background: #855b17 none repeat scroll 0 0;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	display: block;
	height: 5px;
	left: 5px;
	position: absolute;
	width: 5px;
}

.flip-clock-divider .flip-clock-label {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	right: -60px;
	text-shadow: none;
	top: -1.5em;
}

.flip-clock-divider.minutes .flip-clock-label {
	right: -65px;
}

.flip-clock-divider.seconds .flip-clock-label {
	right: -68px;
}

.flip-clock-wrapper ul li {
	height: 100%;
	left: 0;
	line-height: 38px;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 100%;
	z-index: 1;
}


/* basket info */

.dark-book-gray {
    background: #23231e none repeat scroll 0 0;
    padding: 20px;
    font-family: 'ProximaNova-Light';
      border: solid 2px transparent !important;
  background-image: var(--my-gradient) !important;
  background-origin: border-box !important;
  background-clip: content-box, border-box !important;
  box-shadow: 1px 10000px 1px #23231e inset !important;
  border-top-width: 1px !important;
}

.light-book-gray {
	background: #5c5c5c none repeat scroll 0 0;
	padding: 20px;
}

.reservation-button {
	background: #ffd962 none repeat scroll 0 0;
	border-bottom: 5px solid #d8b74f;
	color: #855b17;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	padding: 20px 5px;
	text-align: center;
}

.reservation-button:hover {
	background: #5c5c5c none repeat scroll 0 0;
	color: #ffd962;
}

.reservation-button:focus {
	background: #5c5c5c none repeat scroll 0 0;
	color: #ffd962;
}

.checkout-button {
	background: #5c5c5c none repeat scroll 0 0;
	border-bottom: 5px solid #d8b74f;
	color: #ffd962;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	padding: 20px 5px;
	text-align: center;
}

.checkout-button:hover {
	background: #ffd962 none repeat scroll 0 0;
	color: #855b17;
}

.checkout-button:focus {
	background: #ffd962 none repeat scroll 0 0;
	color: #855b17;
}

.checkout-pay {
	background: #333333;
	border-radius: 20px;
	padding: 8px 10px;
	/*font-family: 'Proxima Nova Condensed';*/
	font-size: 16px;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 17px;
	text-transform: uppercase;
}

.send-message {
	background: #ffd962;
	border-bottom: 2px solid #d8b74f;
	border-radius: 20px;
	padding: 8px 10px;
	font-family: 'Proxima Nova Condensed';
	font-size: 16px;
	color: #333333;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 17px;
}

.checkout-pay:hover,
.checkout-pay:focus {
	color: #fff;
}

.add-basket {
	border: 2px solid #000;
	border-radius: 20px;
	padding: 6px 10px;
	font-family: 'Proxima Nova Condensed';
	font-size: 16px;
	color: #333333;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 17px;
}

.add-basket:hover,
.add-basket:focus {
	color: #333333;
}

.shaded-background {
	background: rgba(0, 0, 0, 0) url("../img/shaded-background.png") repeat scroll 0 0;
	height: auto;
	padding-right: 10px;
	width: 100%;
}

.text-details {
	margin-bottom: 5px;
	margin-top: 15px;
}

.title-desc {
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 11px;
	margin-bottom: 5px;
}

.text-desc,
.text-desc>a {
	color: #ffd962;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

.text-desc>a:hover {
	color: #fff;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

.list-details {
	margin-bottom: 15px;
	margin-left: 5px;
}

.price-details {
	color: #fff;
	font-size: 28px;
	padding-top: 60px;
	text-align: center;
}

.price-value {
	/*color: #ffd962;*/
	font-weight: bold;
}

.add-table-massage {
	background: #ffd962 none repeat scroll 0 0;
	border: medium none;
	color: #855b17;
	cursor: pointer;
	display: block;
	font-family: "Proxima Nova";
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin-top: 30px;
	padding: 15px 5px;
	position: relative;
	text-align: center;
}

.add-table-massage a {
	color: #855b17;
}

.add-table-massage:hover {
	color: #855b17;
}

.add-table-massage-checked {
	background-color: rgba(255, 217, 98, 0.5);
	border: medium none;
	color: #FFFFFF!important;
	cursor: pointer;
	display: block;
	font-family: "Proxima Nova";
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin-top: 30px;
	padding: 15px 5px;
	position: relative;
	text-align: center;
}

.add-table-massage-checked a {
	color: #FFFFFF!important;
}

.add-table-massage-checked a {
	color: #855b17;
}

.add-table-massage-checked:hover {
	color: #855b17;
}

.add-table-massage-check-img {
	cursor: pointer;
	margin: 0 auto;
	position: absolute;
	right: 26%;
	top: 37%;
	z-index: 999;
}

.table-added {
	color: #fff;
	font-family: "Proxima Nova";
	font-size: 14px;
	margin-top: 5px;
	text-align: center;
}

.cancel-btn {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: #855b17;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
	margin-right: 15px;
	margin-top: 37px;
	padding: 5px;
	text-align: center;
	width: 100%;
}

.cancel-btn:hover {
	background: #ffd962 none repeat scroll 0 0;
	color: #855b17;
}

.edit-btn {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: #855b17;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 15px;
	padding: 5px;
	text-align: center;
	width: 100%;
}

.edit-btn:hover {
	background: #ffd962 none repeat scroll 0 0;
	color: #855b17;
}


/* RESPONSIVE CSS -------------------------------------------------------------------------------*/


/*Large desktop*/

@media (min-width: 1260px) and (max-width: 1280px) {
	.hide-desktop {
		display: none;
	}
}


/*Small Desktop*/

@media (min-width: 1200px) {
	.hide-desktop {
		display: none;
	}
}


/*Laptops*/

@media (min-width: 992px) and (max-width: 1199px) {
	.title-book {
		font-size: 25px;
		padding-top: 15px;
	}
	.clock-icon {
		height: 36px;
		width: 31px;
		margin-top: 15px;
	}
	.checkout-pay {
		margin-top: 0px;
	}
	.add-basket {
		margin-top: 8px;
	}
	.gray-form-bg label {
		font-size: 13px;
	}
	.hide-desktop {
		display: none;
	}
	.massage-types ul {
		margin: 0px;
	}
}


/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.display-inline-tab {
		display: inline-block;
		float: none !important;
	}
	.clock-icon {
		height: 29px;
		width: 25px;
		margin-top: -10px;
	}
	.title-book {
		margin-bottom: 15px;
	}
	.hide-tab {
		display: none;
	}
	.gray-form-bg label {
		font-size: 11px;
		line-height: 13px;
		height: 25px;
	}
	.nav.nav-justified>li>a>.quote {
		left: auto;
		top: auto;
		right: 20px;
		bottom: 0px;
	}
	.book-therapist {
		width: 60%;
	}
	.hour {
		font-size: 14px;
		text-align: center;
	}
	.name {
		font-size: 14px;
	}
	.selected-therapist {
		position: absolute;
		top: 15%;
		left: 50%;
		transform: translateY(-15%);
		transform: translateX(-50%);
	}
}


/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}


/* Samsung Galaxy Tab 3 (7") ----------- */

@media only screen and (min-device-width: 600px) and (max-device-width: 767px) and (orientation: portrait) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}


/* Samsung Galaxy Tab 3 (7") ----------- */

@media only screen and (min-device-width: 600px) and (max-device-width: 767px) and (orientation: landscape) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}


/* LG (G3,G4,G5, Nexus 5), Samsung Galaxy S(3-7), HTC ONE  ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}


/* iPhone 6,7 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}


/* iPhone 6+,7+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}


/* Samsung Galaxy S7Edge ----------- */

@media only screen and (max-width: 412px) and (max-height: 732px) and (orientation: portrait) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 412px) and (max-height: 732px) and (orientation: landscape) {
	.page-content {
		margin-top: 10px;
	}
	.counter-background {
		padding: 20px;
	}
	.clock-icon {
		height: 35px;
		width: 30px;
	}
	.title-book {
		font-size: 27px;
		margin-bottom: 5px;
		padding-top: 5px;
	}
	.checkout-pay {
		margin-top: 10px;
		font-size: 14px;
	}
	.add-basket {
		margin-top: 10px;
	}
	.gray-form-bg .form-group {
		margin-bottom: 10px;
	}
	.name_therapist {
		text-align: center;
		font-size: 14px;
		font-family: 'Proxima Nova';
		font-weight: 600;
		color: #000;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pic-therapist {
		margin: 0 auto;
		display: block;
	}
	.therapist-description {
		margin-top: 20px;
	}
	.modal-body {
		background: #ffd962;
	}
	.massage-types ul li {
		font-size: 13px;
	}
	.book-therapist {
		width: 100%;
		text-align: center;
	}
	.modal-header {
		border-bottom: 1px solid #e5e5e5;
		padding: 15px;
		background: #282828;
	}
	.modal-title {
		font-size: 25px;
		color: #fff;
	}
	.close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
	}
	.hide-tel {
		display: none;
	}
	.active-button-massage {
		font-size: 14px;
		padding: 15px 0px;
	}
	.inactive-button-massage {
		font-size: 14px;
		padding: 13px 0px;
	}
	.gradient-bg {
		padding: 20px 10px;
	}
	.hour {
		margin-top: -20px;
		font-size: 14px;
		text-align: center;
	}
	.zen-form-focalpoint {
		margin-top: 30px;
	}
	.zen-form-focalpoint .focalpoints-body-back {
		margin-top: 20px;
	}
	.zen-form-focalpoint .focalpoints-body-front {
		margin-top: 0px;
	}
}


/*New css added*/

/*search form css start*/
.ic-map{ font-size: 18px; left: 8px; }
.btn-book{ min-width: 118px; }
.postcode-area-inner .form-control {
    font-size: 14px;
    padding-left: 43px;
    padding-right: 128px;
}
/*search form css end*/

.cmn_background_cover .counter-background{ padding: 20px 0px; }

.checkout-pay img {
	width: 70px;
}


.book-time-01-cover {
    background: url("../img/bg-clock.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 200px;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}


.counter-background { background: #000; }

.cmn_background_cover.cover_container .postcode-area-inner .form-control{ background: #000; }
.cmn_background_cover.cover_container .title-book{ padding-left: 0px; }
.cmn_background_cover.cover_container {
    height: 1280px;
    background-position: top right;
    min-height: 400px;
}


.cmn_background_cover.cover_container .postcode-area-inner { margin: 20px -15px; max-width: 458px;}
.cmn_background_cover.cover_container .page-content{ margin-top: 420px; }

@media screen and (max-width: 1500px){
.cmn_background_cover.cover_container .page-content { margin-top: 270px;}    
.cmn_background_cover.cover_container {}	
}

@media screen and (max-width: 991px){
.cmn_background_cover.cover_container {
  max-height: 530px;
  background-size: 100%;
}
}

@media screen and (max-width: 767px){
.cmn_background_cover.cover_container {height: 100vh;}
.cmn_background_cover.cover_container .postcode-area-inner {max-width: 100%, margin:20px 0px;}
.cmn_background_cover.cover_container .counter-background {padding: 0px;}
.cmn_background_cover.cover_container .page-content { margin-top: 40px;}
}



.sec-counter-main .title-book, 
.sec-counter-main .title-book-center{ text-align: center; margin-bottom: 25px; }

.ClassyCountdown-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 630px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-group-style {
    max-width: 650px;
    margin: 0 auto;
}

.figimg-box { margin-bottom: 25px;}
.figimg-box img { border-radius: 5px;}

.medical-img {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}



.sec-middle-block .filds-label { flex: 0 0 200px; position: relative; }
.sec-middle-block .filds-label .title-desc { position: absolute; left: 24px; color: #DCDCDC; font-size: 15px;}
.sec-middle-block .text-desc {
    border: 2px solid rgba(255, 255, 255,38%);
    color: #DCDCDC;
    font-size: 12px;
    border-radius: 10px;
    padding: 4px 12px;
    min-height: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sec-middle-block .filds-label .text-desc{ color: #fff; } 

.sec-middle-block .flex-container{ margin: 0px; }
.filds-one .title-desc{ top: 49px;}
.filds-middle .title-desc { top: 25px; }
.filds-last .title-desc { top: 25px;}

.filds-last .title-desc { top: 18px;}
.filds-last .title-desc span {
    font-size: 10px;
    width: 142px;
    display: inline-block;
    margin-top: 6px;
}



.filds-one .text-desc { margin-top: 34px;}
.filds-middle .text-desc { margin-top: 7px;}	
.filds-last .text-desc { margin-top: 7px;}

.sec-person-details .title{ color: #fff; }

.ClassyCountdown-wrapper .ClassyCountdown-value {
    line-height: 20px;
}

.checkout-pay {
    border-radius: 100rem;
    padding: 1rem;
    border: solid 2px transparent !important;
    background-image: var(--my-gradient) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 1px 10000px 1px #000 inset !important;
    min-width: 129px !important;
    text-align: center !important;
    outline: none !important;
}

.shaded-background-price {
    margin-bottom: 32px;
    display: inline-block;
    width: 100%;
}

.voucher-bg .btn-warning.applyvoucher, 
.voucher-bg .btn-warning.removevoucher {
    margin-top: 0px;
    padding: 4px 16px;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 0;
    border-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #000;
    color: #fff;
    border-color: #000;
}

.voucher-box{ position: relative; }


.sec-checkoutpay-main .filds-label { flex: 0 0 200px; position: relative;}
.sec-checkoutpay-main .filds-label label{top: 46px; font-size: 14px; left: 30px;}


.card-title-main h1 { color: #fff;}

.sec-checkoutpay-main .pay-filed-middle .filds-label label {top: 20px;}

.sec-checkoutpay-main .filds-input .form-control {
    height: 40px;
    font-size: 12px;
    border-radius: 10px;
    margin-top: 35px;
}

.sec-checkoutpay-main .pay-filed-middle .filds-input .form-control {margin-top: 8px;}
.sec-checkoutpay-main .filds-label label i {margin-right: 5px;}

.full-section-main {flex: 0 0 100%;max-width: 100%;}
.filds-two-group .filds.flex-container {flex-wrap: wrap;}



.contact-sec {
    background-color: #fff;
    padding: 25px;
    border-radius: 12px;
    margin: 0px 15px 15px 15px;
    border: solid 2px transparent !important;
	background-image: var(--my-gradient) !important;
	background-origin: border-box !important;
	background-clip: content-box, border-box !important;
	box-shadow: 1px 1000px 1px #fff inset !important;
}

.col-left-main-sec .btn-com {
    margin-bottom: 40px;
}

.contact-sec .contact-box {display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 40px;}
.contact-sec .contact-box .icons-box {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
}

.contact-sec .contact-box .icons-box img {
    width: 100%;
}
.contact-sec .contact-box .text-box {width: calc(100% - 60px);position: relative; padding-left: 20px;}
.contact-sec .contact-box .text-box h4 {margin: 0;padding: 0;line-height: 30px;font-weight: 600;}
.contact-sec .contact-box .text-box p {margin: 0;line-height: 30px;text-transform: uppercase;color: rgb(112 112 112);font-weight: 500;}
.contact-sec .contact-box .text-box:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 18px;
    bottom: -10px;
    background-color: #5e5e5e1a;
}



.map-icon {text-align: center;}
.map-icon a {border: 2px solid rgba(255, 255, 255,38%);display: inline-block;padding: 10px;border-radius: 10px;}



.contact-main h1 {
    color: #000;
    font-size: 25px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0px 15px;
}

.col-left-main-sec label {
    padding: 10px 15px;
    margin-bottom: 18px;
    font-size: 15px;
    color: #fff;
}

.order_sec_main.sec-counter-main ~ .dark-book-gray>.row { display: flex;flex-wrap: wrap;}
.order_sec_main.sec-counter-main ~ .dark-book-gray>.row>div:first-child {order: 2;}

.message-field {background: #fff; border-radius: 10px;}
.message-box-parent {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.message-field textarea.form-control {resize: none;border: none; border-radius: 10px;}
.message-field .message-box-parent-main {padding: 0px 15px;}


.button-group-style-3 {
    max-width: 560px;
    margin: 0 auto;
}


.select-extend .dropdown-toggle {
    border-radius: 20px;
    padding: 5px 16px;
    border: solid 2px transparent !important;
    background-image: var(--my-gradient) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 1px 1000px 1px #000 inset !important;
    outline: none !important;
    color: #fff;
    height: 48px !important;
    font-size: 14px;
    width: 100%;
    margin-top: 7px;
    display: flex;
    align-items: center;
    text-align: left;
}

.select-extend .dropdown-menu{min-width: 100%; background: #000;}
.select-extend .dropdown-menu > li > a {color: #fff;background: transparent;}

.select-extend .dropdown-toggle .caret {
    margin-left: auto;
}


.cancel-booking-button-main .dropdown-menu {
    padding: 15px 10px;
    margin-top: 10px;
    background: #424242;
    color: #fff;
    border: solid 1px transparent !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #000 inset !important;
width: 100%;
text-align: center;
}

.bs-inner-box p {
    font-size: 11px;
}

.hover-toltp-btn {
    text-align: center;
}

.hover-toltp-btn .btn {
    font-size: 11px;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
}

.cancel-booking-button-main .dropdown-menu:after,
.cancel-booking-button-main .dropdown-menu::before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: 25px;
}

.cancel-booking-button-main .dropdown-menu:before {
    border-bottom: 10px solid #424242;
    top: -10px;
}

.main-box-par {display: flex;}

.main-box-par>div {flex: 0 0 50%;max-width: 50%;}


.hover-toltp-btn .btn:hover {
    color: red !important;
}

.flex-container .text-danger {
    position: absolute;
    left: 0;
    bottom: -10px;
    right: 0;
    text-align: center;
    width: 100%;
}

.box-right-box .box-right-box .filds-two-group { display: inline-block; width: 100%;}
.box-right-box .filds-two-group .filds.flex-container{ width: 100%; }
.coccs{display: inline-block; width: 100%;}

.contact-main-wrapper{
	max-height: 460px;
    overflow-y: auto;
    overflow-x: hidden;
}
.saloncheckout-wrapper .pay-filed-first{
	padding: 0 15px 0 10px;
	text-transform: uppercase;
}

.box-right-box-inner {
    padding: 0px 15px;
}

.extention-expire-image-cover img {
    max-width: 100%;
}


@media screen and (max-width: 550px){
.cmn_background_cover.cover_container {height: 285px !important;}
.cmn_background_cover.cover_container .postcode-area-inner {max-width: 100%, margin:20px 0px;}
.cmn_background_cover.cover_container .counter-background {padding: 0px;}
.cmn_background_cover.cover_container .page-content { margin-top: 40px;}
}