@media (max-width: 991px) {
	.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;
		height: 100%;
		left: -250px;
		top: 0;
		/*padding-left: 15px;
		padding-right: 15px;*/
		z-index: 999;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		transition: all .15s ease-in;
		background-color: #fff;
	}
	.navbar-offcanvas .navbar-brand:before, 
	.navbar-offcanvas .navbar-brand:after, 
	.navbar-offcanvas .navbar-brand{background: unset; content: unset;}
	.navbar-offcanvas .navbar-nav{padding:0 1rem;}
	.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.open .caret {
		border-top: 0;
		border-bottom: 4px solid
	}
	.navbar-offcanvas .dropdown-menu {
		position: relative;
		width: 100%;
		border: inherit;
		box-shadow: none;
		transition: height .15s ease-in
	}
	.navbar-offcanvas .dropdown-menu.shown {
		display: block;
		margin-bottom: 10px
	}
}

.offcanvas-toggle .icon-bar {
	background: #000;
	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)
}