body, nav, ul, li, a { margin: 0; padding: 0; }

a { text-decoration: none; }

.container { width: 90%; max-width: 900px; margin: 10px auto; }

.toggleMenu { display:  none; background: #44BAC8/* #DA094E*/; padding: 8px 10px 5px 10px; color: #fff; float:left; }
.toggleMenu  span{ width:32px; height:4px; background:#fff; display:block; margin-bottom:3px;}

.nav { list-style: none;  *zoom: 1;
background:#18232c; }

.nav:before, .nav:after { content: " "; display: table; }

.nav:after { clear: both; }

.nav ul { list-style: none; width: 9em; }

.nav a { padding: 10px 15px; color:#fff; font-size:13px; }

.nav li { position: relative; }

.nav > li { float: left; border-top: 1px solid #0e161d; }

.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right; }

.nav > li > a { display: block; }

.nav li ul { position: absolute; left: -9999px; }

.nav > li.hover > ul { left: 0; }

.nav li li.hover ul { left: 100%; top: 0; }

.nav li li a { display: block; background: #162129; position: relative; z-index:100; border-top: 1px solid #0e161d; }

.nav li li li a { background:#1c2933; z-index:200; border-top: 1px solid #0e161d; }

 @media screen and (max-width: 768px) {

.active { display: block; }

.nav > li { float: none; }

.nav > li > .parent { background-position: 95% 50%; }

.nav li li .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }

.nav ul { display: block; width: 100%; }

.nav > li.hover > ul, .nav li li.hover ul { position: static; }
}