@media screen and ( min-width: 1000px ) {

  ul.sub-menu {

    transition: 300ms;

  }

  .menu-item a .rb-menu-button {

    position: relative;

  }

  .menu-item a .rb-menu-button:before {

    content: '';
    display: block;

    height: 1px;
    width: 50%;

    background-color: #fff;

    position: absolute;
    top: -10px;
    left: 50%;

    transform: translateX( -50% );

    transition: 300ms;

    opacity: 0;

  }

  .menu-item a .rb-menu-button:after {

    content: '';
    display: block;

    height: 1px;
    width: 50%;

    background-color: #fff;

    position: absolute;
    bottom: -10px;
    left: 50%;

    transform: translateX( -50% );

    transition: 300ms;

    opacity: 0;

  }

  .menu-item:hover a .rb-menu-button:before,
  .menu-item:hover a .rb-menu-button:after {

    width: 80%;
    opacity: 1;

  }

  .sub-menu .menu-item a .rb-menu-button:after,
  .sub-menu .menu-item a .rb-menu-button:before {

    display: none;

  }

}

@media screen and ( max-width: 999px ) {

  ul.sub-menu {



  }

}