@include breakpoint(small){
  .widget_nav_menu {
    ul.menu {
      list-style: none;
      margin: 0;
      padding: 0;
      li.menu-item-has-children {
        display: inline-block;
        position: relative;
        ul.sub-menu {
          list-style: none;
          display: none;
          li.menu-item-has-children {
            position:relative;
            display: inline-block;
            padding-right:100%;
            > a:after {
              content: ' > ';
              display: inline;
              position: absolute;
              color: scale-color($anchor-color, $lightness: 80%);
            }
            &:hover,&:focus-within {
              > ul.sub-menu {
                display: inline-block;
                position: absolute;
                top: 0;
                left: 50%;
                margin-left: auto;
                width: 100%;
              }
            }
          }
        }
        &:hover,&:focus-within {
          > ul.sub-menu {
            display: inline-block;
            position: absolute;
            margin-left: 0;
            background-color: $white;
          }
        }
      }
    }
  }

}
@include breakpoint(medium){
}
@include breakpoint(large){
}