/* hotel common media queries */
.mobileCon, .desktopCon,.potraitCon{
	display: none;
}

.upper-logos {
	position: absolute;
	right: 250px;
	top: 7px;
	width: 203px;
}

.upper-logo-item {
	float: right;
	margin-right: 15px;
}
/* Footer logo removed */
.section-wrapper {
    text-align: center;
}
.section-wrapper .footer-block{
    text-align: left;
}
.footer-logos.theme-border {
  border-right: 0;
}
.footer-logos {
  display: inline-block;
  float: none;
  width: 68.36%;
}
.brand-block {
  float: left;
  width: 49.7%;
}
.footer-logos {
  text-align: center;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 1281px) and (max-width: 1920px) {
#main-menu ul li {
  padding: 5px;
}


}

/* Large desktop */
@media (min-width: 1280px) {
	#header .section-wrapper, #header .bm-wrapper, #footer .section-wrapper, #footer .bm-wrapper{
		width: 1024px;
	}
	/* #main-visual-wrapper {
		width: 1024px;
	} */
	
	#header{
		border-top-width: 4px;
		height:184px;
	}
	#header .section-wrapper{
		height:124px;
	}
	#availability-checker{
		top:124px;
	}
	#main-visual/* , #main-visual .slideshow div.slide */{
		height:584px;
	}
	#main-visual .slideshow div.slide{
		height:455px;
	}
	#main-visual{	
		top:186px;
	}
	.modify-link {
	  margin: 15px 5px 0 8px;
	}
	.submit-btn-wrapper button{
		padding: 6px 32px;
	}
	.section-wrapper{
		width: 1245px;
	}
	#main-visual .nav-wrapper, #main-visual .cycle-caption, #main-visual .pager-wrapper{
		width:1000px;
	}
	.footer-block.corporate {
	  width: 258px;
	}
	.footer-block.smo-wrapper {
	  width: 236px;
	}
	.footer-block.mailing {
	  width: 340px;
	}
	.footer-block.footer-menu {
	  margin-left: 78px;
	  width: 95px;
	}
	.desktopCon{
		display: block;
	}
	.ipadCon{
		display: none;
	}
	
	/* #availability-checker .promo-code label{
		left:12px;
	} */
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.potrait-hide{
		display:none;
	}
	.no-lands-desktop{
		display:block;
	}
	.btn-full a{
		padding:10px 20px;
	}
	
#potrait-book-now-btn {
	color: #fff;
	display: block;
	float: right;
	font-size: 0.9em;
	margin-right: 9px;
	margin-top: 9px;
	padding: 8px 53px 8px 57px;
	text-transform: uppercase;
	letter-spacing:2px;
}
	/** FONT SIZES **/
	#main-visual .cycle-caption h3{
		font-size: 1.2em;
	}
	#main-visual .mainSliderControls{
		top: 165px;
	}
		#main-visual .slideshow-caption{
			top:360px;
		}
		/* #main-visual .slideshow-caption.no-submenu{
			top:300px;
		} */
	.btn a{
		/* font-size: .75em; */
	}
	
	/* Letter Spacing */
	.btn a{
		/* letter-spacing: 3px; */
	}
	.potraitCon{
		display:block;
	}
	
	#main-visual .nav-wrapper, #main-visual .cycle-caption, #main-visual .pager-wrapper{
		width:712px;
	}
		.nav-arrows{
			left:20px;
		}
		.nav-arrows.next{
			right:20px;
		}
		
	.section-wrapper, .bm-wrapper{
		/* width:768px; */
		width:764px;
	}
	#header{
		/* border-bottom: 1px solid #000; */
		height: 96px;
		overflow: hidden;
	}
	#header.close{
		overflow:visible;
	}
		
	#upper-menu{
		display:none;
	}
	#main-menu{
		z-index:110;
		width:100%;
		left:0;
	}
		#main-menu ul{
			width:100%;
		}
		#main-menu ul li{
			width:760px;		
			float:right;
		}
			#main-menu ul li a{
				float: right;
				margin-right: 38px;
				padding: 6px 0;
			}
			
				#main-menu ul li:hover{
					background:none;
				}
			#main-menu ul li.active{
				background:none;
				left: 0;
				position: absolute;
				top:-46px;
				border-bottom: 1px solid #000; 
			}
	#main-menu .potraitCon{
		border-top: 1px solid;
		float: right;
		width:100%;
		margin-top: -1px;
	}
		#main-menu ul li.active a{
			margin-right: 0;
			padding-right: 50px;
		}
		#main-menu .potraitCon li{
			font-size: 0.7em;
			
			border:0;
			padding:0;
		}
		#main-menu .potraitCon li a{
		  padding: 6px;
		}
			#main-menu .potraitCon li.item1 a{
				padding-top:12px;
			}
			#main-menu .potraitCon li.last a{
				padding-bottom:12px;
			}
		#header #main-menu ul li.active a{
			cursor:pointer;
		}
	#free-wifi{
		left:428px;
		top:14px;
	}
	
	#availability-checker{
		display:none;
	}
	#main-visual{
		top:97px;
	}	
		#main-visual .cycle-caption{
			margin-bottom: 12px;
		}
	#footer .section-wrapper{
		padding: 0 22px;
		width: 722px;
	}
		#footer .brand-block{
			width:33.14%;
		}
		
		
	.footer-block {
		height: 158px;
	}
		.footer-block.corporate{
			width: 160px;
			margin-left: 30px;
		}
		.footer-block.mailing{
			width: 218px;
		}
			.email-entry input{
				width: 128px;
			}
		.footer-block.smo-wrapper{
			width: 210px;
		}
			.smo{
				margin-right: 3px;
			}
		.footer-block.footer-menu{
			width: 112px;
			margin-left: 32px;
		}
	.brand-block.the-club-saujana-resort{
		/* background:url(../images/wifi-sprite.png) no-repeat;
		background-position: 48px -169px; */
		background-size:200px auto;
	}
	.brand-block.the-saujana-hotel{
		background-position: 14px -83px;
	}
	.brand-block.carcosa-seri-negara{
		background-position:12px -253px;
	}
	
	

	#footer .saujana-cooperate-logo{
		/* background-size: 272px; */
		position: relative;
		top: 6px;
		/* background-position: -25px -333px; */
	}
		#footer div.mailing h3{
			text-transform: none;
		}

	.footer-block.corporate{
		width:170px;
		margin-left:10px;
	}
	.footer-block.mailing {
		width: 217px;
	}
	.footer-block.footer-menu{
		margin-left: 30px;
		width: 82px;
	}
		.footer-menu ul li{
			width: 100px;
		}
		.footer-block form{
			height:35px;
		}
			.email-entry{
				width:130px;
			}


	.upper-logos {
		position: absolute;
		right: 290px;
		top: 49px;
		width: 200px;
	}
	/* Footer logo removed */
	#footer .brand-block {
	  width: 49.59%;
	}
}		
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.no-lands-desktop,
	.mobile,
	.mobile-portrait,
	.portrait,
	.loggedIn #logo-mobile{
		display: block;
	}
	#main-menu .landing	{
		display: block;
	}
	#hotel-selector{
		display:block;
	}
	.mobileCon{
		display: block;
	}
	#page_other-portfolios.loggedIn  .mainImageBlock.mobileCon{
		height:auto !important;
	}
	#page_other-portfolios.loggedIn  .mainImageBlock.mobileCon span.imageSwitchHolder{
		height:auto !important;
		width:auto !important;
	}
	.ipadCon, .no-mobile{
		display: none;
	}
	h1 {
		font-size: 1.2em;
		margin: 1.5em 0 0;
	}

	#main-content p, #main-content li{
		font-size:0.85em;
	}
	#header, #availability-checker {
		border:none;
	}
	#header{
		overflow:hidden;
	}
	#header .section-wrapper {
		width: 100%;

	}
	.section-wrapper, .content-wrapper{
		width: 90%;
	}
	
	.section-wrapper, .bm-wrapper{
		padding: 0;
	}

		#branding {
			left: 10px;
		}
		
		#potrait-book-now-btn {
			background: #37214d;
			float: right;
			color: #fff;
			font-size: 0.95em;
			margin-top: 7px;
			padding: 7px 26px;
			margin-right: 12px;
			text-transform:uppercase;
		}
		#header.close{
			overflow:visible;
		}
		#upper-menu{
			display:none;
		}
		#main-menu{
			z-index:110;
			width:100%;
			left:0;
			top:85px;
		}
			#main-menu ul{
				width:100%;
			}
			#main-menu ul li{
				width:100%;		
				float:right;
				padding: 0 7px;
			}
			#main-menu ul li.last{
				padding-right: 7px;
			}
				#main-menu ul li a{
					/*float: right;*/
					
					padding: 10px 0;
					padding-right: 30px;
					text-align: right;
					display: block;
				}
					#main-menu ul li:hover{
						background:none;
					}
				#main-menu ul li.active{
					background:none;
					left: 0;
					position: absolute;
					top:-40px;
					border-bottom: 1px solid #000;
				}
		#main-menu .potraitCon{
			border-top: 1px solid;
			float: right;
			width:100%;
			margin-top: -1px;
			display: block;
			/*padding-right: 33px;*/
		}
			#header #main-menu ul li.active a {
				margin-top: 2px;
				margin-right: 14px;
				padding-right: 28px;
				cursor:pointer;
			}
		
			#main-menu .potraitCon li{
				font-size: 0.7em;
				
				border:0;
				padding:0;

			}

			#main-menu .potraitCon li.last{
				padding-right: 0px;
			}
			#main-menu .potraitCon li.active a{
				padding:10px 0 13px 12px
			}
			#main-menu .potraitCon li a{
			  padding: 6px;
			  padding-right: 30px;
			}
				#main-menu .potraitCon li.item1 a{
					padding-top:12px;
				}
				#main-menu .potraitCon li.last a{
					padding-bottom:12px;
				}

		/*div#main-menu h2{
			width: auto;
			height: auto;
			font-size:0.9em;
			float:right;
		}*/

		#main-visual {
			top: 89px;
		}
			#main-visual .mainSliderControls{
				display: block;
			}

			#main-visual .mainSliderControls{
				top: 75px;
			}

			.nav-arrows.next{
				left:auto;
				right: 14px;
			}

			.nav-arrows.prev{
				left:14px;
				right: auto;
			}

		#special-offers {
			top: 303px;
		}
		
		.promo-block {
			float: none;
			margin: 0 auto 10px;
			width: 274px;
			height: 132px;
		}
			.promo-block.offers {
				margin-right: auto;
			}

			.promo-block h3.promo-title {
				border-bottom: 2px solid #f3f3f3;
				font-size: 0.75em;
				margin: 0;
				padding: 6px 0 5px;
			}

			.promo-block .promo-image {
				position: relative;
				width: 147px;
			}

				.promo-block .promo-image .promo-image {
					height: 102px;
					width: 147px;
					float:left;
					margin-right: 5px;
				}
			.promo-content {
				display: none;
			}
	
					.promo-text .promo-wrap h3.promo-title {
						border-bottom: medium none;
						color: #8d8d8d;
					}
					
					.promo-text .promo-wrap h3.promo-title{
						padding-left: 161px;
						padding-top: 8px;

						text-align: left;
						line-height: 1.6;
					}

				.promo-text .booknow{
					font-size: 1.1em;
					margin-left: 162px;
					margin-top: 0;
					text-align: left;
				}
					.promo-text .booknow a{
						letter-spacing: 2px;
					}
			.promo-block .promo-price {
				right: 13px;
				top: 14px;
			}
				.promo-block .promo-price a {
					font-size: 0.75em;
					padding: 4px 11px;
				}

			.btn a:hover .btn-text{
				padding: 4px 0 2px;
				border-bottom: 2px solid #fff;
			}

			
			#special-offers .promo-block .btn a, .readmore-block a{
				padding:0;
				border:none;
			}
			#special-offers .promo-block .btn-text,
			.bottom-content .readmore-block a .btn-text{
				/* border-bottom: 2px solid #bb985d; */
				display: inline-block;
				padding: 4px 0 2px;
			}
	

		.promo-block:hover {
			margin-top:0;
			padding:0;
		}
	
	.btn a:hover {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 5px;
		border:2px solid #fff;
	}

	#page_home .btn a:hover {
		border:none;
		padding-bottom: 0px;
	}

	.btn a.fancy-vid:hover {
		padding-bottom: 0px;
	}

	/* .promo-inner-video img {
		display: block;
	}
 */
 
 .to-top{
	/* background: url(../images/wifi-sprite.png) no-repeat left -525px; */
	width: 39px;
	height: 41px;
	position: absolute;
	right: 0;
	top: -60px; 
	/* top: auto; */
	/* bottom:20px; */
	cursor:pointer;
	z-index:999;
}

/* Footer logo removed */
.section-wrapper {
    text-align: center;
}
.section-wrapper .footer-block{
    text-align: left;
}
.footer-logos.theme-border {
  border-right: 0;
}
.footer-logos {
  display: inline-block;
  float: none;
  width: 100%;
}
.brand-block {
  display:inline-block;
  width: 46.7%;
}
div.footer-logos {
  text-align: center;
  width:225px;
  border:none;
  margin:5px auto 0;
}
.section-wrapper{
	border-bottom:2px solid #292929;
}

	
		
}