* {
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

@media (min-width: 768px) {
	.mtoggle {
		display: none;
	}
}

@media (max-width: 767px) {
	nav ul ul {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		display: block;
	}
	
	nav ul li {
		width: 100%;
	}
	
	nav ul.menu > li > ul > li {
		border-left: 0;
		width: 94%;
		padding-left: 5%;
	}
	
	nav ul.menu > li:hover > ul {
		position: relative;
		display:block;
		width:100%;
		z-index:100;
	}
	
	nav ul li a {
		width: 99%;
		padding: 0;
		margin: 0;
		padding-left: 1%;
	}
	
	nav ul li.active a {
		height: auto;
		margin-top: 0;
	}
	
	nav .search {
		right: auto;
		top: auto;
		position: relative;
		float: left;
		padding: 2% 1%;
	}
	
	#toggle-bar {
		position: relative;
		float: left;
		width: 100%;
	}
	
	#toggle-bar a {
		position: relative;
		float: left;
		margin: 2% 1%;
		color: #FFF;
		font-size: 20px;
		line-height: 32px;
	}
	
	#toggle-bar a.navicon  {
		float: right;
	}
}