.hamburger {
    display: none;
    font-size: 30px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
}

@media (max-width: 1000px) {
    .hamburger {
        display: block;
        position: relative;
    }
    #Navigation .MenuBarHorizontal {
        display: none !important;
        position: relative;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 1000;
    }
    #Navigation .MenuBarHorizontal.active {
        display: block !important;
    }
    #Navigation .MenuBarHorizontal li {
        width: 100%;
        text-align: left;
        display: block !important;
    }
    #Navigation .MenuBarHorizontal ul {
        width: 100%;
    }
}

@media (min-width: 1001px) {
    .hamburger {
        display: none !important;
    }
    #Navigation .MenuBarHorizontal {
        display: block !important;
        position: static;
    }
    #Navigation .MenuBarHorizontal li {
        display: inline-block !important;
    }
}