#main-menu .main-menu-list{
    display:none;
}
#main-menu .main-menu-list.active{
    display:block;
}
#main-menu .header{
    display:none;
    flex-direction: column;
    cursor: pointer;
    padding: 10px 0px;
    align-items: flex-end;
    max-width: 35px;
    margin-left: auto;
    margin-right: 10px;
}
#main-menu .hamburger span {
    display: block;
    cursor: pointer;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#main-menu .hamburger.active span:nth-last-child(3) {
    transform: rotate(38deg) translate(0, -1px);
}

#main-menu .hamburger.active span {
    opacity: 1;
    transform: rotate(-40deg) translate(-2px, -1px);
}

@media screen and (max-width: 490px) {
    #main-menu{
        position: fixed;
        z-index: 100;
        left: 0px;
        top: 0px;
        right: 0px;
        background-color: #151515;
    }
    #main-menu .header {
        display: flex;
    }
    #main-menu ul li{
        display:block;
    }

    /* do kasacji dla nowych aplikacji */

    #main-menu #menu > li > ul.sub-menu{
        display:block !important;
        position: relative;
        left:0px;
    }
    #main-menu #menu > li{
        border-bottom:1px solid #5b5a5a;
        padding:5px;
    }
}