.mainMenu {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.mainMenu>div {
    padding: 10px 20px;
    padding-top: 20px;
    position: relative;
}

div#MenuHolder {
    width: 1000px;
    max-width: 100%;
    position: relative;
    margin: auto;
    z-index: 1;
}

.mainMenu a {
    color: white;
    cursor: pointer;
}

.mainMenu>div:hover:before {box-shadow: inset 155px 0px 0px 0px #ffffff14;}

.mainMenu>div:hover a {
    /* color: #989898; */
}

div#HeaderLogo {
    position: absolute;
    left: 0;
    top: 14px;
}

.mainMenu>div:before {
    content: '';
    box-shadow: inset 0px 0px 0px 0px #ffffff00;
    transition: all .5s;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
}

div#MobileMenuBtn,div#MobileCloseMenuBtn{
    display: none;
}






@media all and (max-width: 800px){
    div#MobileMenuBtn {
        position: absolute;
        right: 20px;
        top: 20px;
        opacity: .6;
        display: block;
        display: none;
    }

    div#HeaderLogo {
        left: 15px;
    }

    div#MobileCloseMenuBtn {
        position: absolute;
        top: 15px;
        right: 15px;
        display: block;
    }

    .mainMenu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000000f0;
        flex-direction: column;
        font-size: 25px;
        justify-content: center;
        transition: all .3s;
        opacity: 0;
        pointer-events: none;
        z-index: -10;
    }

    .mainMenu>div {
        padding: 20px;
        padding-left: 0px;
        margin-left: -150px;
        transition: all .3s;
    }

    .showMenu .mainMenu>div {
        padding-left: 40px;
        margin-left: 0px;
    }

    .mainMenu>div:nth-of-type(2) {
        transition-delay: .08s;
    }
    .mainMenu>div:nth-of-type(3) {
        transition-delay: .12s;
    }
    .mainMenu>div:nth-of-type(4) {
        transition-delay: .19s;
    }
    .mainMenu>div:nth-of-type(5) {
        transition-delay: .24s;
    }
    .mainMenu>div:nth-of-type(6) {
        transition-delay: .29s;
    }

    .showMenu .mainMenu {
        opacity: 1;
        pointer-events: all;
        z-index: 10000;
    }

    body.showMenu {
        overflow: hidden;
    }
}