/*OFF CANVAS CSS*/

/* Style tweaks */

html,body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}


/* Off Canvas */

@media screen and (max-width: 767px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
	
	.row-offcanvas-left {
		left: 0;
		overflow:hidden;
	}
	
	.row-offcanvas-left
	.sidebar-offcanvas {
		left: -50%; /* 6 columns */
	}
	
	.row-offcanvas-left.active {
		left: 50%; /* 6 columns */
		overflow:visible;
	}
	
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
	}
	
	.navbar-offcanvas.in{
		box-shadow: 0 0 20px rgba(255,255,255,0.4);
	}
	
}