
/***************  templates/main/css/template.groupHome.css  ***************/
.rtr-misc-wrapper:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fixed-header .top-header-outer-wrapper,
.default-header .grp-bottom-header-wrapper{
	opacity:1;
	visibility:visible;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.fixed-header .grp-bottom-header-wrapper,
.default-header .top-header-outer-wrapper{
	opacity:0;
	visibility:hidden;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	-o-transition: opacity 2s ease;
	transition: opacity 2s ease;
}

.top-header-outer-wrapper,
.grp-bottom-header-wrapper{
	opacity: 0;
	visibility: hidden;
}
.grp-bottom-header-wrapper{
	height: 215px;
}

#main-visual .main-visual {
	background: #000;
}

	#branding{
		position: absolute;
		top: 47px;
		left: 59px;
		width: 114px;
	}
		#branding img{
			width: 100%;
			height: 100%;
		}
	
	.top-header-wrapper .navigation-switcher{
		display: none;
	}
	.grp-bottom-header-wrapper .navigation-switcher{
		width: 41px;
		height: 25px;
		margin: 35px 25px 0 27px;
		background-position: -59px -52px;
	}
	.grp-bottom-header-wrapper .check-rate-btn{
		margin-top: 23px;
	}

.section{
	width:1100px;
	padding:0 50px;
	position:relative;
	float:left;
}
.section-1{
	background:#fff;
}
.section-1:after{
	content: '';
	position: absolute;
	width: 40%;
	height: 57px;
	top: -57px;
	left: 0;
	background: #fff;
}
	.section-1 .section-heading{
		float: right;
		width: 628px;
		margin: 29px 0 0;
		padding-bottom: 27px;
		line-height: 1.25;
	}
	
	.section-1 .feature-block{
		float: left;
		position: relative;
	}
		.section-1 .feature-1{
			width: 345px;
			margin-top: 2px;
		}
		.section-1 .feature-2{
			float: right;
			width: 628px;
			margin-top: 10px;
		}
		.section-1 .feature-3{
			width: 720px;
			margin: 26px 0 45px;
			clear: left;
		}
			.offer-top{
				float: left; _display: inline;
				width: 100%;
				position: relative;
			}
			.section-1 .feature-3 .offer-top > *{
				width: 342px;
				float: left;
			}	
				.section-1 .feature-3 .grayscale-bg{
					width: 345px;
					margin-right: 30px;
				}
					.section-1 .feature-image{	
						display: block;
						height: 250px;
						background-size: cover;
						background-position: center center;
					}
					.section-1 .feature-3 .feature-image{
						height: 348px;
					}
					
					.brand-logo-on-hover-wrapper{
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						opacity:0;
						visibility:hidden;
						text-align: center;
						
						-webkit-transition: opacity 500ms ease;
						-moz-transition: opacity 500ms ease;
						-o-transition: opacity 500ms ease;
						transition: opacity 500ms ease;
						background-size: cover !important;
					}
					.grayscale-bg:hover .brand-logo-on-hover-wrapper{
						opacity: 1;
						visibility:visible;
						background:#000;
						-webkit-transition: opacity 500ms ease, background-color 500ms ease;
						-moz-transition: opacity 500ms ease, background-color 500ms ease;
						-o-transition: opacity 500ms ease, background-color 500ms ease;
						transition: opacity 500ms ease, background-color 500ms ease;
					}
					.brand-logo-on-hover{
						display: inline-block;
						height: auto;
						text-align: center;
					}
					.brand-logo-on-hover.towers{
						width: 135px;
						margin-top: 11%;
					}
					.brand-logo-on-hover.metropol{
						width: 285px;
						margin-top: 19%;
					}
					.brand-logo-on-hover.promenade{
						width: 165px;
						margin-top: 19%;
					}
						.brand-logo-on-hover img{
							display: block;
							width: 100%;
							height: auto;
						}
				
				.feature-blk-right-aligned{
					position: absolute;
					right: 0;
					bottom: 0;
				}
					.secondary-title{
						margin: 24px 0 0;
					}
					.feature-1 .secondary-title{
						width: 80%;
					}
					.feature-3 .secondary-title{
						margin: 44px 0 2px;
					}
						.feature-3 .secondary-title a{
							display: block;
							width: 100%;
						}
						
					.sub-title{
						margin: 0;
					}
					.feature-2 .sub-title{
						margin: 0 0 11px;
					}
					
					.section-1 .feature-btm-wrapper{
						float: left; _display: inline;
						width: 100%;
					}
						.section-1 .offer-intro{
							margin: 6px 0 18px;
							line-height: 1.85;
						}
						.section-1 .feature-2 .offer-intro{
							margin: 16px 0 18px;
						}
				
						.section-1 .view-more-btn{
							float: left; _display: inline;
						}
						.section-1 .feature-3 .view-more-btn{
							width: auto;
						}
					
	.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;
		}
	.view-all-btn.small-btn{
		height:157px;
		bottom:260px;
	}
	.view-all-btn.small-btn:after{
		font-size:110px;
		bottom:54px;
	}
	.view-all-btn.small-btn .btn-text{
		bottom:15px;
	}
.home-crowndirect{
	position: absolute;
	width:250px;
	height:196px;
	right: 51px;
	bottom: 45px;
	background:#000;
}


.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;
}

	.home-crowndirect:after{
		position: absolute;
		width: 99px;
		height: 123px;
		
		bottom: 42px;
		left: 0;
		right: 0;
		margin: 0 auto;
		content: '';
		
		background-image: url(/templates/main/images/crown_direct.png);
	}
	.home-crowndirect + img{
		position: absolute;
		right: 51px;
		bottom: 45px;
	}

/* SECTION 2 */
	.section-2 .section-heading{
		margin: 80px 0 40px;
		padding-bottom: 43px;
		
		line-height: 1;
	}	
	.section-heading.light{
		color: #fff;
	}

	.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.group-video,
		.discover-video .video-wrapper{
			position: relative;
			padding-top: 56.25%; /* 16:10 aspect ratio */
			height: 0;
		}
		.discover-video  #tvtvideo,
		.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;
		}
	
/* SECTION 3 */
div.section-3{
	width: 100%;
	padding: 0;
	margin-top: 80px;
}
	.section-3 .section-heading{
		display: inline-block;
		position: relative;
		margin: 0 0 35px 90px;
		z-index: 1;
	}
	
		.rtr-misc-wrapper{
			margin: 40px 0 0;
		}
			.rtr-misc{
				width: 49.5%;
				height: 70px;
			}
			
		/* Weather */
		.weather-img-col{
			margin: 15px 0 0 34px;
		}
		.weather-text-col{
			width: 150px;
			
			text-align: center;
		}
			.weather-text{
				display: block;
				margin: 6px 0 9px;
			}
			.weather-tempC .degree{
				margin-left: 8px;
			}
		
		/* Time */
		.time{
			border-left: 1px solid #ede9dd;
			text-align: center;
		}
		.time:before{
			float: left;
			width: 38px;
			height: 38px;
			margin: 17px 0 0 31px;
			background-position: -380px -383px;
		}
			.time-inner-wrapper{
				float: left;
				width: 54%;
			}
				.time-header, .digital-clock{
					display: block;
					width: 100%;
				}
				.time-header{
					margin: 6px 0 9px;
				}	

/* SECTION 4 */
#socialwall{
	width: 100%;
	padding: 0;
	margin: 70px 0 35px;
	background: #fff;
}
	#socialwall .referral{
		display: none;
	}
	#socialwall .juicer-feed{
		overflow: hidden;
		background: #000;
		z-index: 0;
	}
	#socialwall .social-content{
		width: 500px;
		position: relative;
		padding: 0 80px 22px;
		margin: -45px auto 0;
		background: #fff;
		z-index: 1;
	}
		#socialwall .social-content h3{
			margin: 0;
			padding-top: 40px;
		}

/* SECTION 5 */
#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 6 */
#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;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius:50%;
			-webkit-transform: translate3d(0px, 0px, 0px);
		}
		#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;
}

#socialmediaHome {
  margin: 0 auto;
  text-align: center;
  float: none;
}
#socialmediaHome li{
  background-image: url(/templates/main/images/home_smo.png);
  background-repeat: no-repeat;
  background-size: 63px 31px;
}
#socialmediaHome .socialmedia {
  background-position: 0 0;
  height: 30px;
  margin-right: 20px;
  width: 30px;
  display: inline-block;
}
#socialmediaHome .socialmedia.instagram {
  background-position: right 0;
}
#main-content #socialmediaHome  ul {
  margin: 10px auto 0;
}
#socialmediaHome li a {
  display: block;
  height: 100%;
  width: 100%;
}

.discover-video .video-wrapper {
	background-position: center center;
	background-size: cover;
}

/*** Whats on Rotator START ***/

#whats-on-rotator {
	width: 100%;
	padding: 0;
	margin-top: 99px;
}

#whats-on-rotator .section-heading {
	color: #fff;
	float: right;
	margin-right: 40px;
	font-size: 2.6em;
	margin-top: 0;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 1px;
}

#whats-on-rotator .tabsWrap {
	background: url(/templates/main/images/group-border-bg.png) repeat-x bottom #fff;
	margin-top: 12px;
	position: relative;
	float: left;
	width: 100%;
	padding: 54px 0 19px 0;
	font-size: 3.1em;
	border: none;
	font-family: 'GothamLightRegular', Arial, Helvetica, sans-serif;
}

#whats-on-rotator .tabsWrap .tabList {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -66px;
	left: 0;
	border: none;
	display: block;
	line-height: 1.3;
	font-size: 100%;
	text-decoration: none;
	list-style: none;
	min-height: 0;
	background: none;
}

#whats-on-rotator .tabsWrap ul.tabList li.tab {
	margin: 0;
	padding: 0;
	float: left;
	background: #d6574a;
}

#whats-on-rotator .tabsWrap ul.tabList li.tab.ui-state-active {
	background: #fff;
}

#whats-on-rotator .tabsWrap ul.tabList li.tab.ui-state-active a{
	color:#d6574a;
}

#whats-on-rotator .tabsWrap ul.tabList li.tab:hover{
	color:#d6574a;
	background-color:#fff;
	cursor:pointer;
	-webkit-transition: background-color 400ms ease;
	-moz-transition: background-color 400ms ease;
	-o-transition: background-color 400ms ease;
	transition: background-color 400ms ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#whats-on-rotator .tabsWrap ul.tabList li.tab a:hover{
	color:#d6574a;
	-webkit-transition: color 400ms ease;
	-moz-transition: color 400ms ease;
	-o-transition: color 400ms ease;
	transition: color 400ms ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#whats-on-rotator .tabsWrap ul.tabList li.tab a {
	padding: 14px 33px 15px 33px;
	font-size: 0.45em;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: 'crownsackersgothicregular', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	width: auto;
}

#whats-on-rotator .tabsWrap .item-block {
	width: 252px;
	float: left;
	margin: 10px 39px;
	text-align: center;
	padding-bottom: 30px;
}

#whats-on-rotator .tabsWrap .tabContent .itemwrap .itemViewLink {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.4em;
	color: #d6574a;
	position: relative;
	top: 2px;
}

#whats-on-rotator .tabsWrap .tabContent .itemwrap .itemViewLink:hover {
	color: #fff;
}

#whats-on-rotator .tabsWrap .tabContent {
	position: relative;
	width: 100%;
	padding: 0;
	background: #fff;
	margin: 0 auto;
}

#whats-on-rotator .tabsWrap .block-image a {
	height: 240px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 600ms linear;
	-moz-transition: all 600ms linear;
	-o-transition: all 600ms linear;
	transition: all 600ms linear;
}

/**Apply Slick to Tabs Start**/
	#whats-on-rotator .tabsWrap .tabList {
		width: 804px;
		height: 67px;
		overflow: hidden;
	}
	
	#whats-on-rotator .tabsWrap ul.tabList li.tab {
		margin-bottom: 3px;
		padding-bottom: 3px;
	}
	
	#whats-on-rotator .tabsWrap .tabList.slick-slider button {
		width: 28px;
		background: url(/templates/main/images/whatsonBg.png) no-repeat;
		height: 28px;
		top: 45px;
	}
	
	#whats-on-rotator .tabsWrap .tabList.slick-slider button.slick-prev {
		background-position: 0;
	}
	
	#whats-on-rotator .tabsWrap .tabList.slick-slider button.slick-next {
		background-position: -28px 0;
	}
	
	#whats-on-rotator .tabsWrap .slick-center .block-image .grayscale-bg {
		height: 260px;
	}
	
	#whats-on-rotator .tabsWrap .slick-center .block-image .grayscale-bg {
		width: 346px;
	}
	
	#whats-on-rotator .tabsWrap .block-image .grayscale-bg {
		width: 252px;
	}
	
	#whats-on-rotator .tabsWrap .item-block .block-image {
		width: 252px;
		height: 240px;
		overflow: hidden;
	}
	
	#whats-on-rotator .tabsWrap .slick-center .block-image a{
		height: 260px;
	}
	
	#whats-on-rotator .tabsWrap .slick-center .block-image {
		width: 346px;
		height: 260px;
		margin-left: -47px;
	}
	
	#whats-on-rotator .tabsWrap div.slick-center {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#whats-on-rotator .tabsWrap .tabContent button {
		top: 150px;
		left: 0;
		margin: 0;
	}
	
	#whats-on-rotator .tabsWrap .tabContent .slick-next {
		left: auto;
		right: 0;
	}
	
	#whats-on-rotator .tabsWrap .itemTitle {
		font-size: 0.48em;
		color: #9c854d;
		text-align: center;
		position: relative;
		float: left;
		width: 100%;
		margin-top: 29px;
	}
/**Apply Slick to Tabs End**/

/*** Whats on Rotator END ***/
	
/* Large Desktop */
@media (min-width: 1366px) {
	#whats-on-rotator .tabsWrap .tabContent {
		width: 990px;
	}
	
	#whats-on-rotator .tabsWrap .tabContent button {
		left: -105px;
	}
	
	#whats-on-rotator .tabsWrap .tabContent .slick-next {
		right: -105px;
	}
}

/* Landscape tablet to Desktop */	
@media (min-width: 1024px) and (max-width: 1365px) {


.view-all-btn.small-btn{
	height:139px;
	bottom:228px;
	width: 190px;
    padding: 0px 9px;
}
.view-all-btn.small-btn:after{
	bottom:49px;
}
.view-all-btn.small-btn .btn-text{
	bottom:16px;
}
.home-crowndirect{
	width:210px;
	height:165px;
	right: 40px;
	bottom: 45px;
}
.home-crowndirect:after{
	bottom:21px;
}

.section{
	width: 850px;
	padding: 0 40px;
}

/* SECTION 1 */
.section-1:after{
	height: 50px;
	top: -50px;
}
	.section-heading{
		font-size: 2.6em;
	}
	.section-1 .section-heading{
		width: 510px;
		margin: 34px 0 10px;
		padding-bottom: 34px;
	}
	.section-1 .feature-1{
		width: 265px;
		margin-top: -2px;
	}
	.section-1 .feature-2{
		width: 510px;
		margin-top: 0;
	}
	.section-1 .feature-3{
		width: 615px;
		margin: 27px 0 23px;
	}
		.offer-top{
			min-height: 305px;
		}

			.section-1 .feature-3 .offer-top > * {
				width: 315px;
			}		
			.section-1 .feature-3 .grayscale-bg{
				width: 266px;
				margin-bottom: 15px;
			}
				.section-1 .feature-image{
					height: 190px;
				}	
				.section-1 .feature-2 .feature-image{
					height: 204px;
				}
				.section-1 .feature-3 .feature-image{
					height: 250px;
					margin-right: 22px;
				}
					.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{
				margin-bottom: 8px;
			}		
			.feature-3 .secondary-title{
				margin: 27px 0 2px;
			}		
			.section-1 .offer-intro{
				margin: 8px 0 19px;
				line-height: 1.85;
			}
			.section-1 .feature-2 .offer-intro{
				margin: 18px 0 21px;
			}
			.section-1 .feature-3 .offer-intro{
				margin: 13px 0 22px;
			}
			
	.view-all-btn{
		height: 265px;
		right: 40px;
		bottom: 41px;
		max-width: 210px;
		padding: 10px 0;
	}
	.view-all-btn::after{
		bottom:130px;
	}
	

	
/* SECTION 2 */
.section-2 {
	margin-top: 35px;
}
	.section-2 .section-heading{
		margin: 50px 0;
		padding-bottom: 43px;
	}
	.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;
		}

/* SECTION 3 */
div.section-3{
	margin-top: 62px; 
}
	.section-3 .section-heading{
		margin: 0 0 36px;
	}
	
	.events-venue-rotator .slick-slide{
		min-height: 495px;
	}	
		.events-venue-rotator .rtr-title{
			margin: 52px 0 21px;
		}
		.events-venue-rotator .rtr-content-panel{
			width: 390px;
			padding-left: 60px;
		}
		.events-venue-rotator .rtr-image-panel{
			width: 385px;
			height: 385px;
			margin: -84px 71px 67px 0;

		}
			.events-venue-rotator .image-rotator .slick-slide{
				width: 385px;
				height: 385px;
				min-height: 385px; /** Overwrite parent slick slide min height */
			}
				.events-venue-rotator .slick-slide .rotator-image{
					width: 385px;
					height: 385px;
				}
				
	.rtr-misc-wrapper{
		margin: 36px 0 33px;
	}
		.weather-img-col{
			margin: 8px 0 0 18px;
		}
			.weather-img-col img{
				width: 95%;
				height: auto;
			}
		.weather-text-col{
			width: 115px;
		}
			.weather-text{
				margin: 6px 0 8px;
			}
			
		.time{
			width: 47%;
		}
			.time-inner-wrapper {
				float: right;
				margin-right: 6px;
			}
				
				
/* SECTION 4 */
	#socialwall .juicer-feed{
		max-height:464px !important;
	}
	#socialwall .social-content{
		margin-top:-35px;
		width:450px;
		padding:0 40px 30px;
		font-size:1.05em;
		
	}
		#socialwall .social-content h3{
			padding-top:30px;
		}
		
/* SECTION 5 */
#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 6 */
#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;
	}
	
	#whats-on-rotator {
		margin-top: 88px;
	}
	
	#whats-on-rotator .section-heading {
		margin-right: 0;
		text-align: right;
		font-size: 2.7em;
		margin-top: 0px;
	}
	
	#whats-on-rotator .tabsWrap {
		margin-top: 16px;
	}
	
	#whats-on-rotator .tabsWrap ul.tabList li.tab a {
		padding: 12px 33px 10px 33px;
		font-size: 0.54em;
		width: auto;
	}
	
	#whats-on-rotator .tabsWrap ul.tabList li.tab a.ui-tabs-anchor {
		letter-spacing:-1px;
	}
	
	#whats-on-rotator .tabsWrap .tabContent button {
		top: 162px;
	}

	.top-header-wrapper .navigation-switcher{
		display: block;
	}
	
}

/* Portrait tablet to Landscape */
@media (min-width: 768px) and (max-width: 1023px) { 
.top-header-wrapper .navigation-switcher{
	display: block;
}


.view-all-btn.small-btn{
	width:284px;
	height:166px;
	bottom:45px;
	right: 40px;
	left:inherit;
	margin:0;
	padding:0;
}
.view-all-btn.small-btn:after{
	bottom:60px;
}
.view-all-btn.small-btn .btn-text{
	position:absolute;
	bottom:38px;
}
.home-crowndirect{
	width: 300px;
	height:168px;
	left:27px;
	bottom: 45px;
}
.home-crowndirect:after{
	bottom:21px;
}

#branding{
	left: 40px;
	top: 36px;
	width: 96px;
}
	/*#branding img{
		width: 83%;
	}*/
	
.grp-bottom-header-wrapper .check-rate-btn{
	padding: 12px 15px;
	font-size: 1.25em;
	letter-spacing: 1px;
}

.grp-bottom-header-wrapper .navigation-switcher{
	margin: 35px 25px 0 20px;
}
	
#holder{
	margin-top: 420px !important;
}
	.section{
		width: 643px;
		padding: 0 27px;
	}
	.section-1{
		padding-bottom: 218px;
	}
	.has-GMS .section-1{
		padding-bottom: 246px;
	}
	.section-1:after{
		display:none;
	}
		.section-heading{
			font-size: 2.4em;
		}
		.section-1 .section-heading{
			width: 100%;
			margin: 30px 0 29px;
			padding-bottom: 34px;
		}
		.section-1 .feature-block{
			width: 100%;
		}
			.offer-top{
				float: left; _display: inline;
				width: 100%;
			}
				.section-1  .grayscale-bg,
				.section-1 .feature-3 .grayscale-bg{
					width: 312px;
					float: left;
				}	
				.section-1 .feature-2 .grayscale-bg{
					width: 100%;
					float: left;
				}
					.section-1 .feature-image{
						height: 226px;
					}		
					.section-1 .feature-3 .feature-image{
						height: 290px;
						margin-right: 22px;
					}	
						.brand-logo-on-hover.towers{
							width: 103px;
							margin-top: 16%;
						}
						.brand-logo-on-hover.metropol{
							width: 230px;
							margin-top: 19%;
						}
						.brand-logo-on-hover.promenade{
							width: 168px;
							margin-top: 9%;
						}
				
				.secondary-title{
					margin: 13px 0 0;
				}
				.sub-title{
					margin: 0;
				}
				.section-1 .offer-intro{
					margin: 8px 0 19px;
					line-height: 1.85;
				}	
				
		/* feature 1 */
		.section-1 .feature-1{
			margin-top: 0;
		}
			.section-1 .feature-1 .feature-ele,
			.section-1 .feature-1 .feature-btm-wrapper{
				float: right; _display: inline;
				width: 293px;
			}
			.section-1 .feature-1 .secondary-title{
				margin: 2px 0 6px;
			}
				.section-1 .feature-1 .offer-intro{
					float: left; _display: inline;
					margin: 6px 0 22px;
				}
			
		/* feature 2 */
		.section-1 .feature-2{
			margin: 16px 0 22px;
		}
		.feature-2 .feature-2 .sub-title{
			margin: 0 0 12px;
		}
		.section-1 .feature-2 .feature-image{
			height: 256px;
		}
		.section-1 .feature-2 .offer-intro{
			margin: 18px 0 21px;
		}
			.section-1 .feature-2 .view-more-btn{
				float: left; _display: inline;
			}
		
		/* feature 3 */
		.section-1 .feature-3{
			margin: 27px 0 0;
		}
			.section-1 .feature-3 .feature-ele,
			.section-1 .feature-3 .feature-btm-wrapper{
				float: right; _display: inline;
				width: 290px;
			}

			.feature-3 .secondary-title{
				margin: 14px 0 0px;
			}
			.section-1 .feature-3  .offer-intro{
				width: 100%;
				margin: 13px 0 20px;
			}
		
		.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 2*/
	.section-2 .section-heading {
		margin: 33px 0;
		padding-bottom: 43px;
		
		line-height: 1.1;
	}

		.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;
		}

	/* SECTION 3 */
	div.section-3{
		margin-top: 50px;
		overflow: hidden;
	}
		.section-3 .section-heading{
			width: 340px;
			margin: 0 0 38px;
			
			text-align: center;
		}
		.events-venue-rotator .slick-slide{
			min-height: 495px;
		}	
			.events-venue-rotator .rtr-title{
				margin: 52px 0 21px;
			}
			.events-venue-rotator .rtr-content-panel{
				width: 285px;
				padding-left: 65px;
			}
			.events-venue-rotator .rtr-image-panel{
				width: 259px;
				height: 267px;
				margin: -37px 80px 0 0;
				padding-bottom: 66px;
			}
				.events-venue-rotator .image-rotator .slick-slide{
					width: 258px;
					height: 267px;
					min-height: 267px;
				}
					.events-venue-rotator .slick-slide .rotator-image{
						width: 258px;
						height: 267px;
					}
					
					.events-venue-rotator .view-more-btn{
						right: 1px;
						min-width: 0;
					}
		
		.rtr-misc-wrapper{
			margin: 22px 0 33px;
		}
			.rtr-misc{
				height: auto;
			}
			.weather-tempC, #digital-clock, #digital-clock2{
				font-size: 2em;
			}
			.weather{
				text-align: center;
			}
			.weather-img-col{
				display: inline-block;
				float: none;
				margin: 0;
			}
				.weather-img-col img{
					width: 87%;
					height: auto;
				}
			.weather-text-col{
				width: 100%;
			}
				.weather-text{
					margin: 0 0 10px;
				}
				
			.time{
				width: 49.5%;
			}
			.time:before{
				float: none;
				display: inline-block;
				margin: 2px 0 0 0;
				background-size: 1000px auto;
				background-position: -337px -341px;
			}
				.time-inner-wrapper{
					width: 100%;
				}
					.time-header{
						margin: 10px 0 9px;
					}
					
	/* SECTION 4 */
	#socialwall{
		margin: 80px 0 36px;
	}
		#socialwall .juicer-feed{
			max-height: 464px !important;
		}
		#socialwall .social-content{
			margin-top: -35px;
			width: 380px;
			padding: 0 5px 30px;
			font-size: 1.05em;
		}
		#socialwall .social-content h3{
			line-height: 1;
			padding-top: 24px;
		}	
		#socialwall .social-content > p{
			width: 500px;
			margin-left: -55px;
		}
	
	/* SECTION 5 */
	#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 6 */
	#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;
	}
	
	#whats-on-rotator .tabsWrap ul.tabList li.tab a {
		padding: 12px 43px 10px 43px;
		font-size: 0.4em;
		width: auto;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	#whats-on-rotator {
		margin-top: 62px;
	}
	
	#whats-on-rotator .section-heading {
		font-size: 2.2em;
		margin-right: 15px;
		margin-top: 4px;
	}
	
	#whats-on-rotator .tabsWrap {
		margin-top: 4px;
	}
	
	#whats-on-rotator .tabsWrap ul.tabList li.tab {
		margin: 0;
		padding: 0;
	}
	
	#whats-on-rotator .tabsWrap .tabList {
		height: 53px;
	}
	
	#whats-on-rotator .tabsWrap .tabList {
		top: -53px;
	}
	
	#whats-on-rotator .tabsWrap .tabContent {
		width: 100%;
		padding: 0 100px;
	}
	
	#whats-on-rotator .tabsWrap .item-block .block-image {
		width: 100%;
		height: 190px;
	}
	
	#whats-on-rotator .tabsWrap .item-block {
		margin: 10px;
	}
	
	#whats-on-rotator .tabsWrap .tabContent button {
		top: 160px;
	}

}

/* Mobile to Portrait tablet */
@media (max-width: 767px) {
	.hotel-selector,
	.top-header-wrapper .check-rate-btn,
	.group-top-menu,
	#top-menu-crowndirect-wrapper,
	.top-header-wrapper .modify-button{
		display: none;
	}
	.top-header-wrapper .navigation-switcher{
		display: block;
	}
	.grp-bottom-header-wrapper{
		height: 100%;
	}
		.grp-bottom-header-inner-wrapper{
			height: 100%;
		}
			#branding{
				position: relative;
				width: 99px;
				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 .modify-button,
			.grp-bottom-header-wrapper .check-rate-btn{
				position: absolute;
				left: 20px;
				bottom: 60px;
				width:calc(100% - 116px);
				width:-webkit-calc(100% - 116px);
				width:-o-calc(100% - 116px);
				margin: 0;
			}

			.grp-bottom-header-wrapper .modify-button{
				width: calc(100% - 40px);
				bottom: 38px;
				background: transparent;
				padding: 0;
				height: auto;
			}

			.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;
			}
		
	.section-1 .view-all-btn.small-btn{
		width:90%;
		height:165px;
		margin:0 auto;
		left:0;
		bottom:20px;
		padding:0;
	}
	.section-1 .view-all-btn.small-btn:after{
		bottom:60px;
	}
	.section-1 .view-all-btn.small-btn .btn-text{
		position:absolute;
		bottom:31px;
	}
	.home-crowndirect{
		width:90%;
		height:165px;
		margin:0 auto;
		height:165px;
		left:0;
		right:0;
		bottom: 215px;
	}
	.home-crowndirect:after{
		bottom:21px;
	}
	.has-GMS .section-1{
		padding-bottom:405px;
	}
		
	.section{
		width: 100%;
		padding: 0;
	}
	.section-1,
	.section-2{
		width: 90%;
		padding: 0 5%;
	}
	.section-1{
		padding-bottom: 160px;
	}
	.section-1:after{
		display: none;
	}
		.section .section-heading{
			text-align: center;
			font-size: 2.3em;
		}
		.section-1 .feature-block,
		.section-1 .section-heading,
		.section-1 .feature-block .grayscale-bg,
		.section-1 .feature-3 .offer-top > *, 
		.section-1 .feature-3 .offer-bottom{
			width:100%;
			margin-left:0;
			margin-right:0;
		}
		.section-1 .section-heading{
			margin: 22px 0 32px;
		}
		.section-1 .feature-block{
			margin-bottom: 20px;
			text-align: center;
		}
			.section-1 .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-1{
		padding-bottom: 185px;
	}
		.section-1 .section-heading{
			margin: 21px 0 27px;
			padding-bottom: 30px;
		}

			/* common */
			.section-1 .feature-block{
				margin-bottom: 24px;
			}
				.offer-top{
					width: 100%;
				}
					.brand-logo-on-hover-wrapper{
						display: none;
					}
					.secondary-title{
						margin: 12px 0 0;
					}
						.feature-3 .secondary-title a{
							width: 100%;
						}
					.section-1 .offer-intro{
						display: none;
					}
					.section-1 .view-more-btn,
					.section-1 .feature-3 .view-more-btn{
						width:calc(100% - 76px);
						width:-webkit-calc(100% - 76px);
						width:-o-calc(100% - 76px);
					}
		
		/* feature 1 */
		.feature-1 .secondary-title{
			width: 100%;
		}
		.section-1 .feature-btm-wrapper{
			margin-top: 12px;
		}
		
			
		/* feature 2 */
		.section-1 .feature-2 .feature-btm-wrapper{
			margin-top: 21px;
		}
		
		/* feature 3 */
		.section-1 .feature-3{
			margin: 17px 0 0;
		}
		.feature-blk-right-aligned{
			position: static;
		}
			.feature-3 .secondary-title{
				margin: 13px 0 0;
			}
			.section-1 .view-all-btn:after{
				bottom: 75px;
				font-size:80px;
			}
			.section-1 .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 2 */
	.section-2 .section-heading{
		margin: 32px 0 28px;
		padding-bottom: 32px;
		
		line-height:1.2;
	}
		.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;
		}
	
	/*  SECTION 3 */
	div.section-3{
		margin-top: 12px;
	}
		.section-3 .section-heading {
			margin: 35px 20px 35px;
		}
			.events-venue-rotator .slick-slide{
				height: auto;
			}
			.events-venue-rotator .events-venue{
				height: auto;
				margin-top: 70px;
			}
				.events-venue-rotator .rtr-content-panel{
					width: 74%;
					margin: 0 13%;
					padding: 0;
				}
					.events-venue-rotator .rtr-title{
						margin: 43px 0 18px;
						line-height: 31px;
					}
					.rtr-misc-wrapper {
						margin: 36px 0 0;
					}
						.rtr-misc{
							width: 49%;
							height: auto;
						}
						.time{
							padding-left: 0;
						}
						.time:before{
							float: none;
							margin: 0;
							background-size: 1000px auto;
							background-position: -337px -337px;
						}
							.weather-img-col{
								float: none;
								display: inline-block;
								margin: 0;
							}
								.weather-img-col .weather-image {
									display: inline-block;
									float: none;
									width: 78%;
									height: auto;
								}
								.weather-text {
									margin: 7px 0 9px;
								}
							.weather-text-col,
							.time-inner-wrapper{
								width: 100%;
							}
							/* .slick-slide img{
								width: 75%;
								height: auto;
							} */
							.weather-tempC, #digital-clock, #digital-clock2{
								font-size: 1.85em;
							}
							.time-header {
								margin: 12px 0 9px;
							}
						
				.events-venue-rotator .rtr-image-panel{
					width: 90%;
					height: 289px;
					margin: 35px 5% 18px;
				}
					.events-venue-rotator .image-rotator .slick-slide{
						width: 100%;
						height: auto;
					}
						.events-venue-rotator .slick-slide .rotator-image{
							width: 100%;
							height: auto;
						}

	/* SECTION 4 */
	#socialwall {
		margin: 30px 0;
	}
		#socialwall .juicer-feed{
			max-height: 640px !important;
			max-width: 360px !important;
		}
		#socialwall .social-content{
			width: 90%;
			padding: 0 5% 20px;
			margin: 0;
			font-size: 1.05em;
		}	
			#socialwall .social-content h3 {
				font-size: 1.65em;
				line-height: 1.35;
				padding-top: 35px;
			}	
			#socialwall .social-content p {
				margin: 16px 0;
			}

	
	.section-highlights-rotator .highlights-rtr-image-wrapper{
		height: 272px;
	}
	
	/* SECTION 5 */
	#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 6 */
	#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.grayscale-bg a{
			 transform: none;
		}
			.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%;
		}
		
	#socialmedia {
		margin-left: 0;
		margin-top: 25px;
	}
		#main-content #socialmediaHome ul{text-align:center;}
	
	.mobi-booking-btn,
	.mobi-modify-btn{
		display:none;
	}
	#footer{
		padding:0;
	}
	
	#whats-on-rotator .tabsWrap .tabList {
		width: 100% !important;
		top: 0;
		height: 57px;
	}
	
	#whats-on-rotator .tabsWrap {
		padding-top: 91px;
	}
	
	#whats-on-rotator .tabsWrap ul.tabList li.tab a {
		padding: 13px 3% 13px 3%;
		width: 94%;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 0.41em;
	}
	
	#whats-on-rotator .tabsWrap .tabList.slick-slider button {
		top: 20px;
		background-color: #fff;
		height: 20px;
		width: 20px;
	}
	
	#whats-on-rotator .tabsWrap .tabList.slick-slider button.slick-next {
		background-position: -34px -4px;
	}
	
	#whats-on-rotator .tabsWrap ul.tabList li.tab {
		width: 50%;
		padding-bottom:0;
		margin-bottom: 0;
	}
	
	#whats-on-rotator .section-heading {
		font-size: 2.2em;
		margin-right: 0;
		text-align: center;
		width: 100%;
		margin-bottom: 12px;
	}
	
	#whats-on-rotator {
		margin-top: 53px;
	}
	
	#whats-on-rotator .tabsWrap .item-block{
		margin-left:0;
		margin-right:0;
		width: 100%;
	}
	#whats-on-rotator .tabsWrap .block-image .grayscale-bg {
		margin: 0 auto;
		width: 100%;
	}
	#whats-on-rotator .tabsWrap .item-block .block-image {
		width: 90%;
		height: 260px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	
	#whats-on-rotator .tabsWrap .tabContent button {
		top: 109px;
	}
	
	#whats-on-rotator .tabsWrap .itemTitle {
		padding-left: 10%;
		padding-right: 10%;
		width: 80%;
		font-size: 0.41em;
		margin-top: 21px;
	}
	
	#whats-on-rotator .tabsWrap .tabContent .itemwrap .itemViewLink {
		padding-top: 12px;
		padding-bottom: 12px;
		top: 0;
		display: inline-block;
		margin-top: 19px;
	}
	
	#whats-on-rotator .tabsWrap .tabContent {
		padding-bottom: 10px;
	}
	
}


.group-highlights {    
    width: 376px;
    margin-right: -120px;
    padding: 0 0 0 50px;
    min-height: 900px;
    z-index: 1;
    position:absolute;
    top:-68px;
}

.featured-slider {
   padding-bottom: 80px;
   background:#000;
}	
.featured-slider .featured-image-wrapper{
   width:100%;
   height:270px;
   overflow:hidden;
}

.featured-slider .featured-image{
   /* width:100%; */
   height:auto;
   display:block;
}

.featured-slider .featured-image-wrapper a {
   background-size: cover;
   display: block;
   height: 100%;
}

.featured-slider .featured-content-block{
   padding:30px 40px 20px;
}
.featured-slider .featured-title,
.featured-slider .featured-sub-title{
   margin:5px 0 10px;
}
.featured-slider .featured-content{
   margin:12px 0 0;
   line-height:1.8;
}	
.featured-slider .featured-content .mini-intro{
	display:none;
}		
.featured-slider .featured-btns{
   margin-top:20px;
}	
.featured-slider .featured-booknow {
   min-width:205px;
   height:44px;
   line-height:44px;
   padding:0;
   margin-top:25px;
}
#section-highlights .crowndirect-slide .featured-slider .featured-booknow {
	background: #ffc400;
	color: #000;
	border-color: #fff;
}
#section-highlights .crowndirect-slide .featured-slider .featured-booknow:hover{
	background-color:transparent;
	color:#fff;
}
.featured-slider .featured-booknow:hover{
   background-color:transparent;
}		
.featured-slider .featured-viewmore{
   background:transparent;
   color:#d6574a;
}	
.featured-slider .featured-viewmore:hover{
   background:#d6574a;
   color:#fff;
}	
.featured-slider .slick-dots{
   left:40px;
   bottom:30px;
}

