.toggle, [id^=drop] {display: none;}
.nav-inn { width:1100px; margin:0 auto;}
nav { float: left; width: 100%; margin:0; padding:0;background: #f7b527;}
nav:after { content: ""; display: table; clear: both;}
nav ul { padding: 0; margin: 0; list-style: none; position: relative; }
nav ul li { display: inline-block; margin:0px; }
nav ul li a { color: #2d2d2d; display: inline-block; font-size: 17px; font-weight: bold; margin:0px; padding: 12px 10px; text-decoration: none; text-transform:uppercase;}
nav ul li a:hover,nav ul li a.active { text-decoration:none; color: #fff; }

@media only screen and ( max-width:1100px) {
nav { text-align:center; margin:0px; padding:0px;}
nav ul li a  { padding:12px 2px; font-size:14px; font-weight:normal;}
.nav-inn { width:100%;}
}

@media only screen and ( max-width:767px) {
.plus_img { float: right; margin: 0px; padding: 12px 0 0 0; }
nav { left: 0; position: fixed; right: 0; top: 0; top:-12px; border:0px; z-index: 999999; }
nav span { color:#fff;}
nav a { border-bottom: 1px solid #cb9217; }
.toggle + a, .menu { display: none; }
nav ul li { background: #f7b527; border-radius: 0px; float: none; text-align: center; display: inline-block; }
.toggle { display: block; background-color: #f7b527;  text-align: left; padding:10px 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 #cb9217; }
[id^=drop]:checked + ul { display: block; }
nav ul li { display: block; width: 100%; overflow: hidden; text-align: left; }
nav ul li a { background:#f7b527; 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; width:100%; display:inline-block; }
nav ul li a.active, nav ul li a:hover {  background:#cb9217; color: #fff; }
}

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