/* Local responsive refinements for the static mirror. */
* { box-sizing: border-box; }
img, iframe, video { max-width: 100%; }
img { height: auto; }

@media (max-width: 767px) {
  html, body {
    width: 100%;
    min-width: 0 !important;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
  }

  body {
    font-size: 15px;
    line-height: 1.75;
  }

  .container,
  .inner,
  #wrapper,
  #content,
  #main,
  .main,
  .contents,
  .content,
  .l-wrap,
  .wrap,
  header,
  footer,
  section,
  article {
    width: auto !important;
    max-width: 100% !important;
  }

  .container,
  .inner,
  .contents,
  .content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .fLeft,
  .fRight,
  .left,
  .right,
  .main-left,
  .main-right,
  .side,
  .sidebar {
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
  }

  ul,
  ol {
    padding-left: 1.2em;
  }

  table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    border-collapse: collapse;
  }

  input,
  textarea,
  select,
  button {
    max-width: 100%;
    font-size: 16px;
  }

  iframe {
    width: 100% !important;
    min-height: 280px;
  }

  .slide,
  .slide_body,
  .bx-wrapper,
  .gallery,
  .photo,
  .product-list,
  .post-list,
  .news-list {
    width: 100% !important;
    max-width: 100% !important;
  }

  .product-list li,
  .news-list li,
  .post-list li,
  .gallery li,
  .photo li {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .gnav,
  nav,
  .nav,
  .global-nav {
    max-width: 100%;
  }
}