.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background: #FFF; /* Default Slidebars background colour, overwrite this with your own css. */
	box-shadow: 0px 0px 12px rgba(0,0,0,0.2);

}
@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%;
	}
}
/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transform: translate( 0px );
	   -moz-transform: translate( 0px );
	     -o-transform: translate( 0px );
	        transform: translate( 0px );
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
/* --------------------
 * 005 - Helper Classes
 */
.sb-hide {

	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}
.vid_content  video{
	width: 100%;
}