.toggle, [id^=drop] { display: none;}
nav { float:left; width:100%; margin:0px; padding:0; }
nav:after { content: ""; display: table; clear: both; }
nav ul {  padding: 0; margin: 0;}
nav ul li { margin:0; float: left;width:100%; text-align:left; border-top:2px solid #fff; border-bottom:2px solid #fff; list-style:none;}
nav ul li a {color:#fff; background: #3c3b68; display:block; padding:5px 5px; float:left; width:100%;font-size:14px; text-decoration: none;}
nav ul li a.active{background: #0c0d2f; display:block; padding:5px 5px; float:left; width:100%;color:#fff;}
nav ul li a:hover { background:#0c0d2f; color:#fff;}


/* Media Queries
--------------------------------------------- */
@media all and (max-width :768px) {
.plus_img { float:right; margin:0px; padding:12px 0 0 0;}
nav { margin: 0; padding:0px; background:#3c3b68; float:none; display:inline-block; width:100%;}
nav a {border-bottom:1px solid #fff;}
.toggle + a,  .menu { display: none; }
nav ul li { background:#3c3b68;border-radius:0px;}
.toggle {  display: block; background-color: #3c3b68; 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 { margin:0px; border:none;}
nav ul li a { padding:5px 15px; background:#3c3b68; color:#fff;}
nav ul li a.active,nav ul li a:hover{background: #2d2c52; display:block; padding:5px 15px; float:left; width:100%;color:#fff;}

}
@media all and (max-width : 330px) {
}