@media (max-width: 1023px) {
	.mainnavi .top-menu {
		display: none;
	}

	.mainnavi .top-menu-title {
		text-transform: uppercase;
		color: #fff;
		display: block;
		padding: 6px 20px;
		position: relative;
		position: absolute; 
		top: 12px; 
		right: 10px;
		z-index: 1000000;

	}
	#header .mainnavi ul li {
		float: none;
		position: relative;
	}
	.mainnavi .level_1 a, .mainnavi .level_1 span { padding: 15px;}
	#header .mainnavi .mod_navigation ul {
		/*margin: 0px 0px 0px 0px;*/
	}
	.mainnavi .level_1 {
		text-align: left;
	}

	.mainnavi .top-menu > li div.menu-mobile-grover {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		height: 50px;
		z-index: 2;
		padding: 0;
		padding: 12px 5px;
		text-align: center;
	}
	.mainnavi .top-menu > li div.menu-mobile-grover:after {
		font-family: "FontAwesome";
		color: #fff;
		content: "⮞";
		font-size: 1.4em;
	}
	.mainnavi .top-menu > li div.menu-mobile-grover.active:after {
		content: "⮟";
	}
	#header .mainnavi ul.level_2,
	#header .mainnavi ul.level_3,
	#header .mainnavi ul.level_4 {
		display: none; 
	}
	#header .mainnavi ul.level_2 {
		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: "\f0c9 ";
		position: absolute;
		right: 0px;
		top: 0px;
		font-size: 25px;
		text-align: center;
		width:45px;
		height: 45px;
		border-radius: 50%;
		padding-top: 7px;
	}
		
	.mainnavi .top-menu-title.active:after { /* 		content: "\f068"; */	}
	#header .mainnavi ul.level_2 {
		-moz-transition: none;
		-webkit-transition: none;
		transition: none;
		border-radius: 20px;
	}

	#header .mod_navigation ul,
	#header .mod_customnav ul
	{ clear: both; }
	.topsearch  { display: none; }
	
	li.submenu ul.level_3 { margin:initial!important; width:auto; z-index:auto; position: initial; }
	.fixedTop .mainnavi .level_1 a, .fixedTop .mainnavi .level_1 span { margin-top: 0; }
	#header .mainnavi ul li { margin: 0 0 0 20px; }
	.logo img { margin:initial; }

	.topsearch { display: none; }

	.mainnavi {
		background-color: #fff;
		max-height: 760px;
	}
	/*.mainnavi .img-responsive { height:30px; max-width:150px; }*/
	.mainnaviPlaceholder { height: 94px; }
	
	#header .mod_navigation,
	#header .mod_customnav {	  position: initial; 	}
	#header .mainnavi ul li { margin:0; display: block; }
	#header .mainnavi .mod_navigation ul li,
	#header .mainnavi .mod_customnav ul li {
		border-bottom:1px solid #ccc; border-radius: 12px;}
	#header .mod_navigation ul,
	#header .mod_customnav ul { width: 100%; }
	#buttons img{ margin-right: 15px; margin-bottom: 12px;}
	#top h1 {font-size:30px;}
	#PageMenu ul.level_1 {height: inherit;}
	#PageMenu .top-menu {position:relative; }

	#team_btn {float:right; margin-top: -94px; margin-right: 0px;}
	
	#navi_menu ul.menu-mobile {display: none; margin-top: 2px; margin-bottom:1px; margin-left: 20px; padding-right: 20px;}
	#PageMenu ul.menu-mobile {display: none; margin-left: 20px; margin-bottom:1px; padding-right: 20px;}
	
	#PageMenu ul.top-menu li.submenu  {border-bottom: none;}
	#PageMenu .top-menu {margin-bottom: 50px;}
	
	#navi_menu ul.top-menu li.submenu  {border-bottom: none;}

}

@media (min-width: 600px) and (max-width: 1199px) {

	#PageTitle h2 {position:relative; bottom:60px; right:25px}

}


@media (max-width: 1023px) {
	#navi_menu,
	#PageMenu {
		max-width: 100%;
	
	}
	
	.mainnavi .level_1 a, .mainnavi .level_1 span {
		display: block;
		text-decoration: none;
		color: #fff;
		background-color: rgba(167, 204, 70, 10);
		font-size: 1.2em;
    	margin: 2px 10px 0px 10px;
	}
	#navi_menu ul.level_1 a {
		font-size: 1.2em;
	}

	#navi_menu ul.level_1 a:hover {
		color: #fff;
		font-weight: bold;
	}
	
	#header .mainnavi .mod_navigation ul li,
	#header .mainnavi .mod_customnav ul li {
    	border-bottom: none;
    	border-radius: 0px;
}
}