@media (max-width: 767px) {
	.offcanvas-stop-scrolling {
		height: 100%;
		overflow: hidden; 
	}
	.navbar-default .navbar-offcanvas {
		background-color: #f8f8f8; 
	}
	.navbar-inverse .navbar-offcanvas {
	background-color: #222; 
	}
	.navbar-offcanvas {
		position: fixed;
		width: 100%;
		max-width: 250px;
		left: -250px;
		top: 0;
		padding-left: 15px;
		padding-right: 15px;
		z-index: 999;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all 0.15s ease-in;
		transition: all 0.15s ease-in;
	}
	.navbar-offcanvas.in {
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); 
	}
	.navbar-offcanvas.navbar-offcanvas-fade {
		opacity: 0; 
	}
	.navbar-offcanvas.navbar-offcanvas-fade.in {
		opacity: 1; 
	}
	.navbar-offcanvas.offcanvas-transform.in {
		-webkit-transform: translateX(250px);
		transform: translateX(250px); 
	}
	.navbar-offcanvas.offcanvas-position.in {
		left: 0; 
	}
	.navbar-offcanvas.navbar-offcanvas-right {
		left: auto;
		right: -250px; 
	}
	.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px); 
	}
	.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
		left: auto;
		right: 0; 
	}
	.navbar-offcanvas .dropdown.active .caret {
		border-top: 0;
		border-bottom: 4px solid; 
	}
	.navbar-offcanvas .dropdown-menu {
		position: relative;
		width: 100%;
		border: inherit;
		box-shadow: none;
		-webkit-transition: height 0.15s ease-in;
		transition: height 0.15s ease-in; 
	}
	.navbar-offcanvas .dropdown-menu.shown {
		display: block;
		margin-bottom: 10px; 
	} 
}

.offcanvas-toggle .icon-bar {
	background: #000;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out; 
}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(5px, 4px);
	transform: rotate(45deg) translate(5px, 4px); 
}
.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
	opacity: 0; 
}
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(4px, -4px);
	transform: rotate(-45deg) translate(4px, -4px); 
}