@media (max-width: 767px) {
  /* =====================
  .opac
  ===================== */

  .opac {
    padding: 10px 30px 20px 30px;
    height: auto;
  }

  /* =====================
  .library_calendar_table_wrap
  ===================== */

  .library_calendar_table_wrap,
  .color_table {
    margin: 5px;
  }

  /* =====================
  header
  ===================== */

  #header-sub-close {
    background: #FF8E00;
    background: linear-gradient(to bottom, lighter(#FF8E00, 10%) 50%, #FF8E00 100%);
  }

  ul#header-small-nav li {
    width: 50%;
  }

  /* =====================
  global-nav
  ===================== */

  /*  global-nav .root
  ------------------------*/

  #global-nav .root > li:nth-child(1),
  .en #global-nav .root > li:nth-child(1),
  #global-nav .root > li:nth-child(2),
  .en #global-nav .root > li:nth-child(2),
  #global-nav .root > li:nth-child(3),
  .en #global-nav .root > li:nth-child(3),
  #global-nav .root > li:nth-child(4),
  .en #global-nav .root > li:nth-child(4),
  #global-nav .root > li:nth-child(5),
  .en #global-nav .root > li:nth-child(5) {
    width: 100%;
  }

  #global-nav .root > li:last-child > a {
    color: #418DFF;
  }

  /* =====================
  mobile-btn
  ===================== */

  #mobile-btn a.active {
    color: #FFF;
    background: #FF8E00;
    background: linear-gradient(to bottom, lighter(#FF8E00, 10%) 50%, #FF8E00 100%);
  }

  /* =====================
  header-target-nav
  ===================== */

  #header-target-nav li {
    width: 100%;
  }

  #header-target-nav li:first-child a {
    text-align: left;
    padding-left: 15px;
  }

  #header-target-nav li:nth-child(even) {
    border-right: none;
  }

  #header-target-nav li:nth-child(2) a br {
    display: none;
  }

  .en #mobile-btn a {
    width: 50%;
  }
}