/*******************************************************
 *
 * Template About
 *
 *******************************************************/

.ip-banner::before {
	background: rgba(0, 0, 0, 0.8);
}
#breadcrumbs .breadcrumb_last {
	font-weight: bold;
}
#inner-page-wrapper {
	margin-bottom: 0;
}
	#inner-page-wrapper .container {
		width: 100%;
		padding: 0;
	}
	.jsm-container {
		width: 1630px;
		padding: 0 15px;
		margin: 0 auto;
		max-width: 100%;
	}

.jem-med-spa-wrap {
	position: relative;
	padding: 86px 0 100px;
}
	.jem-med-spa-wrap .gsite-bg {
		top: initial;
		height: initial;
		max-height: 100%;
		bottom: 0;
		z-index: -1;
	}
	.jms-title {
		text-align: center;
		margin-bottom: 65px;
	}
		.jms-title .gsite-title small {
			justify-content: center;
		}
		
	.jms-content-container {
		position: relative;
		display: flex;
		align-items: flex-start;
		padding-bottom: 88px;
	}
		.jms-content-container:before {
			content: '';
			position: absolute;
			bottom: 0;
			/* right: 110px;
			left: -50px;
			top: -183px; */
			right: 5.729166666666666vw;
			left: -2.604166666666667vw;
			top: -9.53125vw;
			border-bottom-left-radius: 100px;
			border-bottom-right-radius: 100px;
			border: 1px solid var(--primary);
			z-index: -1;
			border-top: none;
		}
		.jms-img-list {
			position: relative;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			justify-content: center;
			margin-bottom: 233px;
			margin-bottom: 12.135416666666666vw;
		}
			.jms-img {
				position: absolute;
				display: inline-block;
				width: 20.833333333333336%;
			}
				.jms-img img {
					display: block;
					width: 100%;
					height: auto;
					border-radius: 50px;
				}
			.jms-img:nth-child(1) {
				width: 26.041666666666668%;
				/* top: 50px; */
				top: 15%;
				left: -40px;
				left: -2.08333333333333%;
			}
			.jms-img:nth-child(2) {
				left: 21.34%;
			}
			.jms-img:nth-child(2),
			.jms-img:nth-child(4) {
				/* top: 100px; */
				top: 30%;
			}
			.jms-img:nth-child(4) {
				left: 58.1%;
				z-index: 1;
			}
			.jms-img:nth-child(5) {
				width: 26.041666666666668%;
				/* top: 50px; */
				top: 15%;
				right: -46px;
				right: -2.3958333333333335vw;
			}
			.jms-img.center-logo {
				width: 20.833333333333336%;
				position: relative;
				z-index: 2;
			}

		.jms-content-text {
			position: relative;
			padding-left: 160px;
			padding-left: 8.333333333333332%;
			width: 55.72916666666667%;
			padding-top: 22px;
			padding-right: 5%;
		}
			.jms-content-text p,
			.jms-content-text ul {
				font-weight: 300;
				font-size: 16px;
				letter-spacing: 0.075em;
				line-height: 1.625;
				color: #000;
			}
			.jms-content-text p,
			.jms-content-text ul {
				margin: 0 0 26px
			}
				.jms-content-text p strong {
					font-weight: 600;
				}
				.jms-content-text ul li {
					position: relative;
					padding-left: 25px;
				}
				.jms-content-text ul li:before {
					content: '-';
					position: absolute;
					top: 0;
					left: 0;
				}
				.jms-content-text a {
					color: var(--primary);
				}
					.jms-content-text a:hover {
						color: #000;
					}
					.jms-content-text a u {
						text-underline-offset: 2px;
					}
		.jms-content-img {
			width: 850px;
			width: 44.27083333333333%;
		}
			.jms-content-img a {
				display: flex;
				position: relative;
				align-items: center;
				justify-content: center;
				overflow: hidden;
				border-radius: 50px;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
			}
				.jms-content-img a canvas {
					display: block;
					width: 100%;
					background: #000;
				}
				.jms-content-img a img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
				.jms-content-img a:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
					background: rgba(0,0,0,0.4);
				}
				.jms-content-img a .-play-icon {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					position: absolute;
					z-index: 2;
				}
					.jms-content-img a .-play-icon i {
						width: 140px;
						height: 140px;
						border-radius: 50%;
						background: rgba(255,255,255,0.7);
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 40px;
						color: #000;
						transition: all var(--default-transition);
					}
					.jms-content-img a .-play-icon span {
						font-size: 14px;
						font-weight: 500;
						letter-spacing: 0.4em;
						color: #fff;
						text-transform: uppercase;
						margin-left: 30px;
					}
					.jms-content-img a:hover .-play-icon i {
						background: #fff;
					}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (max-width: 1567px) {
	
}
@media only screen and (max-width: 1440px) {
	.jms-content-text {
		padding-left: 2%;
		padding-right: 2%;
	}	
}
@media only screen and (max-width: 1199px) {
	.jms-content-img a .-play-icon i {
		width: 70px;
		height: 70px;
		font-size: 17px;
	}
}
/* iPad(portrait) | Galaxy Tab 4(portrait)  */

@media only screen and (max-width: 991px) {
	.jms-content-img a .-play-icon i {
		width: 70px;
		height: 70px;
		font-size: 17px;
	}
	
	.jem-med-spa-wrap {
		padding-top: 30px;
		padding-bottom: 60px;
	}
	
	.jms-title {
		margin-bottom: 40px;
		padding: 0 15px;
	}
	
	.jms-img.center-logo {
		width: 100%!important;
	}
	
	.jms-img-list {
		width: 500px;
		margin: 0 auto 30px;
		max-width: calc(100% - 15px);
	}
	
	.jms-img:nth-child(4), .jms-img:nth-child(5) {
		display: block;
		position: relative;
	}
	
	.jms-img {
		width: 50%!important;
		top: 0!important;
		left: 0!important;
		padding: 5px;
	}
	.jms-img img {
		aspect-ratio: 400/400;
		object-fit: cover;
		border-radius: 20px;
	}
	.jms-img:nth-child(4), 
	.jms-img:nth-child(5) {
		margin-left: 50%;
	}
	.jms-img:nth-child(1), 
	.jms-img:nth-child(2) {
		bottom: 0;
		top: initial!important;
	}
	.jms-img:nth-child(1) {
		margin-bottom: 50%;
	}

	.jms-content-container {
		padding: 30px 15px;
		max-width: 750px;
		margin: 0 auto;
		flex-wrap: wrap;
		width: calc(100% - 30px);
	}
	
	.jms-content-text {
		width: 100%;
		padding: 0;
	}
		.jms-content-text ul li {
			padding-left: 15px;
		}
	.jms-content-img {
		width: 100%;
	}
	
	.jms-content-img a {
		border-radius: 20px;
	}
	
	.jms-content-container:before {
		left: 0;
		right: 0;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		border-radius: 30px;
		border-top: 1px solid var(--primary);
		top: 0;
	}
}


/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

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

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

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

@media only screen and (max-width: 480px) {
	.jms-title .gsite-title small {
		display: none;
	}
	.jms-content-img a .-play-icon span {
		margin-left: 15px;
		letter-spacing: 0.2em;
	}
	.jms-content-img a .-play-icon i {
		width: 50px;
		height: 50px;
	}
}