:root {
  --jc-menu-control-size: 54px;
  --jc-menu-control-art-size: 40px;
  --jc-menu-close-width: 130px;
}

@media screen and (max-width: 899px) {
  html body header .jc-menu-control.jc-menu-control,
  html body .hmb_cvr .jc-menu-control.jc-menu-control {
    appearance: none !important;
    position: absolute !important;
    top: 18px !important;
    right: 12px !important;
    left: auto !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--jc-menu-control-size) !important;
    min-height: var(--jc-menu-control-size) !important;
    padding: 7px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  html body header .jc-menu-control.jc-menu-control--open {
    visibility: visible !important;
    opacity: 1 !important;
    width: var(--jc-menu-control-size) !important;
    min-width: var(--jc-menu-control-size) !important;
  }

  html body header .jc-menu-control.jc-menu-control--open > img {
    display: block !important;
    width: var(--jc-menu-control-art-size) !important;
    max-width: var(--jc-menu-control-art-size) !important;
    height: var(--jc-menu-control-art-size) !important;
    max-height: var(--jc-menu-control-art-size) !important;
    object-fit: contain !important;
  }

  html body .hmb_cvr .jc-menu-control.jc-menu-control--close {
    width: var(--jc-menu-close-width) !important;
    min-width: var(--jc-menu-close-width) !important;
  }

  html body .hmb_cvr:not(.act) .jc-menu-control.jc-menu-control--close {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body .hmb_cvr.act .jc-menu-control.jc-menu-control--close {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body .hmb_cvr .jc-menu-control.jc-menu-control--close > img {
    display: block !important;
    width: var(--jc-menu-close-width) !important;
    max-width: var(--jc-menu-close-width) !important;
    height: var(--jc-menu-control-art-size) !important;
    max-height: var(--jc-menu-control-art-size) !important;
    object-fit: contain !important;
  }
}