.toggle, [id^=drop] { display: none;}
nav { float: left; width:100%; margin:0px; padding:0;background: #c52727; z-index:99; }
nav:after { content: ""; display: table; clear: both; }
nav ul {  padding: 0; margin: 0; list-style: none; position: relative; width:100%; }
nav ul li { margin: 0 5px 0 0; display: inline-block; float: left;}
nav ul li a { display:block; padding:12px 8px; float:left; width:100%; text-decoration:none; color:#fff; font-size:17px;}
nav ul li a.active{background: #f09020; display:block; padding:12px 8px; float:left; width:100%; color:#fff;}
nav ul li a:hover { background:#f09020; color:#fff;}


@media only screen and ( max-width:1000px) {
nav-inn {  width:100%; }
nav ul li a { font-size:13px; padding:6px 5px; display:block; }
nav ul li a.active,nav ul li a:hover {padding:6px 5px;}
}

/* Media Queries
--------------------------------------------- */
@media all and (max-width :768px) {
.plus_img { float:right; margin:0px; padding:12px 0 0 0;}
nav { left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width:100%;}
nav a {border-bottom:1px solid #fff;}
.toggle + a,  .menu { display: none; }
nav ul li { background:#ae0b2b;border-radius:0px;}
.toggle {  display: block; background-color: #ae0b2b; text-align:left; padding: 0 20px; color: #FFF; font-size: 17px; text-transform:uppercase; line-height:40px; text-decoration: none; border: none; cursor: pointer; border-bottom:1px solid #fff;}
[id^=drop]:checked + ul { display: block; }
nav ul li { display: block; width: 100%; overflow:hidden; text-align:left; }
nav ul ul .toggle,  nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,  nav ul ul ul a { background-color: #980522; }
nav ul li ul li .toggle,  nav ul ul a { background-color: #980522; }
nav ul ul { float: none; position: static; color: #ffffff; }
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
nav ul ul li { display: block; width: 100%; }
nav ul ul ul li { position: static; }

nav ul li a,nav ul li a.active { padding:10px 15px; border-radius:0px; color:#fff;font-size:16px;}
nav ul li a.active,nav ul li a:hover {background: #8f8d8e;padding:10px 15px;}
}
@media all and (max-width : 330px) {
nav ul li { display: block; width: 100%; }
}