.menu-box .nav-header {
    width: 100% !important;
    height: auto !important;
    display: flex;
    justify-content: center;
}
.menu-box .nav-header ul{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.menu-box .item{
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-decoration:none !important;
    position:relative;
    padding-bottom: 2px !important;
}
.menu-box .item span {
    padding: 0 !important;
    color: #fff;
    transition:all .3s;
}
.menu-box .item:hover span {color: #ffffff;}
.menu-box .item:after{
  content:'';
  width:0;
  height:1px;
  background:#fff;
  bottom:0;
  left:0;
  display:block;
  position:absolute;
  transition:all .5s;
}
.menu-box .item:hover:after{
  width:100%;
}
.menu-box .rmItem {
    padding: 10px 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.menu-box .rmToggle {
    margin: 0 !important;
    background:#fff;
    clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 0% 100%);
    width:10px !important;
    height:10px !important;
    transform:rotate(-45deg);
    transition:all .3s;
}
.menu-box .item:hover .rmToggle{
    transform:none;
}

.menu-box .rmSlide {
    position: relative !important;
    left: auto !important;
    width: 100% !important;
    top: auto !important;
}
.menu-box .rmSlide ul{
    top:auto !important;
    width: 100% !important;
}
.menu-box .rmSlide ul li a span{
    font-size:13px;
    color:#dbdbdb;
}
.menu-box .rmSlide ul li a:after{
  display:none;
}
