.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; list-style: none; position: relative; width:100%; }
nav ul li { margin: 0 0px 6px 0; display: inline-block; float: left; width:100%; border-radius:5px; text-transform:uppercase;background:#d6d6d6;}
nav ul li a {display:block; padding:6px 9px 6px; float:left; width:100%; color:#172956; font-weight: bold;font-size:12px; text-decoration: none;border-radius:5px;}
nav ul li a.active{display:block;background:#1572d1; padding:6px 9px 6px; float:left; width:100%;color:#fff;}
nav ul li a:hover { background:#1572d1; color:#fff;}


/* Media Queries
--------------------------------------------- */

@media all and (max-width :1070px) {
.plus_img { float:right; margin:0px; padding:12px 0 0 0;}
nav { left: 0; position: fixed; right: 0; top: 0; z-index: 999999;}
nav a {border-bottom:1px solid #fff;}
.toggle + a,  .menu { display: none; }
nav ul li { background:#012546;border-radius:0px; float:none; text-align: center; display:inline-block;}
.toggle {  display: block; background-color: #0186d8; 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; margin:0px; text-transform:inherit; }
nav ul li a {background:#0186d8;font-size:16px;text-align:left; color:#fff; font-weight:normal;}
nav ul li a,nav ul li a.active { padding:10px 15px; border-radius:0px; }
nav ul li a.active,nav ul li a:hover { background:#0067a7; color:#fff; }



}
@media all and (max-width : 330px) {
nav ul li { display: block; width: 100%; }
}