@media (min-width: 992px) { .detail img { display: block; margin: 0 auto 10px; float: none !important; } }
@media (max-width: 1200px) { .room-detail { width: 100%; margin-left: 0; margin-bottom: 30px; }
  .room-slider { width: 100%; margin-bottom: 0; }
  .room-slider img { width: 100%; } }
@media (min-width: 768px) { .detail img { display: block; margin: 0 auto 10px; float: none !important; } }
@media (max-width: 1069px) { .eat { height: auto; margin-bottom: 15px; }
  .eat-list .img-box { width: 100%; float: none !important; }
  .eat-list .img-box img { width: 100%; }
  .eat-list .text-box { width: 100%; float: none !important; margin-bottom: 20px; padding: 20px; } }
@media (max-width: 768px) { .eat { height: auto; margin-bottom: 15px; }
  .reserve .form-block { width: 100%; }
  .reserve .input-line { width: calc(50% - 10px); margin-bottom: 20px; }
  .reserve .sub-btn { width: 30%; margin: 20px auto; float: none !important; }
  .head .logo { text-align: left; padding-left: 20px; }
  .head .logo img { width: 60%; }
  .head .head-bg .nav-bar { position: fixed; right: -300px; width: 300px; height: 100%; background: url("../images/nav_bg.jpg"); z-index: 999999; top: 0; }
  .head .head-bg .nav-bar ul li { float: none; width: calc(100% - 20px); font-size: 18px; padding-left: 20px; }
  .detail img { display: block; margin: 0 auto 10px; float: none !important; }
  .spa-slider-block { margin: 0; }
  .spa-slider1 { margin-bottom: 10px; }
  .spa-item { width: 100%; padding: 0; }
  .spa-item img { width: 100%; }
  .infos { margin: 20px 0; } }
@media (max-width: 530px) { .detail img { display: block; margin: 0 auto 10px; float: none !important; }
  .contact { text-align: center; }
  .contact .pull-left { float: none !important; margin: 5px 0; }
  .contact .pull-right { float: none !important; margin: 5px 0; }
  .block .text { padding: 0; display: flex; justify-content: center; align-items: center; }
  .block { height: auto; }
  .detail { text-align: center; }
  .detail img { margin-bottom: 10px; } }
@media (max-width: 450px) { .reserve .form-block { width: 100%; }
  .reserve .input-line { width: 100%; margin-bottom: 20px; }
  .reserve .sub-btn { width: 30%; margin: 20px auto; float: none !important; }
  .footer .pull-left { float: none !important; }
  .footer .pull-right { float: none !important; }
  .footer .text { width: 100%; text-align: center; margin-bottom: 10px; }
  .footer .code { text-align: center; margin: 0 auto 10px; }
  .footer .footer-contact { float: none !important; text-align: center; } }

/*# sourceMappingURL=wap.css.map */