@media only screen and (max-width: 767px) {
html,body{margin:0;padding:0;width:100%}
body{overflow:hidden;overflow-y:auto}
body.snapjs-left{overflow-y:hidden;background-color:#fff}
body.snapjs-right{overflow-y:hidden;background-color:#fff}
.snapjs-right .snap-drawer-left{display:block;right:0;left:auto}
.snapjs-right .snap-drawer-right{display:none}
#content{background:#fff;padding-top:0}
#content:after{position:absolute;z-index:1;top:0;right:0;width:0;height:0;background:rgba(255,255,255,0.5);content:'';opacity:0;-webkit-transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;transition:opacity 0.3s,width .1s 0.3s,height .1s .3s}
.snapjs-right #content:after{width:100%;height:100%;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}
.snapjs-left #content:after{width:100%;height:100%;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}
.snap-drawer{display:none;position:fixed;top:0;right:auto;bottom:0;left:auto;width:260px;height:auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:width .3s ease;-moz-transition:width .3s ease;-ms-transition:width .3s ease;-o-transition:width .3s ease;transition:width .3s ease}
.snapjs-left .snap-drawer{display:block}
.snapjs-right .snap-drawer{display:block}
.snap-content{z-index:2;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.snap-drawers{position:fixed;top:0;right:0;left:0;width:auto;height:auto;height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index: 0;}
.snap-drawer-left{left:0;z-index:1}
.snap-drawer-right{right:0;z-index:1}
.snapjs-expand-left .snap-drawer-left,.snapjs-expand-right .snap-drawer-right{width:100%}
}