@media screen and (max-width: 1200px) {
    body:not(.rtl) .sidebar-group.mobile-open {
        opacity: 1;
        right: 0;
        visibility: visible;
        z-index: 99;
    }

    .right-sidebar-group  {
        position: fixed;
        right: 0% !important;
        top: 0;
        bottom: 0;
        width: 30%;
        opacity: 0;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
        -webkit-box-shadow: 25px 0 30px 5px #000;
        -moz-box-shadow: 25px 0 30px 5px #000;
        box-shadow: 25px 0 30px 5px #000;
        visibility: visible;
    }

   
    body:not(.rtl) .sidebar-group.mobile-open-right {
        opacity: 1;
        right: 0;
        visibility: visible;
        z-index: 99;
    }


}