.sm-navigation.toggle-content[aria-hidden="true"] {
  /* Start IE fallbacks */
  max-height: none;
  /* End IE fallbacks */
  max-height: initial;
  overflow: auto;
}

@media (max-width: $screen-xs-max) {

  .header-responsive .main-nav-container {
    position: relative;

    .nav-wrapper {
      padding: 0;
      position: absolute;
      top: 100%;
      transform: translateX(-100%);
      transition: transform $transition-duration;
      z-index: $zindex-dropdown;
      will-change: transform;
      color: $black;
      height: 0;
      overflow: hidden;

      &.visible {
        transform: translateX(0);
        width: 85%;
        height: 100%;
        overflow: visible;
        z-index: 100403;
      }
    }

    .main-nav-menu {
      left: 0;
      transform: translateX(0);
      transition: transform $transition-duration;
    }

    .nav-item {
      padding: 12px;
      background-color: $header-background;
      color: $white;

      + .nav-item {
        border-top: 1px solid $gray;
      }

      .menu-item {
        color: $white;
      }

      .dropdown-arrow {
        left: -10px;
        top: 3px;
        border-color: $white;
      }

      &.account-burger-menu,
      &.back-link {
        background-color: $white;
        color: $black;

        .menu-item {
          color: $black;
        }

        .dropdown-arrow {
          border-color: $header-background;
        }
      }
    }

    .menu-arrow:after {
      display: none;
    }

    //  Submenu
    .submenu {
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      transition: transform $transition-duration, opacity $transition-duration;
      will-change: opacity;

      li {
        display: block;

        &:not(.submenu-title):not(.back-link) {
          padding-left: 24px;
        }

        &.submenu-title {
          font-weight: bold;
        }

        a {
          color: $white;
        }
      }
    }

    .hidden-menu {
      z-index: -1;
      pointer-events: none;
      opacity: 0;
    }

    .moved-left {
      transform: translateX(-100%);
    }
   }
}