@media (max-width: 767px){
.navbar-offcanvas{
	position:fixed;
	height:100%;
	width:250px;
	max-width:100%;
	left:-250px;
	top:0px;
	z-index:999;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-transition:all 0.15s ease-in;
	-moz-transition:all 0.15s ease-in;
	-o-transition:all 0.15s ease-in;
	transition:all 0.15s ease-in;
}
.navbar-offcanvas.in{
	box-shadow:0px 0px 20px black;
	box-shadow:0px 0px 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:translate3d(250px, 0px, 0px);
	-moz-transform:translate3d(250px, 0px, 0px);
	-o-transform:translate3d(250px, 0px, 0px);
	transform:translate3d(250px, 0px, 0px);
}
.navbar-offcanvas.offcanvas-position.in{left:0px;}
.navbar-offcanvas.navbar-offcanvas-right{left:auto;right:-250px;}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{
	-webkit-transform:translate3d(-250px, 0px, 0px);
	-moz-transform:translate3d(-250px, 0px, 0px);
	-o-transform:translate3d(-250px, 0px, 0px);
	transform:translate3d(-250px, 0px, 0px);
}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{left:auto;right:0px;}
.navbar-offcanvas .dropdown.active .caret{border-top:0px;border-bottom:4px solid;}
.navbar-offcanvas .dropdown-menu{
	position:relative;
	display:block;
	width:100%;
	background:inherit;
	border:inherit;
	box-shadow:none;
	padding:0px;
	overflow:hidden;
	-webkit-transition:all 0.15s ease-in;
	-moz-transition:all 0.15s ease-in;
	-o-transition:all 0.15s ease-in;
	transition:all 0.15s ease-in;height:0px;
}
.navbar-offcanvas .dropdown-menu.shown{height:auto;}
.navbar-offcanvas .dropdown-menu>li>a{color:#777;padding:5px 15px 5px 30px;}
}

.offcanvas-toggle{background:#f8f8f8;}
.offcanvas-toggle .icon-bar{background:#000;}
.offcanvas-toggle.offcanvas-toggle-close{margin-right:0px;}
.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(1){
	-webkit-transform:rotate(45deg) translate(5px, 4px);
	-moz-transform:rotate(45deg) translate(5px, 4px);
	-o-transform:rotate(45deg) translate(5px, 4px);
	transform:rotate(45deg) translate(5px, 4px);
}
.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(2){opacity:0 !important;}
.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(3){
	-webkit-transform:rotate(-45deg) translate(4px, -4px);
	-moz-transform:rotate(-45deg) translate(4px, -4px);
	-o-transform:rotate(-45deg) translate(4px, -4px);
	transform:rotate(-45deg) translate(4px, -4px);
}