/* Reset */

.mobile-wrapper {
    position: absolute;
    right: 5px;
    top: 28px;
    display: none;
}
.mobile-wrapper div {
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

.mobile-callaction {
    display: none;
}

@media only screen and (max-width: 1830px) {
	.content-main {width: 83%;}
	.content-right {width: 17%;}
}

@media only screen and (max-width: 1790px) {
	.jThumbnailScroller.vertical {height: 550px;}
}

@media only screen and (max-width: 1730px) {
	.content-main {width: 80%;}
	.content-right {width: 20%;}
}

@media only screen and (max-width: 1700px) {
	/*.mainstreet {width: 88%;}*/
}

@media only screen and (max-width: 1600px) {
	.jThumbnailScroller.vertical {height: 420px;}
}

@media only screen and (max-width: 1500px) {
	/*.mainstreet {width: 86%;}*/
}

@media only screen and (max-width: 1490px) {
	.content-main {width: 77%;}
	.content-right {width: 23%;}
    .room-types-bar li img {
        /*height: 150px !important;*/
    }
    .room-type-header { font-size: 11px;}
}

@media only screen and (max-width: 1315px) {
	.jThumbnailScroller.vertical {height: 285px;}
	.room-facility {display: inline-block; float: left; margin-right: 10px; width: auto !important;}
    .attraction-wrap {height: 360px; width: 500px;}
}

@media only screen and (max-width: 1300px) {
	/*.mainstreet {width: 84%;}*/
	/*.main-content {min-height: 300px;}*/
	.phone {font-size: 16px; padding-top: 7px;}
	.rhs {padding: 7px 3px;}

}

@media only screen and (max-width: 1130px) {
	/*.mainstreet {width: 82%;}*/
    /* Facility Scroller */
    .mobile-scroll .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft {
        background-image: url("/images/arrow_left.png");
        background-position: 0 center;
        width: 20px;
        height: 100%;
        top: 0;
        background-color: #E4E4E4;
    }
    .mobile-scroll .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
        background-image: url("/images/arrow_right.png");
        background-position: 0 center;
        width: 20px;
        height: 100%;
        background-color: #E4E4E4;
    }
    .mobile-scroll .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerContainer {
        /*visibility: hidden;*/
        top: auto;
    }
    .mobile-scroll .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
        height: 100%;
        bottom: auto;
        top: 0px;
        opacity: 1;
    }
    .mobile-scroll .mCSB_horizontal > .mCSB_container {margin-bottom: 15px;}
    .mobile-scroll .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {opacity: 1;}
    .mobile-scroll .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {opacity: 1;}
    .room-facility:first-child {margin-left: 20px;}
    .room-facility:last-child {margin-right: 20px;}


    .faqContent {
        width: 70%;
    }
    #faq ul li h3 {
        width: 70%;
    }

    .hub-rhscontent {
        padding: 10px;
    }

    .hubelement-buttoncontainer {
        height: 50px;
    }
    .button.hubelement-button {
        margin-top: 0px;
    }
}



@media only screen and (max-width: 1015px) {
	/*.mainstreet {width: 80%;}*/
}
@media only screen and (min-height: 768px) {
	/*.supporter {
		position: absolute;
		left: 0;
		width: 250px;
		bottom: 296px;
	}*/
}
@media only screen and (max-width: 925px) {
	.mobile-banner-wrapper, .mobile-callaction {display: block;}
	.mobile-banner {display: none;}
	.supporter {display: none;}
	.red {font-size: 9px;}
	.phone {font-size: 22px; padding-top: 5px;}
	.rhs {padding: 15px;}
	#left-nav {position: relative; width: 100%; padding: 5px 0 0px 0;}
	.nav-bar {margin-top: 0; display: none;}
	.nav-bar > li {border-left: none;}
	.search {position: relative; width: 100%; bottom: 0; display: none;}
	.welcome {position: relative; width: 100%; }
	.candy {position: relative; width: 100%; bottom: 0;}
	#footer {height: auto;}
	.mobile-wrapper {display: block;}

	.mainstreet {width: 100%; float: none; padding-left: 0;}
	.content-main {width: 100%; float: none;}
	.content-right {width: 100%; float: none;}
	.jThumbnailScroller.vertical {height: 125px;}
	.jThumbnailScroller.vertical .jTscrollerNextButton {
		background: url("/images/arrow-right.png") no-repeat scroll center center #333333;
		height: 100%;
		width: 20px !important;
		right: 0;
		bottom: 0;
	}
	.jThumbnailScroller.vertical .jTscrollerPrevButton {
		background: url("/images/arrow-left.png") no-repeat scroll center center #333333;
		height: 100%;
		width: 20px !important;
		left: 0;
		top: 0;		
	}
	.jThumbnailScroller.vertical .jTscrollerNextButton:hover {
	    background: url("/images/arrow-right.png"); 
	    background-repeat: no-repeat;
	    background-color: #333333;
	    background-position: center center; 
	}
	.jThumbnailScroller.vertical .jTscrollerPrevButton:hover {
	    background: url("/images/arrow-left.png"); 
	    background-repeat: no-repeat;
	    background-color: #333333;
	    background-position: center center; 
	}
	#bx-pager img {margin-bottom: 0;}
	.rhs-candy, .attraction {max-width: 300px; margin: 0 auto;}
	#left-nav{ height: auto; }
	.fixed-header {display: none;}
	.feedback-submit-container {clear:both; padding-top: 10px;}
	.button.feedback-submit {width: 100px !important; margin: 0 auto;}
	.room-types-bar {padding: 10px; margin-top: -30px;}
	.things-do {margin-top: 0px;}
	.hide-on-mobile {display: none;}
	.menu-submenu {
	    background: none;
	    position: static;
	    width: auto;
	}
	.nav-bar li ul.menu-submenu li {text-align: right;}
	.room-gallery-container .bx-wrapper {
	    width: 100%;
	}
	/* Mobile gallery */
	.room-gallery-container {padding: 0 40px; width: auto; background-color: #ffffff; overflow: hidden;}
	.room-gallery-container .bx-viewport {overflow: visible !important;}
	.room-gallery-container .bx-wrapper .bx-prev {
		background-image: url("/images/arrow_left.png");
		background-position: 0 0;
		left: -6px;
	}
	.room-gallery-container .bx-wrapper .bx-next {
		background-image: url("/images/arrow_right.png");
		background-position: 0 0;
		right: -6px;
	}
	.room-gallery-container .room-gallery img {padding: 0 10px !important;}
	.room-gallery-container .bx-controls.bx-has-controls-direction {clear:both;}
	.room-gallery-container .bx-wrapper .bx-controls-direction a {width: 13px; height: 30px;}

	/* Attraction gallery */
	.attr-wrap {padding: 0 10px !important;}

	/* Mobile Review */
	.reviews-main .bx-wrapper {padding: 0 15px;}
	.reviews-main .bx-wrapper .bx-prev {
		background-image: url("/images/arrow_left.png");
		background-position: 0 0;
		left: -6px;
	}
	.reviews-main .bx-wrapper .bx-next {
		background-image: url("/images/arrow_right.png");
		background-position: 0 0;
		right: -6px;
	}
	.reviews-main .bx-wrapper .bx-controls-direction a {width: 13px; height: 30px; margin-top: -30px}
	.room-types-bar li {width: 24%;}

    .location {
        text-align: center;
        margin-top:10px;
    }
    .welcome{
    	float: none;
    }

    .bestrates {position: relative; width: 100%; bottom: 0; display: none;}

    .hubelement-buttoncontainer {
        height: 80px;
    }
    .button.hubelement-button {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 850px) {
    .faqContent {
        padding: 0 31px 0 31px;
        width: 90%;
    }
    #faq ul li h3 {
        width: 90%;
    }

}

@media only screen and (max-width: 800px) {
    .attraction-wrap {height: 370px; width: 666px;}


}

@media only screen and (max-width: 770px) {
    .faqContent {
        padding: 0 31px 0 31px;
        width: 100%;
    }
    #faq ul li h3 {
        width: 100%;
    }
}



@media only screen and (max-width: 767px) {
	.jThumbnailScroller.horizontal .jTscrollerPrevButton {width: 20px !important;}
	.jThumbnailScroller.horizontal .jTscrollerNextButton {width: 20px !important;}
	.room-types-bar li {width: 33%;}
	#footer {text-align: center;}
	.social {margin-right: 0; display: block;}
	#faq ul {padding-bottom: 0;}
	.main-content {padding-left: 30px; padding-right: 30px;}
	.page-header {margin-left: 30px; margin-right: 30px;}
	.room-facilities-bar {padding-left: 30px; padding-right: 30px;}
}

@media only screen and (max-width: 700px) {
    .hubelement-wrap {
        margin-bottom: 25px;
    }
    .hubelement-right,.hubelement-left {
        float: none;
        width: auto;
        margin: 0 auto;

    }
    .hubelement-img-wrap {
    }
    .hubelement-title {
        min-height: inherit;
    }
}


@media only screen and (max-width: 650px) {
	.red {float: none; margin-right: 20px;}
	.room-facility {width: 65px !important; }
	.room-facility:last-child {margin-right: 0;}
	.room-facilities-text {margin-bottom: 0;}



	/* Mobile Rooms */
	.room-types-bar {background: none; overflow: hidden;}
	.room-types-bar .bx-viewport {overflow: visible !important;}
	.room-types-bar li {padding: 0 10px;}
	.room-types-bar .bx-controls.bx-has-controls-direction {clear:both;}
	.room-types-bar .bx-wrapper .bx-controls-direction a {width: 13px; height: 30px;}
	.room-types-bar li {width: 61%;}

	.room-types-bar .bx-wrapper {padding: 0 15px;}
	.room-types-bar .bx-wrapper .bx-pager {display: none;}
	.room-types-bar .bx-wrapper .bx-prev {
		background-image: url("/images/arrow_left.png");
		background-position: 0 0;
		left: 11px;
		background-repeat: no-repeat;
	}
	.room-types-bar .bx-wrapper .bx-next {
		background-image: url("/images/arrow_right.png");
		background-position: 0 0;
		right: 7px;
		background-repeat: no-repeat;
	}
	.room-types-bar li {background: none;}
	.room-types-bar li .room-type-header {background: none repeat scroll 0 0 #2E2E2E;}
}

@media only screen and (max-width: 600px) {
	.mobile-banner {display: block;}
    .mobile-callaction {display: block; padding: 15px 10px;}
	.mobile-banner-wrapper {display: block;}
	#maximage, #maximage img {display: none;}
	.contactList .phone {display: none;}
	.welcome .contents {height: auto;}
	.review-links {width: 49%; height: 35px; background-size: auto;}
	.review-links.tripadvisor {background-size: 125px;}
	.review-links.expedia {background-size: 125px;}
    .attraction-wrap {height: 200px;width: 378px;}
    #footer {position: relative;}
}

@media only screen and (max-width: 480px) {
	.rhs-candy img {width: 100%;}
	#bx-pager img {width: 120px;}
	.jThumbnailScroller.vertical {height: 65px;}
    .attraction-wrap {height: 200px;}

    .room-types-bar li {width: 78%;}
/*	.room-types-bar li {width: 47%;}*/
}

@media only screen and (max-width: 430px) {
	.arrive-depart {
		float: none;
		width: auto;
	}
	.arrive-depart + .arrive-depart {float: none;}
}

@media only screen and (max-width: 400px) {
    .hubelement-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 395px) {
	.redprop-footer {
		display: block;
	}
	.breaker {
		display: none;
	}
	.red {
	    line-height: 18px;
	    padding: 10px 0;
	}
}

@media only screen and (max-width: 380px) {
	.candy-block {width: 130px; height: 100px;}
	.attraction-wrap {height: 200px;width: 218px;}
}

@media only screen and (max-width: 360px) {
	.candy {height: auto;}
	.candy-block {margin-bottom: 10px;}
	.mobile-callaction .mobile-callaction-call.mobile-callaction-button {
		display: block;
		margin: 0 auto 10px;
	}
}

@media only screen and (max-width: 330px) {
	.footerLinks a {font-size: 10px;}
	.footerLinks {display: block; margin: 0 auto; text-align: center;}
}

@media only screen and (min-width: 926px) and (max-height: 640px) {
	#left-nav {overflow: visible;}
	#left-nav .search {position: fixed;}
	#left-nav .search > form {display: none;}
	#left-nav #nav {margin-bottom: 65px;}
}