/***************  templates/main/css/template.spaHome.css  ***************/
.rtr-misc-wrapper:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* #holder{
	margin-top: 375px !important;
} */

.main-column{
	width:calc(100% - 100px);
	width:-webkit-calc(100% - 100px);
	width:-o-calc(100% - 100px);
	padding: 20px 50px 0;
	background: #fff;
}
	.breadcrumb, .breadcrumb a {
		color: #999999;
	}
		.breadcrumb p {
			line-height: 1;
			margin: 0;
		}
		.main-title {
			float: right;
			margin: 26px 0;
			padding-bottom: 30px;
			width: 100%;
			
			color: #000000;
		}
	
	.mod-intro,
	.mod-items{
		width:100%;
		float:left;
	}
	.mod-intro{
		padding-bottom:55px;
		margin-bottom:50px;
	}
		.mod-intro .spa-content{
			width:590px;
		}
			.mod-intro .spa-title{
				margin:20px 0 10px;
				
				color:#000;
				text-transform:uppercase;
			}	
			.mod-intro h4{
				margin:30px 0 16px;
			}
			.no-highlights .mod-intro h4{
				color: #232323;
			}
			.mod-intro p{
				margin:10px 0;
			}	
			.mod-intro .spa-info{
				font-size:1.15em;
			}
			.spa-info a{
				display:inline-block;
				padding-left:4px;
			}
			.mod-intro .visit-spa{
				padding:10px 0;
				display:block;
			}
		.spa-img-wrapper{
			width:500px;
			float:right;
			position:relative;
		}	
		.mod-intro .spa-image{
			width:346px;
			margin-top:20px;
			border-radius:50%;
			overflow:hidden;
			margin:0 auto;
		}
			.mod-intro .spa-image img{
				width:100%;
				height:auto;
				display:block;
			}

		.spa-content a.visit-spa{
			width: 60%;
		}
		
		
.section{
	width:1100px;
	padding:0 50px;
	position:relative;
	float:left;
}

/* SECTION 2 */
div.section-2{
	width:100%;
	padding:0;
	margin-top:70px;
	margin-bottom:150px;
}
	.section-2 .section-heading{
		margin:6px 0 36px 90px;
		color: #fff;
	}
	.highlight-rotater{
		margin-top:-84px;
	}
		.highlight-rotater .highlight-holder{
			width:100%;
			height:566px;
			position:relative;
		}
		.highlight-rotater .highlight-item {
			width:100%;
			height:480px;
			position:relative;
			margin-top:84px;
			background-position:0 0;
			background-color:#fff;
		}
			.highlight-rotater .highlight-content-block{
				width:450px;
				padding-left:80px;
			}
				.highlight-rotater .highlight-title{
					margin:64px 0 0;
				}
				.highlight-rotater .highlight-content{
					margin:20px 0 30px;
				}
		.highlight-rotater .thumb-rotator{
			width:500px;
			position:relative;
			margin:-84px 84px 0 0;
			z-index:0;
		}
			.highlight-rotater .thumb-rotator .media-attachments{
				height:500px;
				width:500px;
				overflow:hidden;
			}
				.highlight-rotater .thumb-rotator .media-attachments img{
					height:500px;
					float:left;
				}
		.highlight-rotater .highlight-price  .amount,
		.highlight-rotater .highlight-price  .price-label{
			display:block;
		}
		.highlight-rotater .highlight-booknow{
			display:inline-block;
			margin-top:10px;
		}
		.highlight-rotater .view-more-btn{
			min-width:205px;
			position:absolute;
			right:84px;
			bottom:65px;
			outline:15px solid #fff;
			z-index:1;
		}
		.highlight-rotater .slick-prev,
		.highlight-rotater .slick-next{
			margin-top:18px;
		}
	
/* SECTION 3 */
.section-3{
	background:#fff;
}
.section-3:after{
	content: '';
	position: absolute;
	width: 40%;
	height: 57px;
	top: -57px;
	left: 0;
	background: #fff;
}
	.section-heading{
		color: #000;
	}

	.section-3 .section-heading,
	.section-5 .section-heading{
		text-align: right;
		color: #000;
	}
	.section-3 .section-heading{
		float: right;
		width: 628px;
		margin: 29px 0 0;
		padding-bottom: 27px;
		line-height: 1.25;
	}
	
	.section-3 .feature-block{
		float: left;
		position: relative;
	}
		.section-3 .feature-1,
		.section-3 .feature-3{
			width: 345px;
			margin-top: 2px;
			margin-bottom: 45px;
		}
		.section-3 .feature-2,
		.section-3 .feature-4{
			float: right;
			width: 628px;
			margin-top: 10px;
			margin-bottom: 45px;
		}
			.offer-top{
				float: left; _display: inline;
				width: 100%;
				position: relative;
			}
				.section-3 .feature-image{	
					display: block;
					height: 250px;
					background-size: cover;
					background-position: center center;
				}

				.feature-blk-right-aligned{
					position: absolute;
					right: 0;
					bottom: 0;
				}
					.secondary-title{
						margin: 24px 0 0;
					}
					.feature-1 .secondary-title,
					.feature-3 .secondary-title{
						width: 100%;
					}
					.feature-2 .secondary-title,
					.feature-4 .secondary-title{
						margin: 24px 0 15px;
					}
						.secondary-title a{
							color: #a28c52;
						}
						.no-highlights .secondary-title a{
							color: #8e857b;
						}
						
					.sub-title{
						margin: 0;
					}
					.feature-2 .sub-title,
					.feature-4 .sub-title{
						margin: 0 0 11px;
					}
					
					.section-3 .feature-btm-wrapper{
						float: left; _display: inline;
						width: 100%;
					}

						.section-3 .offer-intro{
							margin: 6px 0 18px;
							line-height: 1.85;
						}
						.section-3 .feature-2 .offer-intro,
						.section-3 .feature-4 .offer-intro{
							margin: 16px 0 18px;
						}
				
						.section-3 .view-more-btn{
							float: left; _display: inline;
						}
					
	.view-all-btn{
		width:250px;
		height:346px;
		position: absolute;
		right: 51px;
		bottom: 45px;
		max-width: 198px;
		padding: 0 26px;
	}
	.view-all-btn:after{
		position: absolute;
		width: 128px;
		height: 98px;
		
		bottom: 165px;
		left: 0;
		right: 0;
		margin: 0 auto;
		content: '+';
		line-height: 98px;
		
		font-size:200px;
		color:#d6574a;
	}	
	.view-all-btn:hover:after{
		color:#fff;
	}
		.btn-text{
			position:absolute;
			bottom:35px;
			left:0;
			right:0;
		}
		
.hero-video-btn{
	height:45px;
	line-height:45px;
	display:block;
	position:absolute;
	top:-60px;
	right:0;
	padding-right:50px;
	cursor:pointer;
	text-shadow:0 0 3px #000;
	z-index:1;
}
.hero-video-btn:after{
	width:45px;
	height:45px;
	position:absolute;
	right:0;
	top:0;
	background-position: -135px -6px;
    background-size: 481px auto;
}

/* SECTION 4 */
#reviews{
	margin-bottom: 92px;	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 65%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 65%); 
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 65%);
}
.no-cssgradients #reviews{
	background:none;
}
	#reviews .reviews-rotator {
		padding: 0 50px;
	}
		#reviews .review-content{
			margin: 10px 0 20px;
			line-height: 1.3;
		}
			#reviews .review-content > .mid-content{
				display: none;
			}
			#reviews .auother{
				display: block;
			}
			#reviews .hotel-name{
				margin-bottom: 15px;
			}
		#reviews .view-more{
			display: inline-block;
			margin-top: 20px;
		}
		
		
/* SECTION 5 */
#section-highlights{
	width: 100%;
	padding: 0;
	margin-top: 50px;
}
	#section-highlights .highlight-area{
		width: 100%;
		min-height: 518px;
		background: #fff;
	}
	#section-highlights .bottom-area{
		width: 750px;
		min-height: 390px;
	}
	#section-highlights .section-heading{
		padding-bottom:25px;
		margin:30px 0;
	}

	#section-highlights .highlight-box,
	#section-highlights .section-heading{
		width:720px;
		margin-right:50px;
	}

	#section-highlights .highlight-box{
		margin-top:15px;
	}
	#section-highlights .bottom-box{
		width:630px;
		margin-top:30px;
		margin-bottom:35px;
	}
		#section-highlights .image-wrapper{
			width:346px;
			overflow:hidden;
		}
		#section-highlights .top-box  .image-wrapper{
			height:346px;
			overflow:hidden;
			border-radius:50%;
		}
		#section-highlights .content-wrapper{
			width:346px;
		}
		#section-highlights .bottom-box  .content-wrapper{
			width:260px;
		}
			#section-highlights .highlight-box h3{
				margin:25px 0 0;
			}
			#section-highlights .bottom-box  h3{
				margin:35px 0 0;
			}
			#section-highlights .highlight-box h4{
				margin:8px 10px 0 0;
			}
			#section-highlights .bottom-box h4{
				margin:8px 0 0;
			}
			#section-highlights .highlight-intro p{
				line-height:1.6;
				margin:18px 0;
			}
			
		#section-highlights .view-more-btn{
			margin:10px 0 0;
			min-width:130px;
			display:inline-block;
		}
	
div.section-highlights-rotator{
	width: 346px;
	min-height: 700px;
	max-height: 900px;
	position: absolute;
	left: 50px;
	top: -68px;
	overflow: hidden;
	background-color: #000;
	background-position: center 150px;
}	
	/* .section-highlights-rotator .highlights-rtr-item{
		z-index:0 !important;
	}	 */
	.section-highlights-rotator .highlights-rtr-image-wrapper{
		height:325px;
		overflow:hidden;
		background-size:cover;
	}
		.section-highlights-rotator .highlights-rtr-image,
		.section-highlights-rotator .highlights-rtr-image img{
			height:auto !important;
			float:left;
		}
		.section-highlights-rotator .highlights-rtr-image-wrapper a{
			display: block;
			height: 100%;
			background-size: cover;
		}
	.section-highlights-rotator .highlights-rtr-content-block{
		padding:35px 40px 25px;
		float:left;
	}
		.section-highlights-rotator .highlights-rtr-title{
			margin:0;
			line-height:1;
		}
		.section-highlights-rotator .highlights-rtr-sub-title{
			margin:15px 0;
			line-height:1.1;
		}
		.section-highlights-rotator .btn {
			min-width:130px;
			display:inline-block;
			margin:5px 0;
			background:none;
		}
		.section-highlights-rotator .btn:hover{
			background:#d6574a;
		}
	#section-highlights .section-highlights-rotator .slick-dots{
		position:relative;
		float:left;
		left:auto;
		bottom:auto;
		margin:0 45px 30px !important;
	}
	
#socialmedia{
	/* margin-top: -185px; */
	margin-left: 50px;
}

.no-highlights #socialmedia{
	margin-top: 0;
}

/* Video section */	
.section-video .section-heading{
	margin:45px 0;
	padding-bottom:32px;
	line-height:1;
}	
.section-video .heading-text{
	display:block;
}	
.discover-video{
	position:relative;
}
	.discover-video .tvtrip-videoplayer{
		width:1100px;
		height:585px;
		height:auto;
	}
	.discover-video .video-section{
		width: 100%;
	}
	.discover-video .video-wrapper{
		position: relative;
		padding-top: 56.25%; /* 16:10 aspect ratio */
		height: 0;
	}
	.discover-video .tvs-video-iframe{
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		height:100%;
		border:none;
		background-size:cover;
	}
	.video-play-btn{
		width:100px;
		height:100px;
		position:absolute;
		left:50%;
		top:50%;
		cursor:pointer;
		margin:-50px 0 0 -50px;
		background-position:-318px -14px;
	}	
	[data-device^='desktop'] .video-play-btn:hover{
		background-position:-318px -130px;
	}
	.discover-video .video-play-btn,
	.play .video-play-btn{
		display:none;
	}
	
	
	
/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {

.mod-intro {
    margin-bottom: 35px;
    padding-bottom: 50px;
}
.mod-intro .spa-content{
	width:480px;
}
	.mod-intro .spa-title{
		margin:25px 0 5px;
	}
	/* .mod-intro h4 {
		margin: 5px 0 20px;
	} */
	.mod-intro .spa-info,
	.mod-intro .visit-spa{
		white-space:nowrap;
	}
	.mod-intro .spa-info {
		margin: 22px 0;
		font-size: 1.2em;
	}
	.mod-intro .visit-spa{
		min-width:355px;
		font-size:1.4em;
	}
.spa-img-wrapper{
	width:339px;
}	
.mod-intro .spa-image{
	width:265px;
	margin-top:25px;
}

.section{
	width: 850px;
	padding: 0 40px;
}

/* SECTION 2 */
div.section-2{
	margin-top:45px;
}
.section-2 .section-heading{
	margin-left:0;
}
.highlight-rotater .highlight-item{
	height:410px;
}
	.highlight-rotater .highlight-content-block{
		width:370px;
		padding-left:65px;
	}

		.highlight-rotater .highlight-title{
			margin-top:55px;
			font-size:1.95em;
		}
		.highlight-rotater .highlight-sub-title{
			margin-top:6px;
			line-height:1.2;
			font-size:1.65em;
		}
		.highlight-rotater .highlight-content{
			margin:20px 0;
			line-height:2;
		}
		.highlight-rotater .highlight-booknow{
			margin-top:18px;
		}
	.highlight-rotater .thumb-rotator,
	.highlight-rotater .thumb-rotator .media-attachments,
	.highlight-rotater .thumb-rotator .media-attachments img{
		height:386px;
	}	
	.highlight-rotater .thumb-rotator,
	.highlight-rotater .thumb-rotator .media-attachments{
		width:386px;
	}
	.highlight-rotater .view-more-btn{
		min-width: 175px;
		bottom:108px;
	}
	
/* SECTION 3 */
.section-3:after{
	height: 50px;
	top: -50px;
}
	.section-heading{
		font-size: 2.6em;
	}
	.section-3 .section-heading{
		width: 510px;
		margin: 34px 0 10px;
		padding-bottom: 34px;
	}
	.section-3 .feature-1,
	.section-3 .feature-3{
		width: 265px;
		margin-top: -2px;
	}
	.section-3 .feature-2,
	.section-3 .feature-4{
		width: 510px;
		margin-top: 0;
	}
		.offer-top{
			min-height: 305px;
		}
			.section-3 .feature-image{
				height: 190px;
			}	
			.section-3 .feature-2 .feature-image,
			.section-3 .feature-4 .feature-image{
				height: 204px;
			}
				.brand-logo-on-hover.towers{
					width: 103px;
				}
				.brand-logo-on-hover.metropol{
					width: 230px;
				}
				.brand-logo-on-hover.promenade{
					width: 168px;
					margin-top: 5%;
				}
				
			.secondary-title{
				margin: 13px 0 0;
			}	
			.feature-1 .secondary-title,
			.feature-3 .secondary-title{
				margin-bottom: 8px;
			}		
			.section-3 .offer-intro{
				margin: 8px 0 19px;
				line-height: 1.85;
			}
			.section-3 .feature-2 .offer-intro,
			.section-3 .feature-4 .offer-intro{
				margin: 18px 0 21px;
			}
			
	.view-all-btn{
		height: 265px;
		right: 40px;
		bottom: 41px;
		max-width: 210px;
		padding: 10px 0;
	}
	.view-all-btn::after{
		bottom:130px;
	}
	
		
/* SECTION 4 */
#reviews {
    margin-bottom: 72px;
}
	#reviews .reviews-rotator {
		padding: 0;
	}
		#reviews .review-item {
			font-size: 0.95em;
		}
			#reviews .review-content{
				line-height: 1.4;
				margin-bottom: 25px;
			}
				#reviews .review-content > span{
					display: none;
				}
				#reviews .review-content > .mid-content{
					display: block;
				}
			
			#reviews .view-more {
				margin-top: 22px;
			}

/* SECTION 5 */
#section-highlights .highlight-area{
	min-height: 438px;
}
#section-highlights .bottom-area{
	width: 598px;
	min-height: 365px;
}
	#section-highlights .highlight-box, 
	#section-highlights .section-heading{
		width: 560px;
		margin-right: 40px
	}
	#section-highlights .highlight-box{
		margin-top: 5px;
	}
	#section-highlights .bottom-box {
		width: 525px;
		margin-top: 65px;
	}
	#section-highlights .section-heading{
		margin-top: 34px;
		padding-bottom: 34px;
		
		font-size: 2.4em;
	}
		#section-highlights .image-wrapper{
			width: 266px;
		}
		#section-highlights .top-box .image-wrapper{
			height: 266px;
		}
		#section-highlights .bottom-box .image-wrapper{
			margin-top: -19px;
		}
			#section-highlights .image-wrapper img{
				height: auto;
			}
			
		#section-highlights .content-wrapper {
			width: 270px;
		}
		#section-highlights .bottom-box .content-wrapper{
			width: 230px;
		}
			#section-highlights .highlight-box h3{
				margin-top: 0;
				
				font-size: 1.7em;
			}
			#section-highlights .highlight-box h4{
				font-size: 1.5em;
			}
			
	div.section-highlights-rotator{
		width: 264px;
		min-height: 650px;
		left: 40px;
	}
		.section-highlights-rotator .highlights-rtr-content-block {
			padding: 40px 32px 20px;
		}
			.section-highlights-rotator .highlights-rtr-title{
				font-size: 1.7em;
			}
			.section-highlights-rotator .highlights-rtr-sub-title{
				font-size: 1.5em;
			}
			.section-highlights-rotator .btn{
				min-width: 120px;
			}
			.section-highlights-rotator .highlights-rtr-image-wrapper{
				height: 248px;
				overflow: hidden;
			}

		#section-highlights .section-highlights-rotator .slick-dots{
			margin:0 0 30px 32px !important;
		}

	#socialmedia {
		margin-left: 20px;
		/* margin-top: -170px; */
	}
	.no-highlights #socialmedia{
		margin-top: 0;
	}
	.section-video .section-heading{
		padding-bottom:40px;
	}
	.discover-video .tvtrip-videoplayer{
		width:100%;
	}
		.video-play-btn{
			width:80px;
			height:80px;
			margin:-40px 0 0 -40px;
			background-size:900px auto;
			background-position:-255px -12px;
		}
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 

	
#holder{
	margin-top: 420px !important;
}
	.main-column{
		width:calc(100% - 60px);
		width:-webkit-calc(100% - 60px);
		width:-o-calc(100% - 60px);
		padding: 20px 30px 0;
		background: #fff;
	}
	.mod-intro{
		margin-bottom:35px;
	}
		.mod-intro .spa-content{
			width:310px;
		}
			.mod-intro .spa-title{
				margin:10px 0;
			}
			.mod-intro .spa-info {
				margin: 28px 0 20px;
				font-size: 1.2em;
			}
			.mod-intro .visit-spa {
				padding: 12px 0;
				font-size: 1.25em;
			}
		.spa-img-wrapper{
			width:305px;
		}
		.mod-intro .spa-image{
			width:305px;
			margin-top:12px;
		}
		
		
	.section{
		width: 643px;
		padding: 0 27px;
	}
	
	/* SECTION 3 */
	div.section-2{
		margin-top:35px;
		overflow:hidden;
	}
	.section-2 .section-heading{
		width:340px;
		margin:6px 0 30px;
		text-align:center;
	}
	.highlight-rotater .highlight-item{
		height:386px;
		
	}

	.highlight-rotater .thumb-rotator,
	.highlight-rotater .thumb-rotator .media-attachments,
	.highlight-rotater .thumb-rotator .media-attachments img{
		height:265px;
	}

	.highlight-rotater .thumb-rotator,
	.highlight-rotater .thumb-rotator .media-attachments{
		width:258px;
	}
	.highlight-rotater .thumb-rotator{
		margin-top:-38px;
	}
	.highlight-rotater .highlight-content-block{
		width:270px;
		padding-left:55px;
	}
	.highlight-rotater .highlight-title {
		font-size: 1.8em;
		margin: 50px 0 0;
	}
	.highlight-rotater .highlight-sub-title{
		font-size: 1.6em;
	}
	.highlight-rotater .highlight-content{
		max-height:70px;
		margin:15px 0;
		overflow:hidden;
	}
	.highlight-rotater .highlight-booknow{
		margin-top:15px;
	}
	.highlight-rotater .view-more-btn{
		padding:10px;
		min-width:132px;
		bottom:93px;
	}
	.highlight-rotater .slick-prev,
	.highlight-rotater .slick-next{
		width:45px;
		height:46px;
		margin-top:28px;
		background-position:-205px -42px;
	}
	.highlight-rotater .slick-next{
		background-position:-263px -42px;
	}
	.highlight-rotater  .slick-disabled.slick-prev{
		background-position:-205px -158px;
	}
	.highlight-rotater  .slick-disabled.slick-next{
		background-position:-263px -158px;
	}
	
	/* SECTION 3 */	
	.section-3{
		padding-bottom: 30px;
	}
	.section-3:after{
		display:none;
	}
		.section-heading{
			font-size: 2.4em;
		}
		.section-3 .section-heading{
			width: 100%;
			margin: 30px 0 29px;
			padding-bottom: 34px;
		}

		.section-3 .feature-block{
			width: 100%;
		}
			.offer-top{
				float: left; _display: inline;
				width: 100%;
			}
				.section-3  .grayscale-bg{
					width: 312px;
					float: left;
				}	
				.section-3 .feature-2 .grayscale-bg,
				.section-3 .feature-4 .grayscale-bg{
					width: 100%;
					float: left;
				}
					.section-3 .feature-image{
						height: 226px;
					}		
				
				.secondary-title{
					margin: 13px 0 0;
				}
				.sub-title{
					margin: 0;
				}
				.section-3 .offer-intro{
					margin: 8px 0 19px;
					line-height: 1.85;
				}	
				
		/* feature 1 */
		.section-3 .feature-1,
		.section-3 .feature-3{
			margin-top: 0;
			margin-bottom: 0;
		}
			.section-3 .feature-1 .feature-ele,
			.section-3 .feature-1 .feature-btm-wrapper,
			.section-3 .feature-3 .feature-ele,
			.section-3 .feature-3 .feature-btm-wrapper{
				float: right; _display: inline;
				width: 293px;
			}
			
			.section-3 .feature-1 .secondary-title,
			.section-3 .feature-3 .secondary-title{
				margin: 2px 0 6px;
			}
				.section-3 .feature-1 .offer-intro,
				.section-3 .feature-3 .offer-intro{
					float: left; _display: inline;
					margin: 6px 0 22px;
				}
			
		/* feature 2 */
		.section-3 .feature-2,
		.section-3 .feature-4{
			margin: 16px 0 40px;
		}
		.section-3 .feature-2 .sub-title,
		.section-3 .feature-4 .sub-title{
			margin: 0 0 12px;
		}
		.section-3 .feature-2 .feature-image,
		.section-3 .feature-4 .feature-image{
			height: 256px;
		}
		.section-3 .feature-2 .offer-intro,
		.section-3 .feature-4 .offer-intro{
			margin: 18px 0 21px;
		}
			.section-3 .feature-2 .view-more-btn,
			.section-3 .feature-4 .view-more-btn{
				float: left; _display: inline;
			}
		
		/* feature 3 */
		.btn-text{
			bottom:18px;
		}		

		
		.view-all-btn{
			width: 325px;
			max-width: none;
			height: 40px;
			left: 0;
			right: 0;
			bottom: 50px;
			margin: 0 auto;
			padding: 9px 0;
		}
		.view-all-btn:after{
			font-size:80px;
			bottom: 50px;
		}	
		.view-all-btn:hover:after{
			color: #d6574a;
		}

	
	/* SECTION 4 */
	#reviews {
		margin-bottom: 0;
	}
		#reviews .reviews-rotator {
			padding: 0;
		}
			#reviews .review-item {
				font-size: 0.95em;
			}
				#reviews .review-content{
					line-height: 1.7;
					margin-bottom: 20px;
				}
				
				#reviews .view-more {
					margin-top: 22px;
				}
		
	/* SECTION 5 */
	#section-highlights{
		padding: 0 27px;
		margin-top:40px;
		width: 643px;
		background:#fff;
	}
		#section-highlights .section-heading {
			font-size: 2.45em;
			margin: 34px 0 40px;
			padding-bottom: 30px;
		}
		#section-highlights .bottom-area,
		#section-highlights .highlight-box, 
		#section-highlights .section-heading{
			width: 100%;
			margin-right: 0;
		}
		#section-highlights .bottom-area{
			min-height: 375px;
		}
		#section-highlights .highlight-box{
			margin-top: 65px;
		}
				#section-highlights .highlight-box h3{
					font-size: 1.8em;
				}
				#section-highlights .highlight-box h4{
					font-size: 1.4em;
					margin: 15px 0 0;
				}
				#section-highlights .highlight-intro p {
					line-height: 1.7;
					margin: 12px 0 22px;
				}
	
			#section-highlights .bottom-box{
				margin-top: 36px;
			}
				#section-highlights .content-wrapper{
					width: 305px;
				}
					#section-highlights .bottom-box h3 {
						margin: 15px 0 0;
					}

					#section-highlights .bottom-box h4 {
						margin: 5px 0 0;
					}

			#section-highlights .image-wrapper{
				width:312px;
			}
				#section-highlights .top-box .image-wrapper{
					height:305px;
					width:305px;
				}
					#section-highlights .image-wrapper img{
						display:block;
						height:auto;
					}

	div.section-highlights-rotator{
		width: 100%;
		height: 295px;
		min-height: 295px;
		position: relative;
		top: auto;
		left: auto;
		float: left;
		background-position: 100px center;
		overflow: visible;
	}
		.section-highlights-rotator .slick-list,
		.section-highlights-rotator .highlights-rtr-item{
			width: 648px;
			height: 295px;
		}

			.section-highlights-rotator .highlights-rtr-image-wrapper{
				width: 314px !important;
				height: 295px;
				float: left;
				overflow: hidden;
			}
				.section-highlights-rotator .highlights-rtr-content-block{
					width: 250px;
					padding: 36px 40px 25px;
				}
					.section-highlights-rotator .highlights-rtr-title{
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						
						color: #fff;
						font-size: 1.7em;
					}
					.section-highlights-rotator .highlights-rtr-sub-title{
						margin: 10px 0 5px;
						line-height: 1.3;
						font-size: 1.5em;
					}
					.section-highlights-rotator .highlights-rtr-content{
						margin-top: 0;
						max-height: 70px;
						overflow: hidden;
					}
					.section-highlights-rotator .btn {
						margin: 8px 0;
						min-width: 120px;
					}
			#section-highlights .section-highlights-rotator .slick-dots{
				position: absolute;
				left: 10px;
				bottom: 10px;
				margin: 0 !important;
				/* display:none !important; */
			}

	#socialmedia {
		margin-left: 0;
		margin-top: 40px;
	}
	
.section-video .section-heading {
	line-height: 1.1;
	margin: 35px 0;
}
	.discover-video .tvtrip-videoplayer{
		width:100%;
	}
		.video-play-btn{
			width:80px;
			height:80px;
			margin:-40px 0 0 -40px;
			background-size:900px auto;
			background-position:-255px -12px;
		}


}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.hotel-selector,
	.top-header-wrapper .check-rate-btn,
	.group-top-menu{
		display: none;
	}
	.top-header-wrapper .navigation-switcher{
		display: block;
	}
	.bottom-header-wrapper .menu-btn:after{
		display: none;
	}
	.grp-bottom-header-wrapper{
		height: 100%;
	}
		.grp-bottom-header-inner-wrapper{
			height: 100%;
		}
			#branding{
				position: relative;
				width: auto;
				margin: 0 auto;
				top: 20px;
				left: auto;
			}
			.grp-bottom-header-wrapper .navigation-switcher{
				position: absolute;
				top: 20px;
				right: 20px;
				width: 30px;
				height: 22px;
				margin: 0;
				background-size: 1015px auto;
				background-position: -59px -47px;
			}
			.grp-bottom-header-wrapper .check-rate-btn{
				position: absolute;
				left: 20px;
				bottom: 40px;
				width:calc(100% - 116px);
				width:-webkit-calc(100% - 116px);
				width:-o-calc(100% - 116px);
			}
			.scroll-down-arrow-wrapper{
				position: absolute;
				left: 0;
				bottom: 5px;
				width: 100%;
				text-align: center;
			}
			.scroll-down-arrow{
				display: inline-block;
				width: 28px;
				height: 15px;
				background-position: -736px -467px;
				cursor: pointer;
			}
		
	.main-title {
		text-align: center;
	}
		
	.mod-intro {
		margin-bottom: 30px;
		padding-bottom: 45px;
	}
		.mod-intro > .spa-image,
		.mod-intro > .spa-content{
			width:100%;
			margin-bottom:25px;
		}
		.spa-img-wrapper{
			width:100%;
			float:none;
			clear:both;
		}	
		.mod-intro .spa-image{
			max-width:345px;
			width:100%;
			float:none;
			margin:0 auto;
		}
			.mod-intro .spa-title{
			/* .mod-intro h4{ */
				margin:10px 0;
			}
			.mod-intro .spa-title{
				font-size:1.7em;
			}
			.mod-intro .spa-info{
				margin-top:25px;
				font-size:1.05em;
			}
			.mod-intro .visit-spa{
				font-size:1.4em;
			}
			
	.section{
		width: 100%;
		padding: 0;
	}
	.section-3,
	.section-2{
		width: 90%;
		padding: 0 5%;
	}
	
	/*  SECTION 2 */
	div.section-2{
		margin-top:10px;
		margin-bottom:50px;
	}
		.section-2 .section-heading {
			margin: 5px 0 20px;
		}
		.highlight-rotater,
		.highlight-rotater .highlight-item{
			margin:0;
		}
		.highlight-rotater .highlight-item{
			float:left;
			height:auto;
			padding-bottom:15px;
		}	

		.highlight-rotater .highlight-content-block{
			width:80%;
			padding:0 10%;
		}
			.highlight-rotater .highlight-title{
				margin:42px 0 12px;
				font-size:1.7em;
			}	
			.highlight-rotater .highlight-sub-title{
				margin-top:0;
				font-size:1.6em;
			}
			.highlight-rotater .highlight-content{
				line-height:2;
				margin:20px 40px;
			}
			.highlight-rotater .highlight-booknow{
				padding:0;
				width:100%;
				height:40px;
				line-height:40px;
				margin:25px 0;
			}
			
		.highlight-rotater .thumb-rotator{
			width:90%;
			margin:0 5%;
		}
			.highlight-rotater .thumb-rotator .media-attachments{
				width:100%;
			}	
			.highlight-rotater .thumb-rotator .media-attachments,
			.highlight-rotater .thumb-rotator .media-attachments img{
				height:auto;
				display:block;
			}
		.highlight-rotater .view-more-btn{
			bottom:15px;
			right:5%;
			min-width:236px;
			height:40px;
			line-height:40px;
			padding:0;
		}
		.highlight-rotater .slick-prev,
		.highlight-rotater .slick-next{
			width:40px;
			height:42px;
			top:215px;
			margin-top:0;
			background-size:1000px auto;
			background-position:-182px -36px;
		}
		.highlight-rotater .slick-next{
			background-position:-232px -36px;
		}
		.highlight-rotater  .slick-disabled.slick-prev{
			background-position:-182px -139px;
		}
		.highlight-rotater  .slick-disabled.slick-next{
			background-position:-232px -139px;
		}
	
	/*  SECTION 3 */
	.section-3{
		padding-bottom: 160px;
	}
	.section-3:after{
		display: none;
	}
		.section .section-heading{
			text-align: center;
			font-size: 2.3em;
		}
		.section-3 .feature-block,
		.section-3 .section-heading,
		.section-3 .feature-block .grayscale-bg{
			width:100%;
			margin-left:0;
			margin-right:0;
		}
		.section-3 .section-heading{
			margin: 22px 0 32px;
			font-size: 1.8em;
		}
		.section-3 .feature-block{
			margin-bottom: 20px;
			text-align: center;
		}
			.section-3 .feature-block .feature-image{
				height: 210px;
			}

	a.view-all-btn{
		width:90%;
		height:42px;
		line-height:42px;
		left:0;
		right:0;
		bottom:18px;
		margin:0 auto;
		padding:0;
		font-size:1.7em;
	}
	
	/** OUR HOTELS **/
	.section-3{
		padding-bottom: 20px;
	}
		.section-3 .section-heading{
			margin: 21px 0 27px;
			padding-bottom: 30px;
		}

			/* common */
			.section-3 .feature-block{
				margin-bottom: 24px;
			}
				.offer-top{
					width: 100%;
				}
					.brand-logo-on-hover-wrapper{
						display: none;
					}
					.feature-block .secondary-title{
						margin: 12px 0 0;
					}
					.section-3 .offer-intro{
						display: none;
					}
					.section-3 .view-more-btn{
						width:calc(100% - 76px);
						width:-webkit-calc(100% - 76px);
						width:-o-calc(100% - 76px);
					}
		
		/* feature 1 */
		.feature-1 .secondary-title,
		.feature-3 .secondary-title{
			width: 100%;
		}
		.section-3 .feature-block div.feature-btm-wrapper{
			margin-top: 12px;
		}
		
			
		/* feature 2 */
		.section-3 .feature-2 .feature-btm-wrapper,
		.section-3 .feature-4 .feature-btm-wrapper{
			margin-top: 21px;
		}
		
		/* feature 3 */
		.feature-blk-right-aligned{
			position: static;
		}
			.section-3 .view-all-btn:after{
				bottom: 75px;
				font-size:80px;
			}
			.section-3 .view-all-btn{
				height:40px;
				width:calc(100% - 116px);
				width:-webkit-calc(100% - 116px);
				width:-o-calc(100% - 116px);
				padding: 8px 40px;
				max-width: none;
				height: auto;
				bottom: 15px;
				
				line-height: 24px;
			}
			.view-all-btn:hover:after{
				color: #d6574a;
			}
		.btn-text{
			bottom:auto;
			position:relative;
		}
			

	/* SECTION 4 */
	#reviews {
		margin-bottom: 0;
	}
		#reviews .reviews-rotator {
			padding: 0 5%;
		}
			#reviews .review-item {
				font-size: 0.9em;
			}
				#reviews .review-content{
					line-height: 1.55;
					margin-bottom: 20px;
				}
				#reviews .view-more {
					margin: 18px 0 35px;
					
					font-size: 1.1em;
				}
		
	/* SECTION 5 */
	#section-highlights {
		margin-top: 0;
	}
		#section-highlights .section-heading{
			margin:20px 0;
		}
		#section-highlights .highlight-box, 
		#section-highlights .section-heading{
			width:90%;
			margin-right:5%;
			line-height:37px
		}
		
		#section-highlights .section-heading{
			padding-bottom: 30px;
		}

	div.section-highlights-rotator{
		width:90%;
		height:auto;
		min-height:0;
		position:relative;
		top:auto;
		left:auto;
		float:left;
		margin:0 5%;
	}
		.section-highlights-rotator .highlights-rtr-content-block{
			padding:30px 30px 25px;
			text-align:center;
		}
		.section-highlights-rotator .highlights-rtr-title{
			font-size:1.7em;
		}
		.section-highlights-rotator .highlights-rtr-sub-title{
			line-height:1.2;
			margin:15px 0 0;
		}
		.section-highlights-rotator .highlights-rtr-image-wrapper{
			height:auto;
		}
			.section-highlights-rotator .highlights-rtr-image-wrapper a{
				width: 100%;
			}
		.section-highlights-rotator .btn{
			width:100%;
			height:40px;
			line-height:40px;
			padding:0;
		}
		#section-highlights .section-highlights-rotator .slick-dots{
			width:100%;
			margin:0 0 25px !important;
			text-align:center;
		}	
		#section-highlights .section-highlights-rotator .slick-dots li{
			float:none;
			display:inline-block;
		}
		
	#section-highlights .highlight-box{
		margin-top:30px;
	}
	#section-highlights .bottom-box{
		margin:0 5% 15px;
	}
		#section-highlights .content-wrapper,
		#section-highlights .bottom-box .content-wrapper{
			width:100%;
			text-align:center;
		}
		#section-highlights .bottom-box .content-wrapper{
			margin-bottom:30px;
		}
			#section-highlights .highlight-box h3{
				font-size:1.8em;
			}
			#section-highlights .highlight-box h4{
				margin:3px 0 0;
				line-height:1.5;
			}
			#section-highlights .highlight-intro p{
				margin:5px 0 12px;
				line-height:1.8;
			}	
			#section-highlights .view-more-btn{
				padding:0 38px;
			}
		#section-highlights .image-wrapper{
			width:290px;
			float:none;
			margin:0 auto;
		}
		#section-highlights .top-box .image-wrapper{
			height:290px;
		}	
			#section-highlights .image-wrapper img{
				/* width:100%; */
				height:auto;
			}
		#section-highlights .bottom-area{
			width:100%;
		}
		
	#bottom-wrapper #socialmedia {
		margin-left: 0;
		margin-top: 25px;
	}
	
	.mobi-booking-btn{
		display:none;
	}
	#footer{
		padding:0;
	}
	.spa-layout h1.main-title {
	  height: 0;
	  text-indent: -9999px;
	}
	
.section-video{
	width:90%;
	margin:0 5%;
}
.section-video .section-heading{
	line-height:1.2;
	margin:12px 0 28px;
}
	.discover-video .tvtrip-videoplayer{
		width:100%;
	}
	.video-play-btn{
		width:80px;
		height:80px;
		margin:-40px 0 0 -40px;
		background-size:900px auto;
		background-position:-255px -12px;
	}
}