@media screen and (max-width:767px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out;}
.row-offcanvas-right{right:0;}
.row-offcanvas-left{left:0;}
.row-offcanvas-right
.sidebar-offcanvas{right:-50%;}
.row-offcanvas-left
.sidebar-offcanvas{left:-50%;height:100%;background:#2D3590;color:#34404e;}
.row-offcanvas-right.active{right:50%;}
.row-offcanvas-left.active{left:50%;}
.sidebar-offcanvas{position:absolute;top:0;width:50%;}
}