.nav ul{list-style:none;color:#666565;background-color:#7ab6aa;text-align:center;padding:0;margin:0;}
.nav li{color:#666565;line-height:40px;text-align:left;}
.nav a{text-decoration:none;color:#666565;display:block;padding-left:15px;border-bottom:1px solid #fff;transition:.3s background-color;}
.nav a:hover{color:#ffffff;background-color:#58AA84;}
.nav a.active{color:#666565;background-color:#7ab6aa;color:#666565;cursor:default;}
.ul.nav ul.right{float:right;list-style-type:none}
.nav li li a{width:210px;background-color:#7ab6aa;font-size:14px;}
@media screen and (max-width:700px){.nav li li{padding-left:5px;line-height:35px;}
.nav{display:none;}
.main{display:block;}
}
button{border:2px solid #fff;color:#666565;background-color:#7ab6aa;text-align:center;height:40px;font-size:14px;font-weight:bold;text-decoration:none;display:inline-block;cursor:pointer;width:100%;}
.buttonover:hover{background-color:#58AA84;transition:.6s background-color;}
@media screen and (min-width:700px){button{display:none;}
.nav li{width:230px;border-bottom:none;height:50px;line-height:50px;display:inline-block;margin-right:0px;}
.nav a{border-bottom:none;}
.nav > ul > li{text-align:center;}
.nav > ul > li > a{padding-left:0;}
.nav li ul{position:absolute;display:none;width:inherit;}
.nav li:hover ul{display:block;}
.nav li ul li{display:block;}
}