.desktop ul.#{$prefix}-nav-menu>li .sub-menu>li,
.desktop div.#{$prefix}-nav-menu>ul>li .children>li{
    position: relative;
}
.desktop ul.#{$prefix}-nav-menu>li .sub-menu>li .sub-menu,
.desktop div.#{$prefix}-nav-menu>ul>li .children>li .children{
    top: 20%;
    left: 100%;
    overflow: hidden;
    visibility: hidden;
    @include transition(all,1s,ease);
}
.desktop ul.#{$prefix}-nav-menu>li .sub-menu>li:hover .sub-menu,
.desktop ul.#{$prefix}-nav-menu>li .sub-menu>li:hover .sub-menu,
.desktop div.#{$prefix}-nav-menu>ul>li .children>li:hover .children,
.desktop div.#{$prefix}-nav-menu>ul>li .children>li:hover .children{
    opacity: 1;
    height: auto;
    top: 0;
    overflow: visible;
    visibility: visible;
}