.toggle, [id^=drop] {display: none;}
.nav_inn { width: 1030px; margin: 0 auto; }
nav { float: left; width: 100%; margin: 0px; padding: 0; background: #646568; border-top:15px solid #313133; }
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; display: inline-block; float: left;}
nav ul li a {text-decoration:none; display: block; padding:15px 42px; float: left; width: 100%; color: #fff; font-weight: bold; font-size:16px; text-transform:uppercase;}
nav ul li a:hover, nav ul li a.active { text-decoration:none; color: #fff; background-color:#313133; }


/* Media Queries
--------------------------------------------- */
@media only screen and ( max-width:1000px) {
nav ul li a {
    padding: 15px 20px;
}
.nav_inn { float:none; display:inline-block; width:100%;}
}

@media only screen and ( max-width:768px) {
.nav_inn { float: none; display: inline-block; width: 100%; }
.plus_img { float: right; margin: 0px; padding: 12px 0 0 0; }
nav { left: 0; position: fixed; right: 0; top: 0; top:-12px; z-index: 999999; }
nav a { border-bottom: 1px solid #fff; }
.toggle + a, .menu { display: none; }
nav ul li { background: #64a7d4 ; border-radius: 0px; float: none; text-align: center; display: inline-block; }
.toggle { display: block; background:#313133 ; text-align: left; padding: 0 20px; color: #FFF; font-size: 18px;font-weight: bold; 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 li a {  padding: 12px 20px;background:#313133; font-size: 14px; text-align: left; color: #fff; font-weight:normal; }
nav ul li a.active, nav ul li a:hover { background: #171719; color: #fff; }


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