#sb-site, .sb-site-container, .sb-slidebar {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
		overflow:scroll;
		height: 100%;
}

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; }

.timeline-Header-title{ font-size:15px;}

#twnavi {position: fixed;top: 50%; width: 100%; height: 0;z-index: 2000; right:-1px;}
#twnavi .sb-toggle-right {float: right;}

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

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

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {position: absolute; }
.sb-slidebar.sb-active {border-left: dotted 1px #44c4ea; width:240px; display: block; z-index:3000; height: 100%; overflow:scroll;}
.sb-style-overlay {z-index: 9999;}
.sb-momentum-scrolling {-webkit-overflow-scrolling: touch; }
.sb-slidebar {width: 30%;}
.sb-width-thin {width: 15%;}
.sb-width-wide {width: 45%;}

@media (max-width: 480px) { 
.sb-slidebar {width: 70%;}
.sb-width-thin {width: 55%;}
.sb-width-wide {width: 85%;}
#twnavi .sb-toggle-right img{ height:110px;}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
.sb-slidebar {width: 55%;}
.sb-width-thin {width: 40%;}
.sb-width-wide {width: 70%;}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
.sb-slidebar {width: 40%;}
.sb-width-thin { width: 25%;}
.sb-width-wide { width: 55%;}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
.sb-slidebar { width: 30%;}
.sb-width-thin { width: 15%;}
.sb-width-wide { width: 45%;}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
.sb-slidebar { width: 20%;}
.sb-width-thin { width: 5%;}
.sb-width-wide { width: 35%;}
}

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

.sb-hide { display: none; }

@media (max-width: 639px) { 
#twnavi{ display:none;}
}