/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */

/* ALL WIDTHS UNDER 970PX
----------------------------------------------------------- */

@media screen and (max-width: 970px){

	/* DEFAULT
	----------------- */
	
	.s5_is_display, .s5_is_slide {
	position:relative !important;
	}
	
	.s5_is_slide {
	height:auto !important;
	}
	
	#fontControls {
	display:none;
	}
	
	/* CUSTOM
	----------------- */
	
	body {
	font-size:0.9em !important;
	}
	
	.icon_box {
	width:100%;
	display:block;
	}
	
	.module_round_box_outer {
	margin-left:12px;
	margin-right:12px;
	}
	
	.s5_no_bg {
	margin-left:-12px;
	margin-right:-12px;
	}
	
	.s5_logo {
	max-width:210px !important;
	}
	
	#s5_inner_padding {
	padding-top:50px;
	}

	#s5_top_row1_wrap, #s5_top_row2_wrap, #s5_top_row3_wrap, #s5_bottom_row1_wrap, #s5_bottom_row2_wrap, #s5_middle_top_wrap, #s5_middle_bottom_wrap, #s5_above_columns_wrap1, #s5_below_columns_wrap1, #s5_pos_custom_4, #s5_pos_custom_5 {
	margin-bottom:50px;
	}
	
	#s5_component_wrap {
	padding-bottom:50px;
	}
	
	#s5_pos_custom_2 {
	margin-bottom:50px;
	}

	.s5_no_bg {
	margin-bottom:25px !important;
	}

	#s5_bottom_row3_area1 {
	padding-top:80px;
	}

	#s5_footer_area1 {
	padding-bottom:70px;
	}

	#s5_pos_custom_6 {
	padding-bottom:60px;
	}
	
	#s5_top_row2_area1 {
	background-size:fixed;
	}
	
	#s5_quick_contact_controller input {
	display:none;
	}

	#s5_quick_contact_controller select {
	display:none;
	}
	
	#s5_quick_contact_controller .readon {
	float:none;
	}
	
	#s5_quick_contact_controller {
	text-align:center;
	}
	
}


/* TABLET PORTRAIT MODE CSS
----------------------------------------------------------- */

@media screen and (min-width:580px) and (max-width: 970px){

	
	/* CUSTOM
	----------------- */
	
}


/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */

@media screen and (max-width: 750px){

	/* CUSTOM
	----------------- */
	
	.tab_large_img {
	width:100%;
	margin:0px;
	margin-bottom:20px;
	}
	
	.icon_showcase_item {
	float:none;
	width:100%;
	}
	
	#s5_search_wrap {
	display:none;
	}
	
	#s5_logo_wrap {
	width:100%;
	text-align:center;
	padding:0px !important;
	}
	
	.s5_logo {
	float:none;
	}
	
	.quote_box img {
	float:none;
	margin:0px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}
	
	.highlight1_block span {
	margin:0px;
	margin-bottom:20px;
	display:block;
	}
	
	.title_block {
	padding:2%;
	font-size:0.8em;
	}
	
	#s5_quick_contact_wrap span {
	width:98%;
	}
	
	

}


/* MOBILE LAYOUT CSS
----------------------------------------------------------- */

@media screen and (max-width: 579px){

	/* DEFAULT
	----------------- */

	#s5_right_column_wrap_inner .s5_float_left, #s5_left_column_wrap_inner .s5_float_left {
	float:none;
	}

	#s5_columns_wrap_inner {
	width:100%;
	}

	#s5_center_column_wrap {
	width:100%;
	left:100%;
	}

	#s5_left_column_wrap {
	left:0%;
	}
	
	#s5_left_top_wrap, #s5_left_column_wrap, #s5_left_inset_wrap, #s5_left_wrap, #s5_left_bottom_wrap, #s5_right_top_wrap, #s5_right_column_wrap, #s5_right_inset_wrap, #s5_right_wrap, #s5_right_bottom_wrap, #s5_top_row1 .s5_float_left, #s5_top_row2 .s5_float_left, #s5_top_row3 .s5_float_left, #s5_above_columns_inner .s5_float_left, #s5_middle_top .s5_float_left , #s5_middle_bottom .s5_float_left, #s5_below_columns_inner .s5_float_left, #s5_bottom_row1 .s5_float_left, #s5_bottom_row2, .s5_float_left, #s5_bottom_row3 .s5_float_left, #s5_above_body .s5_float_left, #s5_below_body .s5_float_left {
	width:100% !important;
	}
	
	#s5_center_column_wrap_inner {
	margin:0px !important;
	}
	
	#s5_left_column_wrap {
	margin-right:0px !important;
	}
	
	#s5_right_column_wrap {
	margin-left:0px !important;
	}
	
	.items-row .item {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-right:0px !important;
	margin-left:0px !important;
	}
	
	/* CUSTOM
	----------------- */

	.tab_right_row_text {
	display:none;
	}
	
	.tab_right_row .overlay_hover_outer {
	width:100%;
	}
	
	#s5_pos_custom_1 {
	display:none;
	}
	
	.s5_logo {
	margin:0px;
	}
	
	.room_features ul {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	}
	
}


/* CUSTOM SIZES
----------------------------------------------------------- */

@media screen and (max-width: 1700px){

#s5_inner_padding, #s5_header_area_inner, #s5_logo_wrap {
padding-left:8%;
padding-right:8%;
}

.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
width:84% !important;
}

}

@media screen and (max-width: 1550px){

#s5_inner_padding, #s5_header_area_inner, #s5_logo_wrap {
padding-left:6%;
padding-right:6%;
}

.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
width:88% !important;
}

.tab_large_text {
padding:0px;
}

.tab_large_text h3 {
font-size:2em;
}

}

@media screen and (max-width: 1400px){

#s5_inner_padding, #s5_header_area_inner, #s5_logo_wrap {
padding-left:4%;
padding-right:4%;
}

.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
width:92% !important;
}

.tab_left {
padding:0px;
width:96.5%;
margin-bottom:50px;
}

.tab_right {
width:100%;
}

.tab_right_row {
width:50%;
float:left;
}

.tab_right_row_right_img .overlay_hover_outer {
float:left !important;
}

}

@media screen and (max-width: 1250px){

.bottom_display_left, .bottom_display_right {
display:none;
}

.bottom_display_text {
width:auto;
}

.s5_level1_span1 {
padding-left:8px;
padding-right:8px;
}

#s5_nav li {
margin:0px;
}

#s5_menu_wrap {
margin-left:0px;
}

}


@media screen and (max-width: 750px){
	
	.tab_right_row {
	width:100% !important;
	float:left;
	}

	.tab_right_row_right_img .overlay_hover_outer {
	float:right !important;
	}

}


@media screen and (max-width: 1000px){
	
#s5_bottom_row3_inner {
display:block;
}

#s5_bottom_row3_inner .s5_float_left {
display:block;
float:left;
margin-bottom:20px;
border:none !important;
}

#s5_footer_area1 {
padding-top:10px;
}

.s5_level1_span1 {
padding-left:3px;
padding-right:3px;
}

}

@media screen and (max-width: 1200px){
	#s5_pos_custom_1 {
	display:none;
	}
}


@media screen and (max-width: 1300px){
	#s5_pos_custom_1 {
	display:none;
	}
	#s5_quick_contact_controller input {
	width:18% !important;
	}

	#s5_quick_contact_controller select {
	width:13% !important;
	}
	#s5_custom_7_pos_wrap {
	padding-left:10% !important;
	padding-right:10% !important;
	}
}

@media screen and (max-width: 1000px){
	#s5_pos_custom_1 {
	display:none;
	}
	#s5_quick_contact_controller input {
	width:16% !important;
	}

	#s5_quick_contact_controller select {
	width:11% !important;
	}
	.s5_qc_date_required input, .s5_qc_date input {
	background-image:none !important;
	}
	#s5_custom_7_pos_wrap {
	padding-left:6% !important;
	padding-right:6% !important;
	}
}

@media screen and (max-width: 750px){
	#s5_custom_7_pos_wrap {
	padding-left:3% !important;
	padding-right:3% !important;
	}
	.s5_icon_custom_7_close {
	margin-top:110px;
	}
}


/* S5 BOX
----------------------------------------------------------- */

@media screen and (max-width: 970px){

	#colorbox {
	width:50% !important;
	height:auto !important;
	}
	
	#cboxWrapper {
	width:100% !important;
	}
	
	#cboxContent, #cboxLoadedContent {
	width:100% !important;
	height:auto !important;
	}
	
	#colorbox {
	left:25% !important;
	width:50% !important;
	height:100% !important;
	top:25% !important;
	}
	
}

@media screen and (max-width: 750px){

	#cboxOverlay, #colorbox {
	display:none !important;
	}
	
}






