body > header.sidelogo {min-height:160px; background: #fff;}
body > header.sidelogo .wrapBanner {min-height:160px;}
body > header.sidelogo .wrapBanner .logo {top:10%; width:20%; height:80%;}
body > header.sidelogo .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;}
body > header.sidelogo nav.mainNav {position:absolute; top:0%; width:75%; left:25%; height: 100%; }
body > header.sidelogo nav.mainNav .wrapNav {align-self:center;}
body > header.sidelogo nav.mainNav .menu { /* background:var(--box-color); */ border-radius: 10px 0 0 10px;}
body > header.sidelogo nav.mainNav > div > ul > li {background: none; color:#000; border-bottom: 4px solid #fff;}
body > header.sidelogo nav.mainNav > div > ul > li a,
body > header.sidelogo nav.mainNav > div > ul > li span{color:white; }
body > header.sidelogo nav.mainNav > div > ul > li:hover {border-bottom: 4px solid #444;}
body > header.sidelogo nav.mainNav > div > ul {width:100%;}

body > header.sidelogo nav.mainNav.scroll {position:fixed; height:auto; left:0; width:100%; background: #fff; justify-content: center; }
body > header.sidelogo nav.mainNav.scroll ul li {}
body > header.sidelogo nav.mainNav.scroll .smallLogo,
body > header.sidelogo nav.mainNav.scroll .wrapNav {flex:none;}