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

/* all smartphones */
@media only screen
and (max-width : 767px) {
.x-tablet,.x-mobile,.x-phone,.wrap-promotion,img.btn-book-room,#thumb-tray,.bg-fade,#controls-wrapper,.menu-toggle,.live-chat {display:none!important}
.x-pc,.only-phone,.mobile-slide{display:block!important} 
header {position: static;height: auto;}
nav {width: 100%;height: auto;position: static;}
.logo {height: 70px;width: auto; margin:0 0 0 3%}
/*.btn-reservation {display:none}*/
.btn-reservation {height: 27px;width:80px;padding:5px 10px 0 0;left: auto;top:30px;border-radius: 5px 0px 0px 5px;right: 0px !important;font-size: .8em; text-align:right}
.btn-reservation span {display:none}
nav ul {width: 100%;height:auto;background: #f16d00;background-image: none;}
nav li {display: inline !important;line-height: 30px;margin: 0;font-size: .8em;float: left;width:33%;}
#home,.dropdown_fullwidth,.promotion-banner,.copyright {display:none!important}
#supersized {position: absolute!important;z-index:1!important;height:240px!important;width: 100%!important;top: 130px;}
.intro {position:static; width: 94%;text-align: left;top: 370px;padding: 3%;background: #f16d00; margin-top:240px}
.intro p {float: left;}
.intro h1 {font-size: 2em;}
.intro h2 {font-size: 1.4em;}
.expand {position:static; float:right}
.partner {position: static; height:auto; margin:10px 0 0 0;}
.partner img {width: 25%;margin: 0 4%;}
footer {position: static; /*height:auto;*/ border-top:1px solid #ccc; margin:10px 0 0 0; padding:10px 0}
footer li {line-height: 20px;}
.language {bottom: auto;right:10px;top:5px;}
/*.social {bottom: auto;right: auto;height: 20px;width: auto;top: 5px;left: 10px;}*/
#prevslide, #nextslide {position: absolute!important;top: inherit!important;bottom: auto!important;top: 250px!important;}
#prevslide {left:0!important;background: url('../images/back.png')!important}
#nextslide {right:0!important;background: url('../images/forward.png')!important}
.wrap-content {position: static;}
.content {width:94%;margin:20px auto 0 auto;position:static;}
.accommodation-l,.accommodation-c,.accommodation-r,.wrap-col2 { width:100%;height:auto; float: none; margin:0 0 10px 0}
.room1-2,.room1-1,.room1, .room2, .room3, .room4, .room5, .room6, .room7,.col2-l,.col2-r { width:100%;height:auto; float: none;}
.room img,.wrap-col2 img {display:none}
.room h2, .wrap-col2 h2 {padding:10px 3%; border-radius:5px;position: static; width:94%}
#nosupersized #supersized {display:none}
.content-title {position: static;text-align:left;padding: 0;height: auto;background: none;}
.content-title h1 {color: #F16D00;}
.content-head p {display: block;padding: 0;width: 100%;margin: 0px 0px 10px 0;}
span.roll {display:none!important}
.l-content {position: static;margin: 240px auto 0 auto;width: 94%;padding:15px 3%;}
.btn-booknow, .btn-booknow:link, .btn-booknow:hover {margin: 0px 3% 0px 0px;border-radius: 5px;}
.l-content h1 {margin: -15px -3.3% 10px -3.3%;padding: 10px 3% 3px 3%;border-radius: 0;font-size: 1.6em;}
.l-content a {text-decoration:none}
.content-item-list {padding:0;margin-top: 3%;}
.item-head {position: static;width:100%;border-radius:5px 5px 0 0;margin-bottom:0;}
.item-head h2 {margin:0;padding:5px 10px;}
.item-thumb {width: 100%;margin: 0;float: left;}
.item-detail {width: 94%;padding: 3%;}
.price-from {font-size: 1.5em;}
.price a {line-height: 32px;width: 110px;}
.price {padding: 5px 25% 0px 3%;width: 72%;}
.content-top {padding: 3%;width: 94%;margin: 0;}
.col3 {width: 100%;margin: 10px 0 0 0;}
.col2,.col3in4 {width: 100%;margin: 0;}
.row {padding: 3%;width: 94%;margin: 10px 0px;}
.contact-field label {width: 100%;padding-right: 0; line-height:20px}
.contact-field input[type="text"], .contact-field textarea, .contact-field2 input[type="text"], .contact-field input[type="email"] {
padding: 3px 3%;width: 94%;}
.contact-field select {width:100%}
.captcha-img {width:100px;margin: 0 15px 3px 0;}
.s-text {line-height: 25px;}
.contact-field2 {padding: 0px 0px 10px 0;float: left;}
.map {display:none}
.sitemap li {width:48%;}
.gallery img {width:18%; margin:.5%; height:auto; float:left}
.check-in, .check-out {margin: 10px 1% 0 1%;width: 44.5%;}
.select-room, .adult, .child, .night, .access-code {margin: 10px 1% 0 1%;width:29%;height: 22px;}
.reservation-bar input[type="text"] {
width: 99%;
text-align: center;
border: 1px #ccc solid;
padding: 3px 0;
background-image: none;}
.reservation-bar input[type="image"] {
margin: 10px 10px 10px 0!important;
float:right;
display: block;
}
.lpchat-container { display:none!important}
.room1-1, .room1-2 {margin: 0 2% 2% 0;}
.for-popup {display:none}
}

/*  ipad portrait,tablet and small screen*/
@media only screen
and (min-width : 768px)
and (max-width : 1023px) {
.x-tablet,.x-mobile,.mobile-slide,.copyright {display:none!important}
.x-pc {display:block!important}
nav {width: 100%;height: auto;}
.logo {height: 70px;width: auto;}
nav ul {width:690px;height:auto;background: #f16d00;background-image: none; margin:0 auto; border-radius:0 0 60px 60px}
.intro {bottom: 90px;right: 50px;width: 50%;}
.partner {position: absolute;bottom:100px;left:15px;height: auto;width: 250px;}
.partner img {width:31%; margin-right:1%}
.promotion-banner {bottom:170px;}
.content {width:740px;}
.room4 {height: 262px;}
span.roll {height:98%!important;}
.room1-1,.room1-2,.room1, .room2, .room3, .room5, .room6, .room7 {height: 128px;}
.content-title h1 {margin: 26% 0px 0px;font-size: 1.6em;}
.content-item-list {margin-top:100px;padding-bottom:50px;}
.price-from {font-size: 1.5em;}
.item-thumb {width: 27%;}
.item-detail {width: 50%;}
.price a {line-height: 32px;}
.sitemap li {width:32%}
nav li:first-child {margin-left:40px}
.content-item-list {padding: 50px 0 100px 0;}
.reservation-bar {
position: absolute;
float: inherit;
padding: 7px 3%;
top: 0;
left: 0;
width: 94%;
height: 22px;
}
footer {height:70px}
footer ul {
margin: 34px 0 0 15px;
}
.lpchat-container {top: 140px !important;}
.photo-popup { width:500px; height:313px !important; margin-top:20px }
.for-popup {top:150px !important}

}

/* ipad landscape, 1024-1100 screen */
@media only screen
and (min-width : 1024px)
and (max-width : 1100px) {
.x-tablet,.mobile-slide {display:none!important}
.reservation-bar input[type="text"] {
width: 70px;
text-align: center;
padding: 3px 0;
background-image: none;
}
}

/* 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) {

}