.mobile-nav {
    background: #8b8b8d none repeat scroll 0 0;
    color: #8b8b8d;
    display: block;
    overflow: hidden;
    width: 100%;
    }

    .menu-btn {
        width: 96%;
        padding: 10px 2%;
        overflow: hidden;
        cursor: pointer;
    }


    .menu-responsive{
        position:fixed;
        top:0;
        z-index:9999;
        width:100%;

    }

    .mobile-nav-left {
   color: #fff;
    float: left;
    font-size: 18px;
    width: 90%;
    }

    .mobile-nav-right {
        float: right;
        width: 6%;
    }

    .menu-btn span {
        display: block;
        height: 3px;
        margin: 4px 0;
        background: #FFFFFF;
        z-index: 99;
    }

    .transitionHeight{
        -webkit-transition:all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    .responsive-menu {
    height: auto;
    max-height: 0px;
    overflow: hidden;
}

    .expand {
        height: auto;
        max-height: 999px;
    }

    .responsive-menu ul {
        margin: 0px;
        padding: 0px;
        border-bottom: 1px solid #cbcbcb;
    }

    .responsive-menu ul li {
        list-style-type: none;
    }

    .responsive-menu ul li a {
        background: #fff none repeat scroll 0 0;
        border-top: 1px solid #cbcbcb;
        color: inherit;
        display: block;
        font-size: 18px;
        padding: 9px 2%;
        text-decoration: none;
        width: 100%;
    }

    .responsive-menu ul li a:hover {
        text-decoration: none;
        background: grey;
        color:#FFF;
    }