body{padding-top:0}@media screen and (min-width:768px){.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:25%}.row-offcanvas-left .sidebar-offcanvas{background-color:#fff}.row-offcanvas-right.active{right:0}.row-offcanvas-left.active{left:0}.row-offcanvas-left.active .sidebar-offcanvas,.row-offcanvas-right.active .sidebar-offcanvas{background-color:#fefefe}.row-offcanvas .content{width:75%;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out}.row-offcanvas.active .content{width:100%}}@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%}.sidebar-offcanvas{position:absolute;top:0;width:50%}}