.sidenav {
    background-color: #fff;
    height: 100%;
    left: 0;
    /*overflow-x: hidden;*/
    padding-top: 14px;
    position: fixed;
    top: 71px;
    transition: .5s;
    width: 0;
    z-index: 20;
    /*border: 1px solid #cdcdcd;*/
    overflow: hidden;
}

/*.sidenavR {*/
/*    background-color: #fff;*/
/*    height: 100%;*/
/*    overflow-x: hidden;*/
/*    padding-top: 60px;*/
/*    position: fixed;*/
/*    right: 0;*/
/*    top: 71px;*/
/*    transition: .5s;*/
/*    z-index: 20;*/
/*    width: 0px;*/
/*    border: 1px solid #cdcdcd;*/
/*}*/

.sidenavR {
    background-color: #fff;
    height: 100%;
    padding-top: 14px;
    position: fixed;
    right: 0;
    top: 71px;
    transition: .5s;
    z-index: 20;
    width: 0px;
    /*border: 1px solid #cdcdcd;*/
    overflow: hidden;
}








.sidenav a,
.sidenavR a {
    color: #818181;
    display: block;
    font-size: 25px;
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    transition: .3s;
}

.sidenav a:hover,
.offcanvas a:focus,
.sidenavR a:hover,
.offcanvas a:focus {
    color: #f1f1f1;
}

.sidenav .closebtn{
    font-size: 37px;
    margin-left: 43px;
    position: absolute;
    right: 15px;
    z-index: 999;
    top: -13px;
}
.sidenavR .closebtn {
    font-size: 37px;
    margin-left: 43px;
    position: absolute;
    left: -55px;
    z-index: 999;
    top: -13px;
}

@media screen and max-height 450px {

    .sidenav,
    .sidenavR {
        padding-top: 15px;
    }

    .sidenav a,
    .sidenavR a {
        font-size: 18px;
    }
}