.drop-down-container {
    position: relative;
}
.toggleMenu {
    display:  none;
    background: #B3BD36;
    padding: 5px 10px;
    color: #FFF !important;
	font-size: 0.9em;
	font-style: italic;
}


.nav {
	list-style: none;
	*zoom: 1;
	padding: 0;
	}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {

}
.nav > li > a {

}

.nav li {
    position: relative;
}
.nav > li {
	
}

.nav > li:first-child {
	border-left: none;
}

.nav > li:first-child a {
	padding-left: 0;
}

.nav li li {
	font-size: 1em;
}

.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	padding: 0;
	width: 100%;
	width: calc(100% + 2px);
}


.nav > li.hover > ul {
    left: -1px;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #C8C8C8;
    position: relative;
    z-index:100;
    border-top: 1px solid #8A8A8A;
}
.nav li li a:hover {
	background-color: #9B9B9B;

}


.nav li li:first-child a {
    border-top: none;
}


@media only screen and (max-width: 480px) {
	.nav {
		position: absolute;
		top: 63px;
		left: 0;
		z-index: 9999;
		width: 50%;
		background:#b3bd36;		
	}
	.nav a {
		color: #FFF;
	}	
	.nav > li > a {
		padding: 5px 10px;
	}	
	.nav > li > a:hover {
		background-color: #A2C439;
	}
	
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/images/menu-arrow.png");
        background-repeat: no-repeat;
        background-position: 85% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.nav > li > .parent {
		background-image: url("/images/menu-arrow.png");
		background-repeat: no-repeat;
		 background-position: 95% 50%;
	}
	.nav > li {
		 border-top: 1px solid #FFF;
		 border-left: none;
	}	
	.nav li ul {
		width: auto;
	}
	
	.nav li li a {
		background-color: #9EC038;
		border-top: 1px solid #FFF;
	}

	.nav li li a:hover {
		background-color: #86A330;
	
	}

}

@media only screen and (max-width: 360px) {
	.nav {
		width: 100%;
	}


}