@media screen and (max-width:767px) {
    #nav {
        position: absolute;
        width: 250px;
        z-index: 999;
        background: #4C4F52;
        right: 0;
        top: 0px;
        padding: 10px 0px;
        display: none;
        box-sizing: border-box;
    }

        #nav.active {
            display: block;
            background: rgba(62,58,57,0.9);
        }

        #nav li {
            float: none;
        }

            #nav li a {
                line-height: 40px;
                padding: 0 0 0 35px;
                color: #fff;
                font-size: 14px;
                height: auto;
            }

                #nav li a.current {
                    border-bottom: none;
                }

                #nav li a:hover {
                    background: #6F7174;
                }

            #nav li:hover ul {
                display: none;
            }
}