.sb-menu-right {
    position: fixed;

    height: 100%;

    overflow-y: hidden;

    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;


    -ms-transform: translateX(100%);
    transform: translateX(100%);
    position: fixed;
    box-sizing: border-box;
    background: #fff;
    height: 100%;
    width: 350px;
    text-align: left;
    right: 0px;
    top: 0px;
    z-index: 2147483647;
    /*box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px;*/
    font-weight: 300;
    /*padding: 15px;*/
    margin: 0px;
}





@media(max-width: 480px)
{
    .sb-menu-right{
        width: 320px;
       
    }
}

@media(max-width: 320px)
{
    .sb-menu-right{
        width: 100%;
        left:0;
       
    }
}