header .header-content{margin:0 auto;width:88.4375vw}header .header-content.d-flex{align-items:center;display:flex;justify-content:space-between}header .header-content .logo-contain{display:flex;height:max-content;width:max-content}header .header-content .background-image{position:absolute;right:-4.89583vw;top:-2.5vw}header .header-content.d-flex button{display:none}header .header-content.d-flex .nav-contain nav ul{align-items:center;display:flex;gap:2.08333vw;list-style:none;margin:0;padding:0}header .header-content.d-flex .nav-contain nav ul li{position:relative;width:max-content}header .header-content.d-flex .nav-contain nav ul li .sub-menu{background-position:50%;background-size:cover;display:none;left:0;min-width:10.41667vw;padding:.52083vw 0;position:absolute;top:100%;transform:translateX(-2.60417vw);width:max-content}header .header-content.d-flex .nav-contain nav ul li .sub-menu li{width:100%}header .header-content.d-flex .nav-contain nav ul li:hover .sub-menu{display:block}@media(max-width:768px){header .header-content{width:93.98033vw}header .logo-contain img{height:10.08723vw!important;width:20.51282vw!important}header .header-content .background-image{right:-5.83213vw;top:-2.0229vw}header .header-content.d-flex button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:5.12821vw;justify-content:center;margin-right:3.84615vw;padding:0;width:5.12821vw}header .header-content.d-flex button svg{height:auto;width:5.12821vw}header .header-content.d-flex .nav-contain nav{background:#fff;flex-direction:column;height:100vh;left:-58.97436vw;position:absolute;top:-2.05128vw;transition:.2s;width:56.41026vw}header .header-content.d-flex .nav-contain nav.active{left:-5.12821vw}}