.nav-header .navbar-brand {
	display: inline-block;
	float: none;
}

/* humburger */
.nav-header .navbar-toggle,
.nav-header .navbar-toggle:focus,
.nav-header .navbar-toggle:hover {
	background: none;
}

.nav-header .navbar-toggle {
	border: none;
    position: absolute;
    outline: none;
	left: 0;
    top: 0;
}

.nav-header .navbar-toggle .icon-bar,
.nav-header .navbar-toggle:focus .icon-bar,
.nav-header .navbar-toggle:hover .icon-bar {
	background: #111;
}

.navbar-toggle-label {
	font-size: 1em;
	position: absolute;
	left: 50px;
	right: 0;
	line-height: 50px;
	cursor: pointer;
}
.navbar-toggle-label:hover {
	text-decoration: none;
}

.nav-header .navbar-toggle-wrapper,
.nav-header .navbar-toggle,
.nav-header .navbar-toggle .icon {
	width: 50px;
	height: 50px;
}

/* for rotate tsansition */
.nav-header .navbar-toggle {
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	/*
		to reverse the direction
		change here 90deg or -90deg;
	 */
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-tap-highlight-color: transparent;
}
.nav-header .navbar-toggle .icon {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: -webkit-transform 0.2s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.2s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav-header .navbar-toggle .icon-top {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.nav-header .navbar-toggle .icon-bottom {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-header .navbar-toggle .icon .icon-bar {
	position: absolute;
	width: 17px;
	height: 1px;
	left: 16px;
	border-radius: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s
}
.nav-header .navbar-toggle .icon .icon-bar-top {
	-webkit-transition-delay: 0;
	transition-delay: 0;
	top: 24px;
}
.nav-header .navbar-toggle .icon .icon-bar-bottom {
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	bottom: 24px;
}
.nav-header .collapsed .navbar-toggle {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.nav-header .collapsed .navbar-toggle .icon {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav-header .collapsed .navbar-toggle .icon-top {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav-header .collapsed .navbar-toggle .icon-bottom {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav-header .collapsed .navbar-toggle .icon .icon-bar {
	-webkit-transition: -webkit-transform 0.2s 0.2s;
	transition: transform 0.2s 0.2s;
}
.nav-header .collapsed .navbar-toggle .icon .icon-bar-top {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.nav-header .collapsed .navbar-toggle .icon .icon-bar-bottom {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}