#main-nav ul { 
  margin:0px;
  padding:0px;
  list-style:none; 
}

#main-nav ul li a:hover { 
  background-color: #b2b2b2;
}

#main-nav ul li {
  padding: 0 0 0 10px;
  float: left;
  color:black;
}
#main-nav li.active > a {
  color:red;
}

#main-nav ul li.level-2 {
  padding: 0 0 0 10px;
}

#main-nav ul li.level-3 {
  padding: 0 0 0 10px;
}

#main-nav ul li.level-4 {
  padding: 0 0 0 10px;
}

#main-nav ul li a:hover { 
  background-color: #D23EC4;
  color:#fff;
}

.special {
  font-weight: bold;
  color:green;
}

.nav-toggler { display:none; }

@media screen and (max-width: 768px) {
  .nav-toggler { display:block;position:absolute;right:10px;top:10px;z-index:10; }

  #main-nav { display:none; }
  #main-nav.toggled { display:block;position:absolute;top:0;left:0;right:0;z-index:9;background:#000; }

  #main-nav ul li { display:block;float:none; }
  #main-nav ul li a { display:block;float:none;color:#fff; }

  #main-nav ul li ul { display:none; }
  #main-nav ul li.open ul { display:block; }
}