.responsive-menu-pro-spin .responsive-menu-pro-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.responsive-menu-pro-spin .responsive-menu-pro-inner::before {
    transition: top 0.1s 0.34s ease-in,
                opacity 0.1s ease-in;
}

.responsive-menu-pro-spin .responsive-menu-pro-inner::after {
    transition: bottom 0.1s 0.34s ease-in,
                transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.responsive-menu-pro-spin.is-active .responsive-menu-pro-inner {
    transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.responsive-menu-pro-spin.is-active .responsive-menu-pro-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out,
                opacity 0.1s 0.14s ease-out;
}

.responsive-menu-pro-spin.is-active .responsive-menu-pro-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out,
                transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}