@media only screen and (min-width: 1200px) {
	#top_upper_right { 
		position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); margin: 0px; padding: 0px; z-index: 1000; 
		width: 780px ; text-align: center;
	}
}

.menu_displayer  { padding: 20px 0px 0px 0px; }
.menu_displayer a { 
	display: block; padding: 0px 0px 0px 40px; color: var(--cream-100); font-size: 18px; position: relative; height: 20px; }
.menu_icon_svg { height: 20px;  position: absolute; left: 0px; top: 50%; transform: translateY(-50%); fill: var(--cream-100);}

/* upper top menu */
#menu_upper_top { list-style: none;  margin-bottom: 0px;  }

#menu_upper_top li { position: relative; }

#menu_upper_top li, #menu_upper_top li a { display: inline-block; font-size: 24px; font-weight: 200; }
#menu_upper_top li a { padding: 10px 10px 10px 10px; color: #fff; text-decoration: none;  font-family: 'Oswald'; }
#menu_upper_top li ul { margin: 0px; text-align: left;  }

@media only screen and (min-width: 1200px) {
	#menu_upper_top li a.mactive { color: var(--cream); }

	#menu_upper_top li a { border-radius: 4px; }
	#menu_upper_top li a:hover { color: var(--cuprum-100); }

	#menu_upper_top li ul { 
		display: none; line-height: 1.2em;
		position: absolute; top: 44px; left: 0px; z-index: 9999;
		width: 340px;
	}
	#menu_upper_top li.mm_is_submenu:hover ul { display: block; }
	#menu_upper_top li.mm_is_submenu:hover .mm_is_menu_link  { color: var(--cuprum); background: var(--cream-100);; }

	#menu_upper_top li ul li { width: 100%; }
	#menu_upper_top li ul li a { color: #232323; width: 100%; box-sizing: border-box;  background: var(--cream-100); }
	#menu_upper_top li ul li a:hover { color: var(--cuprum); background: #fff; }
	#menu_upper_top li ul li a.mactive { color: var(--cuprum); }
	#menu_upper_top li ul li:first-of-type a { border-radius: 0px 4px 0px 0px;}
	#menu_upper_top li ul li:last-of-type a { border-radius: 0px 0px 4px 4px;}
}

@media only screen and (max-width: 1200px) {
	#menu_upper_top li a.mactive { color: var(--cream); }
	#menu_upper_top li { display: block; width: 100%; }
	#menu_upper_top li a { padding: 20px; background: var(--coffee-400)	; border-top: solid 1px #000; width: 100%; box-sizing: border-box; }
}

@media only screen and (max-width: 768px) {
	#menu_upper_top li.no_mobile { display: none !important; }
}

@media only screen and (max-width: 1200px) {
	#menu_upper_top { padding-top: 20px; }
	.mm_is_menu_link { display: none !important; }
}