@charset "utf-8";
/* CSS Document */

nav {background:none ;padding:0 0 20px 0;}
nav:before {display: none;}
nav:after {display: none;}
.menu {max-width:249px; list-style:none; position:relative; margin:0 ;padding: 0 0 0 22px; display: flex;flex-wrap:wrap;}
.menu>li { color:#fff;flex: inherit;width: 100%;margin: 5px 0; font-size:20px; text-align:center; position:relative; line-height:1.8; cursor:pointer;}
.menu>li>a { color:#fff; display:block;padding:5px 10px;margin: 0 0 0 10px;border-radius: 5px 0 0 5px;}  
.menu>li>a:hover { background:#73bff3;}
.menu>li>a i{padding: 0 15px 0 0;font-size: 16px;}
@media screen and (max-width:1000px){
nav {background:none ;padding:0 0 0px 0;}
.menu>li { margin:0;}
}
@media screen and (max-width:880px){
.menu>li>a {padding:0 10px;}
}
@media screen and (max-width:740px){
nav {width: 100%;display: flex;}
.menu {flex: 1; max-width: 930px;width:auto;margin: 0 auto;padding: 0;}
.menu>li { flex:1;width:100%;font-size:16px;}
.menu>li>a {margin: 0;border-radius:0;}  
.menu>li>a i{display: none;}
}