@media (min-width: 960px) {
.header  .menu.overflow {overflow:visible;}
.header {min-height:141px;}
.fade, .fade2, .fade3, .fade5, .homepage .numericControls, .homepage .footer {display:none;}
.homepage .slider {overflow: hidden; transition-duration: 3s; transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1); }
.homepage .slider.closed {max-height:0;}

/*
.header .fade-1 {opacity:1; }
.fade-2 {opacity:1; transition-delay:.5s;}
.header .fade-3 {opacity:1; transition-delay:1s;}
.fade-4{opacity:1; transition-delay:1.5s;}

.homepage .footer {opacity:0; transition:1.5s; }
.fade-5 {opacity:1; transition-delay:2s; }
.homepage .footer.fade-6 {opacity:1; transition-delay:2.3s; min-height:150px;}
.homepage .numericControls.fade-5 {opacity:1; transition-delay:2.8s;}

.noTransition{transition:none; transition-delay:0; opacity:1;}
.homepage .footer.noTransition, .homepage .numericControls.noTransition  {opacity:1;transition:none;transition-delay:0;} */

}

@media screen and (max-width:1024px) {
.contact-us .inner-bk .left-col {width:55%}
.contact-us .inner-bk .right-col {width:40%;} 
.contact-us .inner-bk .right-col .field textarea {/* width:260px; */}
.contact-us .inner-bk .right-col .field p {width:170px;/* float:left; */ margin-bottom:0;}
.contact-us .inner-bk .submit {position:relative; }
.city-hotspots .inner-bk {padding:0px; margin-bottom:0;}
.rooms .inner-bk, .facilities .inner-bk {padding-bottom:0; margin-bottom:0;}
.city-hotspots .introductionBk.attraction .imageBk, .city-hotspots .introductionBk.shopping .imageBk {left:0; }
.city-hotspots .introductionBk .imageBk {width:100%; position:relative; top:9px; }

.city-hotspots .introductionBk .imageBk img{width:100%; margin-top:5px; }
.city-hotspots .introductionBk .navBk .wrapper-2 {padding: 35px 0 0 0;}
.city-hotspots .introductionBk.museum .navBk .wrapper-2 {padding:35px 0 0 0;}
.city-hotspots .introductionBk .navBk {width:100%; }
.city-hotspots .introductionBk .navBk h1, .city-hotspots .introductionBk .navBk h2, .city-hotspots .introductionBk .navBk ul {padding-left:35px; padding-right:35px;}
.city-hotspots .introductionBk.attraction, .city-hotspots .introductionBk.shopping {padding-right:0;}
.city-hotspots .introductionBk {padding-top:0;}
.city-hotspots .inner-bk .wrapper-1 {padding-bottom:30px;}
.city-hotspots .introductionBk.museum .imageBk {right:0;}
.city-hotspots .introductionBk .imageBk .details h2 {padding-left:0;}
.city-hotspots .introductionBk.museum .navBk li p {text-align:left; padding-left:0;}
.city-hotspots .introductionBk.museum i {left:auto; right:0;   background: url('/img/arrow-right.png');}
.city-hotspots .inner-bk .description{padding-top:10px;}
.city-hotspots .inner-bk .description p:first-child {padding-top:25px;}

.city-hotspots .introductionBk .imageBk .details h2 {text-align:left;}
.homepage .sliderBox h2 {min-height:0px;}
.locationInner.left {width:100%;}
.locationInner.right {width:100%;}
.locationMap {padding-top:20px;}
}


@media screen and (max-width: 960px) {
.padding-top-20 {padding-top:0;}

.city-hotspots  .titleBk .title h1.left.clearfix  {clear:none; margin-top:50px;}
.mobileHide {display:none;}
.titleBk .title i.tagline {display:none;}

.homepage .slider .bannerSlide {display:none; background:none;}
.homepage .slider .bannerSlide.ipad {display:block; background:none;}
.homepage .slider .bannerSlide img{width:100%; display:block; min-height:100px;}
.homepage .slider, .homepage .slider .bannerSlide {height:auto;}

.inner-bk .description p {/* text-align:justify; */}
/*header*/
.menu {display:none;}
.header {background:#fff;}
.header {height:70px; position:fixed; top:0; z-index:1000; border-bottom:2px solid #E8e8e8;}
.header .ipad {display:block;}
.header .logo {height:60px; position:absolute; top:5px; left:33px; margin-left:0;}
.header .ipad-menu-icon {position:absolute; top:20px; right:28px; background:url('/img/res_menu.png')top left; display:block; width:35px; height:35px; cursor:pointer;}
.header .ipad-menu-icon.open {background:url('/img/res_menu.png')bottom left;}
.header .mainManu a{float:none; text-align:center; padding:15px 0; padding-left:0; border-top:1px dotted #e8e8e8; width:60%; margin:0 auto;}
.header .mainManu a:first-child {border:0;}
.header .ipad-menu {background:#fff; top:70px;  padding-bottom:10px;  border-top:2px solid #E8e8e8; border-bottom:2px solid #E8e8e8; width:100%; position:fixed; display:none; z-index:1000; overflow:auto; bottom:0;}
.header .ipad .langMenu {padding-bottom:35px; text-align:center; margin-top:4px;   padding-left: 20px; width: 125px; margin:0 auto; zoom:1;} 
.header .ipad .langMenu:after{content:'.'; display:block; clear:both; width:0; height:0; visibility:hidden; font-size:0;}
.header .ipad .langMenu .sepLine {background:url('/img/heaer-line.png') no-repeat; width:1px; height:8px; padding:0 10px; background-position:center center; margin-top:9px;}
.header .ipad .reservation {width:141px; height:30px; background:url('/img/reservations_btn.png') top left no-repeat; display:block; margin:10px auto; margin-bottom:100px;}
.header .ipad .reservation:hover {background-position:bottom left;}
.header .ipad .reservation p{text-transform:uppercase; font-size:.85em; text-align:center; }
.header .ipad .langMenu a {font-size:0.9em;}
.homepage .title i.tagline {display:none;}
.homepage .sliderBox {background:#333;}
/*footer*/
.footer .socialMenu {position:relative; top:0; left:0; overflow:auto; width:120px; left:50%; margin-left:-60px;}
.footer .footerTxt {text-align:center; float:left; width:100%;}
.footer .left{float:none; text-align:center;}
.footer {padding-bottom:35px;}
.footer a.fb, .footer a.weibo, .footer a.twitter{display:block; float:left; padding-right:20px;}
.footer .footerTxt .footerMenu .sepLine {display:none;}
.footer  p{padding:5px 0;}
.footer .wrapper {padding:0;}
.footer .footerBk {padding-top:20px;}
/*homepage*/

.homepage .sliderBox {width:100%;/*  top:472px; */}
.homepage .sliderBox .col-right {width:auto; float:left; height: 100px; margin-left:210px;}
.homepage .sliderBox .col-left {width:20%;}
.homepage .title i.tagline {left:160px;}
.homepage .numericControls {top:-106px; left:230px; right:auto;}
.homepage .footer {padding-bottom:20px; padding-top:0px;}
.homepage .slider{overflow:hidden; /* padding-bottom:130px; */ margin-top:70px;}
.homepage .sliderBox {top:0; position:relative;}
.homepage a.link {position:relative; display:none;}
/*facilities*/
/* .titleBk .title i.tagline {display:none;} */
#facilities .footer .footerTxt {padding-right:0;}
.inner-bk {padding-bottom:20px;}
.facilities {padding-top:28px;}
.facilities .wrapper {padding:0;}
.inner-bk .title {width:100%;}
.inner-bk .description {width:100%;}
.inner-bk .description p {padding:20px 0 0 0; height:auto;}
.city-hotspots  .inner-bk .description p {padding:20px 0 0 0; height:auto;}
#facilities .footer .socialMenu {left:50%;}
#facilities .footer .wrapper {padding:0;}
.facilities .inner-bk .thumbnail .btn {display:none;}
.facilities .inner-bk .thumbnail .thumbnailBk {width:25%; padding:0;}
#facilities .footer {padding-bottom:0;}
/*rooms*/
#rooms .footer .footerTxt {padding-right:0;}
.rooms {padding-top:28px;}
.rooms .wrapper {padding:0;}
#rooms .footer .socialMenu {left:50%;}
#rooms .footer .wrapper {padding:0;}
.rooms .inner-bk .thumbnail .btn {display:none;}
.rooms .inner-bk .thumbnail .thumbnailBk {width:20%; padding:0;}
.rooms .col {width:100%;}
.rooms .inner-bk .description p:first-child {margin-bottom:0px;}
#rooms .footer {padding-bottom:0px;}
/*about*/
#about-us .footer .footerTxt {padding-right:0;}
.about-us {padding-top:28px;}
.about-us .wrapper {padding:0;}
#about-us .footer .socialMenu {left:50%;}
#about-us .footer .wrapper {padding:0;}
#about-us .footer {padding-bottom:0px;}
.inner-bk .description h2 {padding-left:0;}
#about-us .description {padding-top:25px;}
.about-us .inner-bk {padding:0px;}
/*contact-us*/
.contact-us .titleBk .title h1.right {float:left; margin-left:188px; margin-right:0;}
#contact-us .footer .footerBk {padding-top:20px;}
#contact-us .footer .footerTxt {padding-right:0;}
.contact-us {padding-top:28px;}
.contact-us .wrapper {padding:0;}
#contact-us .footer .socialMenu {left:50%;}
#contact-us .footer .wrapper {padding:0;}
#contact-us .footer {padding-bottom:0px;}
.contact-us .inner-bk {padding:0px;}

/*city-hotspots*/
.city-hotspots.titleBk .title h1.right {float:left; margin-left:188px; margin-right:0;}
#city-hotspots .footer .footerTxt {padding-right:0;}
.city-hotspots {padding-top:28px;}
.city-hotspots .wrapper {padding:0;}

#city-hotspots .footer .socialMenu {left:50%;}
#city-hotspots .footer .wrapper {padding:0;}
#city-hotspots .footer {padding-bottom:0px;}
.city-hotspots .introductionBk .imageBk .details {left:35px;}
body, #about-us, #rooms, #facilities, #city-hotspots, #contact-us, #homepage, .homepage .header, .homepage .footer { background:#fff;}
.inner-bk {margin-bottom:20px; background:#fff;}
.footer {border-top:1px solid #e8e8e8;}
.footer .socialMenu p {padding-top:10px;}
/* .homepage .content {padding-bottom:20px;} */
.homepage .footer {border-top:0px;}
.homepage .footer .socialMenu p {padding-top:0px;} 


}

@media screen and (max-width:900px) {
.contact-us .inner-bk .left-col {width:100%}
.contact-us .inner-bk .right-col {width:100%; float:left} 
#phonenum-error {left:-55px; position:relative; width:230px; display:inline-block;}
#email-error, #name-error, #enquiry-error {/* left:10px; */ position:relative; }
#message-error {display:block;  top:28px;  }
}
@media (min-width: 760px) and (max-width:960px) {
.contact-us .inner-bk .description {width:auto;}
.contact-us .inner-bk .title {width:auto;}
}

@media screen and (max-width: 850px) {
.contact-us .inner-bk .description {padding-top:20px; width:100%;}
.contact-us .titleBk .title h1.right {clear:none; margin-left:15px; margin-top:50px}
}

@media screen and (max-width: 695px) {
.rooms .inner-bk .thumbnail .thumbnailBk{display:none;}
.rooms .inner-bk .thumbnail .btn {display:block; width:86px; margin-top:0;}
.inner-bk .title {/* height:135px; */}
.inner-bk .description p:first-child {padding-top:0px;}

.inner-bk .description {padding-top:20px;}


}

@media screen and (max-width: 586px) {
.room-services-spec{width:100%;}
}

@media screen and (max-width: 570px) {
.facilities .inner-bk .thumbnail .thumbnailBk{display:none;}
.facilities .inner-bk .thumbnail .btn {display:block; width:75px; margin-top:0;}
.contact-us .inner-bk .field p {float:none; width:100%;}
.contact-us .inner-bk .field input {float:left; width:275px;}
.city-hotspots .introductionBk .imageBk .details {position:relative; top:-9px; left:0; width:100%;}
.city-hotspots .introductionBk.museum .navBk .imageBk .details p, .city-hotspots .introductionBk.museum .navBk .imageBk .details h2 P{width:100%;}


}

@media (min-width: 475px) and (max-width: 960px) {
.homepage i.letter {left:35px;}
.homepage .title h1.left {left:95px;}
}

@media screen and (max-width: 475px) {
.inner-bk .wrapper-1 .slider-wrapper {padding:0 10px 0 10px;}


.homepage .content .wrapper {max-height:175px; height:175px;}
.homepage .sliderBox h2 {padding-top:0;}
.inner-bk .wrapper-1 {padding:0 10px;}
.header .logo {left:20px; margin-left:0;}
.homepage .slider{/* padding-bottom:180px; */}
.homepage .sliderBox {}
.homepage .sliderBox .col-left {width:100%; display:block; height:80px;}
.homepage .sliderBox .col-right {width:100%; margin-left:0; height:75px;}
.homepage .numericControls {/* top:-36px; left:50%; margin-left:-25px; */ display:none;}
.homepage .sliderBox h2 {font-size:1em;}
.header .mainManu a {padding:10px 0;}
.header .logo {left:10px;}
.header .ipad-menu-icon { right:5px; }
.city-hotspots .introductionBk .imageBk .details .wrapper-3 {padding:20px 10px 0 10px; /* text-align:justify; */}
#city-hotspots .inner-bk .banner, #rooms .inner-bk .banner, #facilities .inner-bk .banner, #about-us .inner-bk .banner, #contact-us .inner-bk .banner {height:130px; background-size:cover; }
.city-hotspots .introductionBk .navBk h1, .city-hotspots .introductionBk .navBk h2, .city-hotspots .introductionBk .navBk ul {padding-left:10px; padding-right:10px;}
/*facilities*/

.facilities .inner-bk .slider .caption {left:auto; position:relative; width:auto; margin-left:0;}
.inner-bk .titleBk {padding-bottom:5px;}

/*rooms*/
.rooms .inner-bk .slider .caption {left:auto; position:relative; width:auto; margin-left:0;}
.rooms .col p{width:80%; line-height: 16px; padding-bottom: 10px;}
.rooms .inner-bk .info .contact .contactBk .col i {margin-top:6px;}


/*contact-us*/
.contact-us .inner-bk .field input {float:left; /* width:95%; */}
.contact-us .inner-bk .field input.phonenum {width:172px;}

.mobileClearfix {clear:both;}

.banner .desktop,  .banner .desktop > div{display:none;}
.banner .mobile > div, .banner .mobile {display:block; max-height:130px;}

.city-hotspots  .titleBk .title h1.left.clearfix  {clear:both; margin-top:15px;} 
}

@media screen and (max-width: 370px) {
.titleBk .title h1.left {margin-top:18px; font-size:3.4em;}
.contact-us .titleBk .title h1.right {margin-top:28px; margin-left:10px;}
.contact-us .inner-bk .field input { width:230px;}

.rooms .extra-info .sepLine {display:none;}

}