nav,nav ul{padding:0;margin:0}
.toggle,[id^=drop],nav ul ul{display:none}
nav ul,nav ul ul li,nav ul ul ul li{position:relative}
nav{background:#333}
nav::after{clear:both;content:"";display:table}
nav ul{list-style:none}
nav ul li{border-left:1px solid #555;display:inline-block;float:left;margin:0}
nav a{background:#222;color:#fff;display:block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;padding:10px 15px;text-decoration:none}
nav ul li ul li:hover{background:#444}
nav a:hover{background-color:#000}
nav ul ul{position:absolute;top:35px}
nav ul li:hover>ul{display:inherit}
nav ul ul li{display:list-item;float:none;width:170px}
nav ul ul ul li{left:170px;top:-60px}
nav ul li>a::after{content:" ";display:inline;font-family:fontawesome}
nav ul li>a:only-child::after{content:""}
@media all and (max-width:768px) {
nav ul ul,nav ul ul ul li{position:static}
nav{margin:0}
.menu,.toggle+a{display:none}
.toggle,[id^=drop]:checked+ul,nav ul li{display:block}
.toggle{background:#333;color:#fff;border:none;padding:10px 15px;text-decoration:none;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px}
.toggle:hover,nav a:hover,nav ul ul ul a{background-color:#000}
nav ul li{width:100%}
nav ul ul .toggle,nav ul ul a{padding:0 40px}
nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{color:#fff;font-size:12px;padding:10px 15px}
nav ul li ul li .toggle,nav ul ul a{background-color:#212121}
nav ul ul{color:#fff;float:none}
nav ul li:hover>ul,nav ul ul li:hover>ul{display:none}
nav ul ul li{display:block;width:100%}
}
@media all and (max-width:330px) {
nav ul li{display:block;width:94%}
}
@media only screen and (min-width:769px) {
nav ul{margin-left:8%}
nav ul ul{margin-left:0}
}