@charset "utf-8";
/* CSS Document */

/* all smartphones */
@media only screen
and (max-width : 767px) {
.x-tablet,.x-mobile,.x-phone,#supersized,.wrap-promotion,img.btn-book-room,#thumb-tray,.menu-toggle {display:none!important}
.x-pc,.phone-only,.mobile-slide {margin-top: 60px;display:block!important} 
.x-pc,.phone-only,.mobile-slide .map{height: 250px;}
.x-pc,.phone-only,.mobile-slide .map iframe{width: 100%;height: 100%;}
body {background:#fff!important}

header {height:60px; background:#333; float:left;position: fixed}
.in-header {width: 94%;margin: 0 3%;}
img.logo {margin: 0 auto;float: none;}
nav {height:164px;width: 100%;float: left;margin:10px 0 0 0;border-left:#515050 1px solid;border-bottom:#515050 1px solid}
nav ul {padding-right:0}
nav li {width: 100%;border-top: #515050 0px solid;background: transparent;
	/*width:50%;border-top: #515050 1px solid; background:#fbfbe9*/
}
nav a {float: none;padding: 5px 0 0 0;}

.home-hi-li {width: 88%;padding: 3%;}
.hi-li-bar {width: 94%;}
.home-main-content {width: 94%; height:290px; padding:0;background-size:100%; background:none}
.introduction {width: 100%;height: auto;background-size: 100% 100%; padding-bottom:20px}
.hi-li-promotion,img.best-rate {display:none}
.booking-bar {width: 94%;padding: 3% 3% 0 3%;}
img.head-booknow {display:none}
.start-price {float: left;width: 94%;}
.start-price a {display: block;float: left;width: 100%; margin-top:10px}
img.booknow {position: static;float: left;}
.three-column {width: 100%;margin: 0;height: auto;border-bottom: 1px #515050 solid;padding: 15px 0;}
.content {width: 100%;top: inherit;left: inherit;margin-top: 0;
	/*width: 100%;position: relative;top: inherit;left: inherit;margin-top:270px;*/}
#prevslide, #nextslide {display:none!important}
.introduction h1 {font-size: 30px;}

.content-float-layout {position: static;margin-top: 0px;}
.vertical-align-middile {width: 100%;}
.wrap-float-content {width:100%;margin: 0;}
.bg-red {background:#f0f0d8;width: 94%;height: auto;padding:15px  3%;}
.room-detail {background: #f0f0d8;width: 94%;height: auto;padding:15px  3%;}
.wide-content{width: 94%; height:auto;padding:15px 3%;}
.wide-content ul,.wide-content div,.location ul {float: none}
.wide-content div {margin-top:20px;}
.bg-dark {width: 94%; height:auto;padding:15px 3%; margin-top:0}
.contact,.contact-form {width:100%}
.contact {margin-top:0!important}
aside {position: static;width: 100%;margin-top: 20px;}
aside li {margin-left:0!important}
img.facilities-icon {width: 100%;}
.make-reservation2 {display:none}
img.thumb-map {width: 100%;}
.contact-field label {width: 100%;padding-right:0}
.contact-field input[type="text"], .contact-field select, .contact-field2 input[type="text"], .contact-field input[type="email"],.contact-field textarea,.contact-field2 {padding: 0;width: 100%;}
.special-offer {margin:280px 0 0 0; padding:0;}
.promotion-package {width: 94%; padding:15px 3%; margin:0;box-shadow:none}
.promotion-package img {width: 100%;margin:0 0 10px 0;}
.promotion-detail {width: 100%;margin-right: 0;}
.promotion-price {width: 94%;padding: 3%;}
img.btn-book2 {width: auto;height: 30px;float:left;margin: 15px 0 0 0;}
.gallery {width:94%;margin:0px auto 0 auto;padding:15px 3%; position:static}
.gallery img {width: 48%;margin: 1%;float: left;}
.fixed-bg {display:none}
.map-content {width: 94%;height: auto;position: static;box-shadow: none;padding: 3%; margin-top:280px}
.map-iframe {width:100%;top:0; left:0;}
.social {right: 65px;}
img.print-map {position: static;margin-top: 10px;}

footer {height:auto; position:static;}
.in-footer {width: 94%;margin:0 3%;line-height: normal; padding:15px 0}
.in-footer p {margin-bottom:15px}
.in-footer ul {float: left; margin-bottom:15px}
.in-footer li {line-height: normal;}
.footer2 {.height: auto;position: static; display:block}
address, .in-footer p {line-height:18px;}
#select-contact {display:block!important}
.in-header span {display:none}
.room-list {width:100%;margin:0 auto;}
.show-menu {width:94%;padding: 0 3%;}
.room-list-content {width: 94%;padding: 20px 3% 0 3%;}
.thumb-room-list {display:none}
.show-menu li {width: 48.8%;}
}

/*  ipad portrait,tablet and small screen*/
@media only screen
and (min-width : 768px)
and (max-width : 1023px) {
.x-tablet,.x-mobile,.mobile-slide,.x-tablet {display:none!important}
.x-pc {display:block!important}
/*header {height: 140px; background:#f0f0d8 url(../images/bg-thenest2.png) top center repeat-x}*/
.in-header {width: 94%;margin: 0 3%;}
/*nav {width: 100%;float: left;margin: 0}*/
nav ul {width:720px;padding-right: 0;}
/*nav a {padding: 5px 20px 0 20px;}*/
#select-home {border-left:#515050 1px solid}
.wrap-float-content {width: 94%;margin: 0 3% 15px 3%;}
.home-hi-li {width: 94%}
.hi-li-bar {width: 94%;}
.three-column h2 {font-size: 18px;}
.home-main-content {width: 94%; height:290px; padding: 0 0 15px 0;background-size:100%}
.introduction {width:100%; height:inherit}
.hi-li-promotion,img.best-rate {display:none}
.gallery {width: 92%;margin: 150px auto 30px auto;padding: 2%;}
.gallery img {width: 18.6%;}
.map-content {width: 94%;height: auto;position: absolute;top: inherit;left: 0;bottom: 60px;box-shadow: none;padding: 3%;}
.map-iframe {width:100%;top:0; left:0;}
.attraction {width:94%; margin:510px 0 0 0; position:static; height:auto; min-height:20px; padding:3% 3% 80px 3%}
.map-iframe2 {width:100%; height:400px; position: absolute; top:110px; left:0 ;z-index:-1;}
#select-contact {display:block!important}
.in-header span {display:none}
.make-reservation,.make-reservation2 {top:0;}
.promotion-package {width: 90%;margin:0 auto 30px auto;}
.special-offer {margin:140px auto 0 0;padding: 30px 0 15px 0;}
.room-list {width: 96%;margin: 140px auto 15px auto;}
.show-menu {width: 100%;}
.room-list-content {width: 96%;}
.thumb-room-list {display:none}
.social {top: 10px;}

footer {height: 30px;}
.in-footer {width: 94%;margin: 0 3%;}
.in-footer ul {float: left;}
.in-footer li {line-height: 20px;}
}

/* ipad landscape, 1024-1100 screen */
@media only screen
and (min-width : 1024px)
and (max-width : 1100px) {
.x-tablet,.mobile-slide {display:none!important}


}

/* desktop over 1600 */
@media only screen
and (min-width : 1601px) {
	
}

/* short screen */
@media only screen
and (min-width : 768px) 
and (max-width : 1023px)
and (max-height : 770px) {

}

/* short screen */
@media only screen
and (min-width : 1024px)
and (max-height : 599px) {


}

@media only screen
and (min-width : 1440px)
and (min-height : 600px) {

}

@media only screen
and (min-width : 1024px)
and (max-width : 1200px)
{

}

@media only screen
and (min-width : 1024px)
and (max-height : 670px) {

}