.site-nav {  float:left;}
.site-nav .navBars { display: none; }
#toggle {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -99999px;
}

.site-nav  {float: right; margin-top:19px; margin-left:20px;  transition: all .5s;}
.site-nav  ul li { display:inline-block;}
.site-nav  ul li a {padding:10px 0px;  margin-right:30px; display:inline-block; text-transform:uppercase; color:#FFF; line-height:16px; font-size:25px; font-weight:600;
 text-decoration:none;  -moz-transition: all 0.6s ease-in;   -webkit-transition: all 0.6s ease-in;    -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in;  
font-family: 'Titillium Web', sans-serif;}
.site-nav  ul li a:hover { }
.site-nav  ul li a.active { color:#eab600;}

#toggle:checked ~ nav .menu { display: block; }



@media screen and (max-width: 1600px) {
.site-nav ul li a { font-size:20px; margin-left:20px; }
}
@media screen and (max-width: 1280px) {
.site-nav ul li a { font-size:13px; margin-left:15px; padding:8px 0px;}
.site-nav ul li a.active {padding:8px 10px;}
}
@media all and (max-width: 1180px){
.site-nav { margin-top:7px; margin-left:0px;}
.site-nav  ul li a {padding:7px 0px; margin-left:0px;}  
header .hdr_right { width:72%;}
}
@media screen and (max-width: 880px) {
.site-nav .navBars { display: inline-block; width:36px; height:26px; right:15px; cursor:pointer; position:absolute; z-index:999999;}
.site-nav  ul { position:absolute; display:none; width:50%; right:0px; background-color:#FFF; top:90px; padding:10px 10px 10px 10px;}
.site-nav  ul li { width:100%; float:left;}
.site-nav  ul li a.active { border:none;   padding:10px 0px;}
.site-nav  ul li a { margin-left:10px; font-size:14px;}
.container {  max-width: 960px;  margin: 0 auto;  padding: 10px;}
.site-nav .container {  padding-top: 0;  padding-bottom: 0;}
}
@media all and (max-width: 768px){
.site-nav  ul { top:59px; }
}
@media all and (max-width: 680px){
.site-nav { margin-top:20px; }
header .hdr_right { width:auto; }

.site-nav .navBars { right:0px;}
}
 @media screen and (max-width: 480px) {
.site-nav  ul { position:absolute; width:60%; z-index:999999; }
 }
 
 
 
 
 
 
 
 
 
.top-animate { top: 13px !important;
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

.mid-animate { opacity: 0; }

.bottom-animate {
  top: 13px !important;
  -webkit-transform: rotate(-225deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-225deg);
}
.hamburger {width: 45px; height:35px; float:left;}
.top-menu {
  top: 5px;
  width: 35px;
  height: 4px;
  background-color: #f4be00;
}

.mid-menu {
  top: 16px;
  width: 35px;
  height: 4px;
  background-color: #f4be00;
}

.bottom-menu {
  top: 27px;
  width: 35px;
  height: 4px;
  background-color: #f4be00;
}

.menui {
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
  margin-top: 3px;
  position: absolute; right:0px;
}