@media(max-width:700px){
    .sideMenuToggle{
        width:50px;
        min-width:50px;
        height:50px;
        background-color: transparent;
        position:relative;
        margin-left:15px;
        cursor:pointer;
    }
    .sideMenuToggle .hamburger{
        display:inline-block;
        height:2px;
        width:30px;
        background-color:#555;
        border-radius: 50px;
        position:absolute;
        left:10px;
    }
    .sideMenuToggle .hamburger:nth-child(1){
        top:calc(33.33% - 1px);
    }
    .sideMenuToggle .hamburger:nth-child(2){
        top:calc(66.66% - 1px);
    }


    side-menu{
        position: fixed;
        top:0;
        bottom:0;
        left:-300px;
        width:300px;
        background-color: #fff;
        /*color:#fff;*/
        z-index: 1;
    }
    side-menu.opened{
        left:0;
        -webkit-box-shadow: 19px 0px 67px 8px rgba(0,0,0,0.56);
        -moz-box-shadow: 19px 0px 67px 8px rgba(0,0,0,0.56);
        box-shadow: 19px 0px 67px 8px rgba(0,0,0,0.56);
    }
    .menuHeader{
        padding:15px;
        background-color: #fff;
    }
    .menuHeader #avatar{
        width:60px;
        height:60px;
        -webkit-border-radius:60px;
        -moz-border-radius:60px;
        border-radius:60px;
        margin-right:15px;
    }
    .menuHeader #name{
        color: #333;
        outline: none;
        text-decoration: none;
        font-weight: normal;
        height: auto;
        padding: 0;
        text-align: left;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 11px;
        display: block;
        backface-visibility: hidden;
        text-transform: uppercase;
        font-family: 'ProximaNova', Sans-Serif;
        text-align:left;
    }
    .menuHeader #toggleCloseMenu{
        font-size:20px;
    }
    .menuHeader .sideMenuToggle .hamburger{
        display:inline-block;
        height:2px;
        width:35px;
        background-color:#333;
        border-radius: 50px;
        position:absolute;
        left:5px;
    }
    .menuHeader .sideMenuToggle .hamburger{
        top:calc(50% - 1px);
    }
    .opened .menuHeader .sideMenuToggle .hamburger:nth-child(1){
        transform: rotate(45deg);
    }
    .opened .menuHeader .sideMenuToggle .hamburger:nth-child(2){
        transform: rotate(-45deg);
    }
    side-menu li{
        list-style:none;
    }
    side-menu a{
        text-decoration: none;
        font-family: 'ProximaNovaLIght', sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        color:#999 !important;
        /*color:#fff !important;*/
    }
    side-menu a.active{
        font-weight:bold !important;
        color:#333 !important;
    }
    side-menu .firstLevel{
        padding-left:40px;
        padding-right:40px;
    }
    side-menu .firstLevel > li{
        margin-top:15px;
        margin-bottom:15px;
        width:100%;
    }
    side-menu .firstLevel > li > a{
        display: block;
        padding:5px 10px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
    }
    side-menu .secondLevel > li > a{
        padding-left:10px;
        padding-right:10px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
    }
    side-menu .secondLevel a{
        display:inline-block;
        margin-top:5px !important;
        margin-bottom:5px !important;
    }
}