@media (max-width: 767px) {
	.mainnavi .top-menu {
		display: none;
	}
	.mainnavi .top-menu-title {
		font: 600 14px "Open Sans", sans-serif;
		text-transform: uppercase;
		color: #fff;
		display: block;
		padding: 6px 20px;
		background: #D11E24;
		position: relative;
	}
	#header .mainnavi ul li {
		float: none;
		position: relative;
	}
	#header .mainnavi .mod_navigation ul {
		margin: 0;
	}
	.mainnavi .level_1 {
		text-align: left;
	}
	.mainnavi .top-menu > li div.menu-mobile-grover {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		height: 30px;
		z-index: 2;
		padding: 0;
		padding: 5px;
		text-align:center;
	}
	.mainnavi .top-menu > li div.menu-mobile-grover:after {
		font-family: "FontAwesome";
		color: #fff;
		content: "\f067";
		font-size: 16px;
		text-shadow:0 0 5px #000;
	}
	.mainnavi .top-menu > li div.menu-mobile-grover.active:after {
		content: "\f068";
	}
	#header .mainnavi ul.level_2,
	#header .mainnavi ul.level_3,
	#header .mainnavi ul.level_4 {
		display: none; 
	}
	#header .mainnavi ul.level_2 {
		background: #D11E24!important;
		width: 100%; 
		position: relative;	   
		visibility: visible;
		opacity: 1; 
		z-index: 999;
		-moz-box-shadow: 0 0 5px #333;
		-webkit-box-shadow: 0 0 5px #333;
		box-shadow: 0 0 5px #333;
	}

	.mainnavi .top-menu-title:after {
		display: block;
		font-family: "FontAwesome";
		content: "\f067";
		position: absolute;
		right: 0px;
		top: 10px;
		font-size: 16px;
		text-align: center;
		width:70px;
	
	}
	.mainnavi .top-menu-title.active:after {
		content: "\f068";
	}
	#header .mainnavi ul.level_2 {
		-moz-transition: none;
		-webkit-transition: none;
		transition: none;
	}
	.mainnavi { max-height: 350px; overflow: auto; }
}