span.ruby-dropdown-toggle {
    transition: transform .3s ease
}

span.ruby-dropdown-toggle:after {
    transition: transform .3s ease
}

@media(min-width:767px) {
    ul.ruby-menu>li>a:after {
        transition: all .3s ease
    }
    ul.ruby-menu>li>ul>li>a:after,
    ul.ruby-menu>li>ul>li>ul>li>a:after,
    ul.ruby-menu>li>ul>li>ul>li>ul>li>a:after {
        transition: all .3s ease
    }
    ul.ruby-menu>li>ul,
    ul.ruby-menu>li>div {
        transform: translateY(25px);
        transition: all .3s ease
    }
    ul.ruby-menu>li:hover>ul,
    ul.ruby-menu>li:hover>div {
        transform: translateY(0)
    }
    ul.ruby-menu.ruby-vertical>li>ul,
    ul.ruby-menu.ruby-vertical>li>div {
        transform: translateX(25px);
        transition: all .3s ease
    }
    ul.ruby-menu.ruby-vertical>li:hover>ul,
    ul.ruby-menu.ruby-vertical>li:hover>div {
        transform: translateX(0)
    }
    ul.ruby-menu>li>ul>li>ul,
    ul.ruby-menu>li>ul>li>ul>li>ul,
    ul.ruby-menu>li>ul>li>ul>li>ul>li>ul {
        transform: translateX(25px);
        transition: all .3s ease
    }
    ul.ruby-menu>li>ul>li:hover>ul,
    ul.ruby-menu>li>ul>li>ul>li:hover>ul,
    ul.ruby-menu>li>ul>li>ul>li>ul>li:hover>ul {
        transform: translateX(0)
    }
    ul.ruby-menu>li>ul>li.ruby-open-to-left>ul,
    ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left>ul,
    ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left>ul {
        transform: translateX(-25px);
        transition: all .3s ease
    }
    ul.ruby-menu>li>ul>li.ruby-open-to-left:hover>ul,
    ul.ruby-menu>li>ul>li>ul>li.ruby-open-to-left:hover>ul,
    ul.ruby-menu>li>ul>li>ul>li>ul>li.ruby-open-to-left:hover>ul {
        transform: translateX(0)
    }
    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {
        transform: translateY(-50px);
        transition: all .5s ease
    }
    ul.ruby-menu>li.ruby-menu-mega-blog:hover>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>div,
    ul.ruby-menu>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>div {
        transform: translateY(0)
    }
    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li>div {
        transform: translateX(50px);
        transition: all .5s ease
    }
    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog:hover>div>ul.ruby-menu-mega-blog-nav>li.ruby-active-menu-item>div,
    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-blog>div>ul.ruby-menu-mega-blog-nav>li:hover>div {
        transform: translateX(0)
    }
    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>div {
        transform: translateY(-50px);
        transition: all .5s ease
    }
    ul.ruby-menu>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li:hover>div {
        transform: translateY(0)
    }
    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li>div {
        transform: translateX(50px);
        transition: all .5s ease
    }
    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop:hover>div>ul>li.ruby-active-menu-item>div,
    ul.ruby-menu.ruby-vertical>li.ruby-menu-mega-shop>div>ul>li:hover>div {
        transform: translateX(0)
    }
    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:before,
    ul.ruby-menu>li.ruby-menu-mega-shop>div>ul>li>a:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }
}