/* short screen */
@media only screen
and (max-height : 670px) {

}


/* smartphones (portrait) */
@media only screen
and (max-width : 767px) {
body {background:#000 !important}
.x-pc,.main-select-menu { display:block; }
.x-phone,.x-mobile,nav,.socials,#prevslide,#nextslide,#supersized,#thumb-tray,.checkavailability,.booking-engine,.package-home,.bestrate,.package-home,img.qr-code,.mobile-scan,.flash,.btn-offers,.footer-text,.three-column {display:none !important}
header {width:100%; height:115px; position:static;}
.in-header {width:100%; height:115px; margin:0 auto; position:relative}
.logo {width:160px; height:auto; margin:20px 0 0 20px; float:left}
.mobile-slide { display:block; float:left; margin:0 auto;}
.content,.content-home {width:100%;margin:0 auto!important;position: static; border-radius:none}
.content h1 {position:static;padding:5px 0; color:#fff; background: none; margin:5px 0 0 0}
.topslide {margin:0 0 10px 0; float:left; background: none; min-height:inherit}
.intro,.contact,.location,.room,.gallery,.parinda,.promotion {width:92%;padding:0 1.5%; text-align:left; margin:0 auto; position:static}
.intro h1,.intro-room h1,.intro h1 span, .intro-room span,.intro p,.intro-room p {text-shadow: #000 1px 1px 1px; color:#eee;}
.intro h1,.intro-room h1 {font-size:32px; color:#fff}
.intro p,.intro-room p {font-size:18px}
.quick-contact {display:block;text-align:center; width:91%; margin:0 auto 15px auto;padding: 2%;background:rgba(255,255,255,.1); border-radius:none; border-top:1px solid #666; line-height:20px; color:#ccc }
.quick-link-wrap {width:100%; margin:0 auto; margin-top:15px}
.quick-link-wrap h2 { margin-bottom:0; text-align:left; font-size:14px; color:#ccc}
.quick-contact h3 {font-size:16px; color:#ccc}
.quick-link {width:48%; height:70px; background:rgba(255,255,255,.2); float:left; margin:1%; padding:4px 0 0 0; text-align:center; font-size:11px; font-weight:bold; font-style:italic; border-radius:none; color:#eee}
.quick-link:hover {text-decoration:none }
.quick-book {width:48%; height:70px; background:#c60909; float:left; margin:1%; padding:4px 0 0 0; text-align:center; font-size:11px; font-weight:bold; font-style:italic; border-radius:none; color:#eee; float:right}
.quick-book:hover {text-decoration:none }
.contact-form { display:block;float:left;width:100%}
.contact-field input[type="text"],.contact-field select,.contact-field2 input[type="text"],.contact-field input[type="email"],.contact-field textarea {width:100%}
.address {float:left;width:100%; line-height:20px; margin:15px 0 0 0}
.note {position: static}
a.gps, a.taxi-card { display:block; width:90%; margin:0 0 15px 0; padding:0 0 0 30px}
footer {height:40px; position: relative}
.maincontent {width:95%;padding:2% 2% 0 2%; background:none}
.btn-google {width:100%;margin:0 0 10px 0;}
.btn-taxi {width:120px; height:auto; position:static; margin-bottom:15px}
.btn-taxi2 {width:200px; height:auto; position:static; margin-bottom:15px}
.wide-text ul {float: inherit; margin:0 0 10px 0}
.mini-thumb {width:49%}
.dining-aside {width:100%; float:left; margin:15px 0}
ul.list50 {width:100%; float:left; margin:0 0 0 0}
ul.list5col {width:100%; float:left; margin: -15px 0 15px;}
.mini-thumb2 {background:#1b1b1b; width:99%; margin:1% .5%; color:#ccc; float:left; text-align:center; padding:0 0 5px 0}
.content2col {width:100%;}
.promotion-list-wrap {width:100%}
.promotion-list-wrap2 {width:100%}
img.booknow2 {margin:0; position:absolute; bottom:5px; right:10px; width:90px!important; height:auto}
.promotion-list img {width:100%;margin:0 0 5px 0;}
.promotion-detail { width:100%;}
.rate-table { width:100%; float:left}
.gallery img {width:48%; height:auto; margin:.5%}
ul.breadcrum {border:none;}
.breadcrum li {display:block; float: inherit; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:#333 solid 1px; border-right:none}
.room h3 {margin:15px 0 0 0}
.mobile-nav {color: #ccc;display: block;line-height: 20px;margin: 0 auto;padding: 2% 0;text-align: center;width: 95%;}
.mobile-nav ul {}
.mobile-nav li {display:inline; float:left; width:100%; margin-bottom:5px; text-align:left}
.mobile-nav a {display:block;color:#ccc; padding: 7px 2%;background:#333 url(../images/bg-mobile-btn.png) right top no-repeat; font-weight:bold}
.mobile-nav a:hover {color:#333; background:#e8e381 url(../images/bg-mobile-btn-over.png) right top no-repeat}
.mobile-nav h3 {font-size: 14px;font-weight: bold;line-height: normal;margin:5px 0 10px;text-align:left;color:#e8e381}
.mobile-book { display:block;position:absolute; right:0; bottom:0; height:47px; width:auto}
.sitemap ul {width:100%; margin:0}

ul.leftmenu {position: static;width:100%; background:rgba(0,0,0,.5); padding-top:15px}
.leftmenu li a {width: 94%}
a.btn-home-download {position: static; margin:15px 0 15px 3%; width:160px}
.villas-suites {width:100%; margin:0; border-radius:none; padding:0}
.roomdetail {width:100%; margin:0 0 2px 0; height: auto;}
.roomdetail:hover {background: none rgba(255,255,255,.7);}
.fr {float:right}
.heading {padding:0;background: none;width: 100%}
.detail {width: 94%;background: rgba(255, 255, 255, .8);color: #333;padding: 3%;line-height: normal;position: static;}
img.btn-book2 {width:100px; height: auto; margin:15px 0 0 0 }
.meeting-list ul {width:99%; float:left; margin:0 0 10px 1%}
.photo-gallery img {width:32.2%; height:auto; margin:0 .5% 1% .5%}
.wrap3div {width:100%}


}

/* smartphones (portrait) */
@media only screen
and (max-width : 320px) {

}

/*  ipad portrait,tablet and small screen*/
@media only screen
and (min-width : 768px)
and (max-width : 1023px) {
.checkavailability,.booking-engine,.socials,.flash {display:none !important}
header {width:100%; height:135px;}
.in-header {width:100%; height:135px;}
.logo {margin:20px 0 0 20px;}
nav {right:inherit; left:0;width:100%}
nav ul {width:100%}
nav li {margin:0 1.3%}
nav li a {font-size:14px;}
.bestrate {width:150px}
.reservation {width:722px;}
.reservation label {float: left;line-height: 14px;width: 100%; margin:5px 0 0 0;}
.reservation form {margin-top: 0;}
.reservation select {margin-top:0;}
.check-in,.check-out {width:130px; margin-right:.5%}
.ddroom,.ddadult,.ddchild {width:53px; margin-right:.5%}
.room {width:500px; margin:20% auto 0 auto;}
.qr-code { position:static; margin:0 5px; float:left}
.three-column {height:400px; width:31.8%; margin:0 1.5% 1.5% 0;}
.maincontent,.contact,.location,.room,.parinda,.promotion {margin: 0 auto;width:715px;}
.gallery {margin:160px auto 0 auto;width:715px;}
.gallery img {width: 12.9%;}
.address,.contact-form {width:33%}
.roomdetail {width:48%; margin:1%}
.promotion-list-wrap,.rate-table {width: 100%;}
.promotion-list-wrap2,.rate-table {width: 100%;}
.promotion-list {width: 98%;}
ul.list5col {width:19%; float:left; margin:0 .5% 15px .5%;}

.intro-room {width:720px; text-align:right; margin:0 0 20px 0}
/*#prevslide {top: 25% !important; left:0 !important}
#nextslide {top: 25% !important; right:0 !important}*/
#prevslide,#nextslide {display:none!important}
.in-footer {width:630px;padding-left:95px}
img.btn-anyavee-group { width:100px;}
.villas-suites {width: 715px;}
#thumb-tray {position: static!important;}
.detail {position: static;width: 451px;}
ul.leftmenu {width: 200px;}
.mobile-book { display:block;position:absolute; right:0; bottom:0; height:47px; width:auto}
.meeting-list ul {width:49%; float:left; padding-right:1%}
.wrap3div {width:100%}
.package-home {width:250px; position:absolute !important; top:0;}
.btn-taxi {position:static; float:right;margin: 0 0 15px}
.gallery img {width:16%; height:auto; margin:.1%}
.btn-offers {margin: 0 0.6% 70px 2%;}

}
/*small PC screen*/
@media only screen
and (min-width : 768px)
and (max-width : 1023px)
and (max-height : 730px)
{

}

/*super small PC screen*/
@media only screen
and (min-width : 768px)
and (max-width : 1023px)
and (max-height : 600px)
{

}

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

}

/* ipad landscape, 1024-1280 screen */
@media only screen
and (min-width : 1024px)
and (max-width : 1300px) {
nav {right:11%}
nav li a {font-size:13px;}
/*#prevslide, #nextslide {top: 40% !important}*/
#prevslide,#nextslide,.flash {display:none!important}
.content-location {width:70%; left:15%;}
.contact-detail {width: 47%;}
.three-column {height:390px; width:31.8%; margin:0 1.5% 1.5% 0;}
.reservation {width: 95.5%}
.maincontent {padding:1.5% 0 0 1.5%}
.check-in,.check-out,.ddroom,.ddadult,.ddchild {margin-right:.7%}
.reservation .head {margin-right:1%}
nav {position: absolute;bottom: 0;right:8%;width:92%;z-index: 10;}
.package-home {left:2.5%}
.intro {right:2.5%}
.roomdetail td {font-size:11px}
.btn-taxi {width:170px;}
nav li {display:inline;margin:0 0 0 2%; line-height:40px}
ul.list5col {width:19%; float:left; margin:0 .5% 15px .5%;}
.btn-offers {margin: 0 0.6% 70px 2%;}
/*.why-book-direct {position: absolute;bottom: 7%;left: 3%; width:300px}*/
}

/*super small smartphone*/
@media only screen and (max-width: 300px) {

}