@media only screen and (device-width: 768px) {

  body {background:#000;}

  #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: 715px) {

  .header .booking {/*bottom:20px;*/}

  .header .booking h2, .header .booking .hr {display:none;}

  .header .booking .pref {display:none;}

}

@media screen and (max-height: 715px) {

  .header .booking-wrap {background:#474747; padding:10px 16px; width:142px;}

  .header .booking {display: none; left:190px; bottom:0; padding-left:10px;}

  .header .booking h2, .header .booking .hr {display:block; text-align:left;}

  .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;}

  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; }

}

/*@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: 715px) {

 .bestToggle {bottom: 80px !important;}

 #booking-wrapper .booking{ left:190px !important;}

 div.tab_contents_container {margin-left: 0px !important; }

 #tabs_container ul.tabs li a { padding-left: 15px !important; padding-right: 15px !important; margin:0px !important; }

 .booking-wrap {margin-top: -2px !important;}

 .header .booking { bottom:20px; }

 #tabs_container ul.tabs li.active a {background-color: #474747 !important; padding-top: 5px !important; }

 .res-tab{ border-bottom: #323232 solid 1px; margin-bottom: 0px !important}

 .mod-tab{border-bottom: #323232 solid 1px; margin-bottom: 0px !important}

 .active .two{ border-right:none !important; border-left:1px solid #323232 !important; color:#fff !important; border-bottom: none!important;}

 .active .one{ color:#fff !important; border-right:1px solid #323232 !important; border-bottom:none !important; }

 .active .tab {padding-bottom: 2px !important;}

 ul.tabs li {margin-top: 0px;}

}

/*@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;}

}*/