@-webkit-keyframes toggleMobileMenuIn {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
}

@keyframes toggleMobileMenuIn {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
}

@-webkit-keyframes toggleMobileMenuOut {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
}

@keyframes toggleMobileMenuOut {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
}