.toggleMenu {
    display: none; background: #009136; padding: 10px 0; color: #000;
	width: 100%; text-align: center; font-size: 0.9em; margin: 40px 0 0 0;}
.nav {
    list-style: none; text-align: center;}
.nav a {
    padding: 10px 0; font-weight: 400; color:#000;
	text-decoration: none; font-size: 15px;}
.nav:before,
.nav:after {
    content: " ";  display: table; }
.nav:after {
    clear: both;}
.nav ul {
    list-style: none; width: 20em;}
.nav li a {
    display: block;}
.nav li a:hover, .nav .vi a, .nav .manv a{
	background: #009136; color: #fff; border-radius: 5px 5px 0 0;}
.nav li ul {
    position: absolute; left: -9999px;}
.nav li li a{
    display: block; background: #009136; color: #fff; position: relative; z-index:100;
	text-align: left; padding: 10px 0 10px 25px; width: 200px; font-weight: 300;}
.nav li li a:hover{
	color: #000}
.nav li .vi a{
	color: #000;}
@media screen and (max-width: 480px) {
.active {
        display: block;}
.nav{
	margin: 0;}
.nav a{
	padding: 10px 0; font-size: 15px;}
.nav li {
    float: none;}
.nav li a, .nav li a:hover, .nav .vi a, .nav .manv a{
	border-radius: 0;}
.nav ul {
    display: block;}
.nav li ul {
	width: 100%;}
.nav li li a{
	text-align: center; width: auto; padding: 10px; border-radius: 0;
	background: #71c690 !important; color: #000 !important;}
.nav li.hover ul , .nav li li.hover ul {
    position: static;}
.sep{display: none;}
}
@media only screen 
and (min-width : 481px)
and (max-width : 699px) {
.active {
   display: block;}
.nav{
	margin: 0;}
.nav a{
	padding: 10px 0 10px 0; margin: 5px 0 0 0;}
.nav li {
    float: none;}
.nav ul {
    display: block; padding: 0 10px 0 0;}
.nav li a, .nav li a:hover, .nav .vi a, .nav .manv a{
	border-radius: 0;}
.nav li ul {
	width: 100%;}
.nav li.hover ul , .nav li li.hover ul {
    position: static;}
.nav li li a{
	text-align: center; width: auto; padding: 10px; border-radius: 0;
	background: #71c690 !important; color: #000 !important;}
  }
@media only screen 
and (min-width : 700px)
and (max-width : 999px) {
.nav {
	margin: 50px 0 0 0;}
.nav li {
    position: relative; float: left; width: 16%;}
.nav li.hover ul {
    left: 0;}
.nav li li.hover ul {
    left: 100%; top: 0;}
.nav li li{
	width: 100%;}
  }
@media only screen 
and (min-width : 1000px){  
.nav {
	margin: 40px 0 0 0;}
.nav a {
	width: 160px;}
.nav li {
    position: relative; float: left;}
.nav li.hover ul {
    left: 0;}
.nav li li.hover ul {
    left: 100%; top: 0;}
  }