.mobile-menu {
    display: none;
}

.mobile-menu-items {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    line-height: 15px;
    top:-250px;
}

.mobile-menu-item {}

@media only screen and (max-width: 767px) {

    .mobile-menu {
        z-index:5000;
        position:fixed;
        display: block;
        color:#FFF;
        width:100%;
        height:0;
    }
    
    .mobile-menu-title{
        width:100%;
        text-align:center;
        padding:15px;
        box-sizing:border-box;
        z-index:1;
        background-color:rgba(0,0,0,.8);
        top:0px;
        position:fixed
    }
    
    
    .mobile-menu-toggle{
        position:absolute;
        right:15px;
        top:18px;
        cursor:pointer;
        z-index:1
    }

    .mobile-menu-items {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position:relative;
        float:left;
        width:100%;
        line-height: 15px;
        margin-bottom:15px;
        box-sizing:border-box;
        background-color:rgba(0,0,0,.8);
        color:#FFF;
    }

    .mobile-menu-item {
        width:100%;
        position:relative;
        float:left;
        width:100%;
        text-align:center;
        padding:12px;
        color:#fff;
        border-bottom:1px solid rgba(255,255,255,.2);
        box-sizing:border-box
    }
}