@media screen and (min-width:768px) and (max-width:992px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out}.row-offcanvas-right .sidebar-offcanvas{right:-400px}.row-offcanvas-left .sidebar-offcanvas{left:-400px}.row-offcanvas-right.active{right:400px}.row-offcanvas-left.active{left:400px}.sidebar-offcanvas{position:absolute;top:0;width:400px}}@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 .sidebar-offcanvas{right:-300px}.row-offcanvas-left .sidebar-offcanvas{left:-300px}.row-offcanvas-right.active{right:300px}.row-offcanvas-left.active{left:300px}.sidebar-offcanvas{position:absolute;top:0;width:300px}}.sidebar-offcanvas{position:absolute!important}