@media max-width 480px {
.sb-slidebar {
width:70%;
}

.sb-width-thin {
width:55%;
}

.sb-width-wide {
width:85%;
}
}

@media min-width 1200px {
.sb-slidebar {
width:20%;
}

.sb-width-thin {
width:5%;
}

.sb-width-wide {
width:35%;
}
}

@media min-width 481px {
.sb-slidebar {
width:55%;
}

.sb-width-thin {
width:40%;
}

.sb-width-wide {
width:70%;
}
}

@media min-width 768px {
.sb-slidebar {
width:40%;
}

.sb-width-thin {
width:25%;
}

.sb-width-wide {
width:55%;
}
}

@media min-width 992px {
.sb-slidebar {
width:30%;
}

.sb-width-thin {
width:15%;
}

.sb-width-wide {
width:45%;
}
}

html,body,#sb-site,.sb-site-container,.sb-slidebar {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}

html,body {
width:100%;
overflow-x:hidden;
}

html {
height:100%;
}

body {
min-height:100%;
height:auto;
position:relative;
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow:hidden;
}

#sb-site,.sb-site-container {
width:100%;
position:relative;
z-index:1;
background-color:#fff;
}

.sb-slidebar {
height:100%;
overflow-y:auto;
position:fixed;
top:0;
z-index:0;
display:none;
background-color:#222;
-webkit-transform:translate(0px);
width:30%;
}

.sb-left {
left:0;
}

.sb-right {
right:0;
}

html.sb-static .sb-slidebar,.sb-slidebar.sb-static {
position:absolute;
}

.sb-slidebar.sb-active {
display:block;
}

.sb-style-overlay {
z-index:9999;
}

.sb-momentum-scrolling {
-webkit-overflow-scrolling:touch;
}

.sb-width-thin {
width:15%;
}

.sb-width-wide {
width:45%;
}

.sb-slide,#sb-site,.sb-site-container,.sb-slidebar {
-webkit-transition:0 400ms ease;
-moz-transition:0 400ms ease;
-o-transition:0 400ms ease;
transition:transform 400ms ease;
-webkit-transition-property:0 left, right;
-webkit-backface-visibility:hidden;
}

.sb-hide {
display:none;
}