.sidebar-left,.sidebar-right{display:none}@media screen and (max-width:767px){body,html{overflow-x:hidden;height:100%}.sidebar-left,.sidebar-right{display:block}.offcanvas{position:relative;left:0;right:0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;-ms-transition:all .25s ease-out;transition:all .25s ease-out}.sidebar-offcanvas{width:300px;z-index:0;position:absolute;top:0;bottom:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.sidebar-left{left:0;right:auto;-webkit-transform:translate(-300px,0);-moz-transform:translate(-300px,0);-o-transform:translate(-300px,0);-ms-transform:translate(-300px,0);transform:translate(-300px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.sidebar-right{left:auto;right:0;-webkit-transform:translate(300px,0);-moz-transform:translate(300px,0);-o-transform:translate(300px,0);-ms-transform:translate(300px,0);transform:translate(300px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.offcanvas-left .sidebar-left{left:0;right:auto;width:300px;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.offcanvas-left .sidebar-right{opacity:0;transition:opacity ease 0s}.offcanvas-right .sidebar-right{left:auto;right:0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.body-wrapper{height:100%;overflow:hidden}.body-content{position:relative;z-index:2;height:100%;overflow:hidden;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}html.sidebar-offcanvas-active body .offcanvas-left .body-content{-webkit-transform:translate(300px,0);-moz-transform:translate(300px,0);-ms-transform:translate(300px,0);-o-transform:translate(300px,0);transform:translate(300px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}html.sidebar-offcanvas-active body .offcanvas-right .body-content{-webkit-transform:translate(-300px,0);-moz-transform:translate(-300px,0);-ms-transform:translate(-300px,0);-o-transform:translate(-300px,0);transform:translate(-300px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.header{position:absolute;top:0;left:0;right:0}.mobile-body-wrapper{height:100%;padding-top:80px}.mobile-body-scrollable{height:100%;position:relative}.mobile-body-scrollable-content{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width:320px){.sidebar-offcanvas{width:280px;z-index:0;position:absolute;top:0;bottom:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.sidebar-left{left:0;right:auto;-webkit-transform:translate(-280px,0);-moz-transform:translate(-280px,0);-o-transform:translate(-280px,0);-ms-transform:translate(-280px,0);transform:translate(-280px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.sidebar-right{left:auto;right:0;-webkit-transform:translate(280px,0);-moz-transform:translate(280px,0);-o-transform:translate(280px,0);-ms-transform:translate(280px,0);transform:translate(280px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}.offcanvas-left .sidebar-left{left:0;right:auto;width:280px;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}html.sidebar-offcanvas-active body .offcanvas-left .body-content{-webkit-transform:translate(280px,0);-moz-transform:translate(280px,0);-ms-transform:translate(280px,0);-o-transform:translate(280px,0);transform:translate(280px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}html.sidebar-offcanvas-active body .offcanvas-right .body-content{-webkit-transform:translate(-280px,0);-moz-transform:translate(-280px,0);-ms-transform:translate(-280px,0);-o-transform:translate(-280px,0);transform:translate(-280px,0);-webkit-transition:-webkit-transform 400ms ease 0s;-moz-transition:-moz-transform 400ms ease 0s;-o-transition:-o-transform 400ms ease 0s;-ms-transition:-ms-transform 400ms ease 0s;transition:transform 400ms ease 0s}}