@media only screen and (device-width: 768px) {
  body {background:#EFEFEF;}
  #bg {display:none;}
  .header {position:absolute;}
  .main .sub.fixed, #calendar-wrapper.fixed {position:relative; top:0;}
  .header .test { border:1px solid #F00 !important;}
}
/* ipad portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .header {height:696px !important;}
  .header .booking {position:relative; margin:20px 0 0 8px; left:auto; bottom:auto;}

}
/* viewport heights */
@media screen and (max-height: 740px) {
  .header .booking {/*bottom:20px;*/}
  .header .booking h2, .header .booking .hr {display:none;}
  .header .booking .pref {display:none;}
}
@media screen and (max-height: 740px) {
  .header .booking-wrap {
    padding:10px 16px; width:142px; height: 240px;
    background:rgba(255,255,255,0.7);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%rgba(255,255,255,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.85) 100%); /* Opera11.10+ */
    background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.85) 100%); /* W3C */
  }
  .header .booking {display: none; left:190px; bottom:0; padding-left:10px;}
  .header .booking h2, .header .booking .hr {display:block; text-align:left;}
    .header .booking-wrap label {
    font-size: 11px;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    color: #333333;

  }
  .booking .half-1, .booking .half-2 { padding: 0; }
  .booking .half-2 {margin:0;}
  .booking .half-2 a {text-align: center; padding:6px 0;}
  .bookingToggle, .booking .arrow {display:block;     background: url(/images/arrow_white.png) no-repeat 100% 150px;}
  body.jp .header .booking-wrap {width:142px;}
  body.ko .header .booking-wrap {width:147px;}
  body.zh .header .booking-wrap {width:146px;}
  body.es #tabs_container ul.tabs li.mod-tab a { width: 58px; }
  body.jp #tabs_container ul.tabs li a { padding-left: 14px !important; padding-right: 14px !important; }
  body.jp #tabs_container ul.tabs li.res-tab a { width: 38px; }
  body.jp #tabs_container ul.tabs li.mod-tab a { width: 78px; }
  .pt #tabs_container ul.tabs li a { padding: 3px 15px 3px 16px!important }
  .pt #tabs_container ul.tabs li.mod-tab a { padding-right: 17px !important; }
  .ru #tabs_container ul.tabs li a { padding-left: 0px !important; text-align: center; width: 99px; padding-right: 0px !important; }
  .ru #tabs_container ul.tabs li.mod-tab a { width: 73px !important; }
  
  .half-1 label, .half-2 label {
    font-size: 11px;
    font-family: Garamond, Georgia, "Times New Roman", Times, serif;
    color: #fff;
}
}
/*@media screen and (max-height: 761px) {
  body.soho .header .booking-wrap {background:#474747; padding:10px 16px; width:142px;}
  body.soho .header .booking {display: none; left:190px; bottom:0; padding-left:10px;}
  body.soho .header .booking h2, body.soho .header .booking .hr {display:block; text-align:left;}
  body.soho .booking .half-1, body.soho .booking .half-2 { padding: 0; }
  body.soho .booking .half-2 {margin:0;}
  body.soho .booking .half-2 a {text-align: center; padding:6px 0;}
  body.soho .bookingToggle, body.soho .booking .arrow {display:block;}
}*/
@media screen and (max-height: 740px) {
 .bestToggle {bottom: 80px !important;}
 #booking-wrapper .booking{ left:190px !important; bottom: 10px; }
a:active {
  outline: none;
}
a:focus {
  -moz-outline-style: none;
}
#tabs_container {
  width: 190px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  /* background: #fff; */
}
#tabs_container ul.tabs {
  list-style: none;
  height: 21px;
  margin: 0;
  position: relative;
  left:-1px;
  top: 9px;
  width: 177px;
}
#tabs_container ul.tabs li {
  float: left;
}
#tabs_container ul.tabs li a {
  font-family: Garamond, Georgia, "Times New Roman", Times, serif;
  padding: 3px 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  margin:1px;
  border-top: 1px solid #5D5A55;
  border-right: 1px solid #5D5A55;
  margin-right: 0px;
  text-decoration: none;
  background-color: #617b9e;
  color:#fff;
  -webkit-font-smoothing: antialiased;
}
.fr #tabs_container ul.tabs li a { padding-left: 15px; padding-right: 15px;}
.es #tabs_container ul.tabs li.mod-tab a { padding: 3px 21px; width: 55px; }
.pt #tabs_container ul.tabs li a { padding: 3px 19px; }
.ru #tabs_container ul.tabs li a { padding-left: 0px; text-align: center; width: 99px; padding-right: 0px; }
.ru #tabs_container ul.tabs li.mod-tab a { width: 86px; }
#tabs_container ul.tabs li.active a {
  padding-top: 4px;
  background: rgba(255,255,255,0.7);
}
div.tab_contents_container {margin-left: 0; }
div.tab_contents {
  display: none;
}
div.tab_contents_active {
  display: block;
}
}
/*@media screen and (max-height: 761px) {
 body.soho .bestToggle {bottom: 80px !important;}
 body.soho #booking-wrapper .booking{ left:190px !important;}
 body.soho div.tab_contents_container {margin-left: 0px !important; }
 body.soho  #tabs_container ul.tabs li a { padding-left: 15px !important; padding-right: 15px !important; margin:0px !important; }
 body.soho .booking-wrap {margin-top: -2px !important;}
 body.soho .header .booking { bottom:20px; }
 body.soho #tabs_container ul.tabs li.active a {background-color: #474747 !important; padding-top: 5px !important; }
 body.soho .res-tab{ border-bottom: #323232 solid 1px; margin-bottom: 0px !important}
 body.soho .mod-tab{border-bottom: #323232 solid 1px; margin-bottom: 0px !important}
 body.soho .active .two{ border-right:none !important; border-left:1px solid #323232 !important; color:#fff !important; border-bottom: none!important;}
 body.soho .active .one{ color:#fff !important; border-right:1px solid #323232 !important; border-bottom:none !important; }
 body.soho .active .tab {padding-bottom: 2px !important;}
 body.soho ul.tabs li {margin-top: 0px;}
}*/