/* Mobile header/menu correction. Desktop layout is intentionally untouched. */
@media screen and (max-width: 1180px) {
  html body #pagewrap #headerwrap,
  html body #pagewrap #headerwrap #header.header.pagewidth {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 12px !important;
  }

  html body #pagewrap #headerwrap #header.header.pagewidth .header-brand-container,
  html body #pagewrap #headerwrap #header.header.pagewidth > #kubota-desktop-logo {
    display: none !important;
    visibility: hidden !important;
  }

  html body #pagewrap #headerwrap #header.header.pagewidth > #site-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: min(220px, 72vw) !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 52px auto 12px !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  html body #pagewrap #headerwrap #header.header.pagewidth > #site-logo > a,
  html body #pagewrap #headerwrap #header.header.pagewidth > #site-logo > a > img.site-logo-image {
    display: block !important;
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body #pagewrap #headerwrap #header.header.pagewidth > #menu-button {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 48px !important;
    height: 48px !important;
    z-index: 11000 !important;
    background: #fafafa !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  html body #pagewrap #headerwrap #header.header.pagewidth > #main-menu-container {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: -100vw !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 80px 0 30px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    background: #f1f1f1 !important;
    transition: left .3s linear !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
  }

  html body #pagewrap #headerwrap #header.header.pagewidth > #main-menu-container.is-active {
    left: 0 !important;
  }

  html body #pagewrap #headerwrap #header.header.pagewidth > #main-menu-container #main-menu {
    position: static !important;
  }

  html body.kubota-menu-open {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 680px) {
  html body #pagewrap #headerwrap #header.header.pagewidth > #site-logo {
    width: min(200px, 68vw) !important;
    max-width: 200px !important;
    margin-top: 48px !important;
  }
  html body #pagewrap #headerwrap #header.header.pagewidth > #site-logo > a,
  html body #pagewrap #headerwrap #header.header.pagewidth > #site-logo > a > img.site-logo-image {
    max-width: 200px !important;
  }
}