.toggleMenu {
    display: none; padding: 10px 15px; color: #777; font-weight: 600;}
.nav {
    font-size: 1.1em; }
.nav:before, .nav:after {
    content: " "; display: table; }
.nav:after {
    clear: both;}
.nav ul {
    width: 9em;}
.nav li ul {
    position: absolute; left: -9999px; font-size: 0.9em; background: #fff; z-index: 50;}
.nav li li a{
    display: block; padding: 10px 0 !important;
    position: relative; z-index:100;}
@media screen and (max-width: 610px) {
.active {
        display: block;}
.nav{
	margin: 0;}
.nav ul {
    display: block;}
.nav li ul {
	width: 100%;}
.nav li.hover ul, .nav li li.hover ul {
    position: static;}
.nav li{
	margin-bottom: 1px;}
}
@media only screen 
and (min-width : 611px){  
.nav {
	margin: 15px 0 0 0;}
.nav li {
    position: relative; float: left;}
.nav li.hover ul {
    left: -45px; width: 200px;}
.nav .menu3.hover ul {
    left: -10px; width: 180px;}
.nav li li.hover ul {
    left: 100%; top: 0;}
.nav li ul li{
	float: none !important; width: 100% !important;}
  }