/*
 * Off Canvas
 * --------------------------------------------------
 */
@media (min-width:320px) and (max-width:1199px) {
.row-offcanvas {
	position: relative;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.row-offcanvas-right {
	right: 0;
}
.row-offcanvas-left {
	left: 0;
}
.row-offcanvas-right  .sidebar-offcanvas {
	right: -83%; /* 6 columns */
}
.row-offcanvas-left  .sidebar-offcanvas {
	left: -80%; /* 6 columns */
}
.row-offcanvas-right.active {
	right: 83%; /* 6 columns */
}
.row-offcanvas-left.active {
	left: 80%; /* 6 columns */
}
.sidebar-offcanvas {
	position: absolute;
	top: 0;
	width: 80%; /* 6 columns */
}
}