.nanotemper-banner-navigation{padding:8px;border-radius:70px;background:#f6f6f6;width:100%;position:relative}@media only screen and (max-width:767px){.nanotemper-banner-navigation{padding:0}}.nanotemper-banner-navigation span{display:none}@media only screen and (max-width:767px){.nanotemper-banner-navigation span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:18px 20px;font-size:14px;letter-spacing:-.28px;font-weight:500;line-height:1.4;color:var(--e-global-color-text)}.nanotemper-banner-navigation span i{font-style:normal}.nanotemper-banner-navigation span svg{-webkit-transition:all .3s ease;transition:all .3s ease}.nanotemper-banner-navigation span.active svg{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}}.nanotemper-banner-navigation ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;padding:0;margin:0}@media only screen and (min-width:768px){.nanotemper-banner-navigation ul{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}@media only screen and (max-width:767px){.nanotemper-banner-navigation ul{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:absolute;top:calc(100% + 3px);left:0;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:50vh;overflow-y:auto;background:#f6f6f6;z-index:1;padding:12px 0;border-radius:16px}}.nanotemper-banner-navigation ul li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nanotemper-banner-navigation ul li a{display:inline-block;padding:20.5px 40px;border-radius:100px;color:var(--e-global-color-text);font-size:22px;font-weight:500;line-height:1.4;letter-spacing:-.44px}@media only screen and (max-width:1024px){.nanotemper-banner-navigation ul li a{font-size:16px;letter-spacing:-.32px;padding:17px 24px}}@media only screen and (max-width:767px){.nanotemper-banner-navigation ul li a{font-size:14px;letter-spacing:-.28px;padding:6px 20px}}@media only screen and (min-width:768px){.nanotemper-banner-navigation ul li a:hover{background:var(--e-global-color-text);color:#fff}}