#bar2 {
	float: none !important; 
}
#bar1{
	height: 100%;  margin: 0 auto;  z-index: 999999999999999999999999;
}					
#bar1 #LOGO, #bar1 .Menu{  
	float: left; 
}
#bar1 .WTitle	{ 
	font-family: var(--d71); font-weight: 500;  font-size: 1.25rem; line-height: calc( var( --ItemBar1H ) + 5px ); letter-spacing: 0.1rem; word-spacing: 5px; cursor: pointer; display: inline; bottom: 0; pAdding-left: 30px;
}
#LOGO.aaa	{ 
	height: calc( 100% - var( --ItemBar-Title ) ); line-height: calc( 100% - var( --ItemBar-Title ) ); padding: 6px 0 0 0; margin-left: 40px;
}
#WTitle {  
	display: none !important; 
}
#WTitle.aaa {  
	display: inline-block !important; position: absolute !important; left:40px !important;
}
#bar2.aaa{
	width: 100% !important; 
}

#bar2 ul li.icon  {
	transform: translateY(calc( var(--ItemBar-Title) - var(--ItemBar1H) + 10px ))!important;
}
#bar2 ul li.icon:hover {
	transform: translateY(calc( var(--ItemBar-Title) - var(--ItemBar1H) + 20px ))!important;
	
}
@media only screen and (max-width: 1024px) { 
	#bar2 ul li.icon {  
		top: 0;
	}
	#bar2 ul li#search {
		position: fixed; right: 70px; height: var(--Bar2H_mobile); top: -4px !important;
	}
	#topsearch { 
		height: var(--Bar2H_mobile); position: fixed; top: 0px; left: 0;width: 100vw;
	}
	#search_mini_form {
		height: 100%; 
	}
	.icon nav, #bar2 .Menu { 
		color: var( --BarColor )!important; 
	}
	#WTitle {  
		display: block !important; float: none !important;  
	}
	#bar2 { 
		position: relative !important;	height: var( --Bar2H_mobile ) !important;	top: 0 !important; 
		width: auto !important;	right: none !important;	margin-right: none !important;	text-align: left !important;	
	}
	#bar1 .WTitle	{ 
		display: none !important; 
	}
	#WTitle, #WTitle.aaa {  
		display: inline-block !important; position: relative !important; left:0 !important;
	}
}