.mobileNav {
    position: fixed;
    top: 72px;
    z-index: 5;
    width: 100%;
    right: -100%;
    background-color: transparent;
    transition: background-color ease-in-out 1.5s .5s;
    bottom: 0;
}

.menuOpen .mobileNav {
    right: 0;
    background-color: #e52a21;
}

.fromRightSeparate li {
    list-style: none;
}

.fromRightSeparate li:first-child a {
    padding-top: 40px;
}

.fromRightSeparate li a {
    display: inline-block;
    padding: 10px 12px;
    background-color: #e52a21;
    width: 100%;
    margin-left: 100%;
    transition: margin-left ease-in-out 2s;
    color: white;
    font-size: 21px;
    text-transform: uppercase;
    border: none;
    text-decoration: none;
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
}

.mobileNav li a img {
    display: none;
}

.menuOpen .fromRightSeparate li a {
    margin-left: 0;
}

.mobileNav .submenu {
    display: none;
}




.fromRightSeparate li:nth-child(1) a {
    transition-duration: 0.2s;
}

.fromRightSeparate li:nth-child(2) a {
    transition-duration: 0.4s;
}

.fromRightSeparate li:nth-child(3) a {
    transition-duration: 0.6s;
}
.fromRightSeparate li:nth-child(4) a {
    transition-duration: 0.8s;
}
.fromRightSeparate li:nth-child(5) a {
    transition-duration: 1s;
}
.fromRightSeparate li:nth-child(6) a {
    transition-duration: 1.2s;
}

.fromRightSeparate li:nth-child(7) a {
    transition-duration: 1.4s;
}

.fromRightSeparate li:nth-child(8) a {
    transition-duration: 1.6s;
}

.fromRightSeparate li:nth-child(9) a {
    transition-duration: 1.8s;
}

.fromRightSeparate li:nth-child(10) a {
    transition-duration: 2s;
}