/*
	=======================================
	main menu
	=======================================
*/
#menu_main a { color: var(--main-menu-color); }

@media only screen and (min-width: 960px) {
	#menu_main { float: right; }
	#menu_main { list-style-type: none; padding: 0px 15px 0px 15px; }
	#menu_main li { display: block; float: left; position: relative; }
	#menu_main li a { padding: 0px 15px 0px 15px; height: 60px; display: table-cell; vertical-align: middle; text-decoration: none; }
	#menu_main li a:hover { color: var(--main-menu-act-color); }
	#menu_main li ul { position: absolute; top: 60px; right: 0; z-index: 100; width: 300px; display: none; }
	#menu_main li:hover ul { display: block; }

	/* submenu extnsion */
	#menu_main li:hover a { background-color: #fcfcfc; }
	#menu_main li ul li { display: block; width: 100%; }
	#menu_main li ul li a  {
		display: block; height: auto; text-align: left;
		padding: 5px 30px 5px 30px; border-bottom: solid 1px #ccc;
		background: #fcfcfc; font-size: 12px;
	}

	.border_right { border-right: solid 1px #ccc; }
	.border_left { border-left: solid 1px #ccc; }
}

@media only screen and (max-width: 1200px) {
	#menu_main li a { padding: 0px 10px 0px 10px; }
}

@media only screen and (max-width: 960px) {
	#menu_main { position: absolute; top: 75px; left: 0px; z-index: 999; border-bottom: solid 2px #001b46; width: 100%; }
	#menu_main li, #menu_main li a { display: block; padding: 0px;}
	#menu_main li a { padding: 15px 30px 15px 30px; text-decoration: none; background: #fff; border-top: solid 1px #ececec;  }
	#menu_main li ul li a { font-size: 12px; padding:  5px 30px 5px 30px; }
}

#menu_main li a.mm_active { color: var(--main-menu-act-color);  }