@media (min-width: 769px) {
 nav.nav-height{ position:relative;  }
 .btnPos{ position:relative; }
        nav.nav-box { width:100%; padding:2vw 0;margin:0 auto;background:rgba(255,255, 255, 0); font-size:.85vw; letter-spacing:1px;  }

        nav.nav-box.navFix{padding:1vw 0;background:rgba(250,250, 250, 0.9);position: fixed;width: 100%; left:0; top:70px; z-index:999;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-moz-box-shadow: 1px 1px 10px #cacaca;-webkit-box-shadow: 1px 1px 10px #cacaca;box-shadow:1px 1px 10px #cacaca;} 
        nav.nav-box.navFix2{padding:1vw 0;background:rgba(250,250, 250, 0.9);top:0; transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-moz-box-shadow: 1px 1px 10px #cacaca;-webkit-box-shadow: 1px 1px 10px #cacaca;box-shadow:1px 1px 10px #cacaca;} 

        nav.nav-box ul {padding: 0;margin: 0 auto; position:relative;  width:100%; display: -webkit-flex; display: flex;justify-content:center; align-items:center;}
        nav.nav-box.navFix ul{ border-bottom: 0;}
        nav.nav-box li { white-space: nowrap;word-wrap:break-word; display: inline-block;margin:0; padding:0 1.5vw;border-right:#CCC solid 1px;  width:auto;color: #df0716; line-height:200%; text-align: center;position: relative;cursor: pointer;}
        nav.nav-box li a{border-radius:20px;display: block;padding:0 1.5vw 0 1.5vw; color:#333; text-decoration: none; font-size:.85vw;transition: all .3s;}
       
        nav.nav-box li.last-child{border: none;}
        nav.nav-box li a:hover{display: block;color: #df0716; /*border:1px solid #ee8800;*/transition: all .3s;}
        nav.nav-box li a.active {color: #fff;background: #df0716;  font-weight:500;transition: all .3s;}
		
        nav.nav-box li a{border-radius:20px;display: block;padding:0 1.5vw 0 1.5vw; color:#333; text-decoration: none; font-size:.85vw;transition: all .3s;}

		nav.nav-box li.active a{color: #fff;background: #df0716;  font-weight:500;transition: all .3s;}

        .nav-mobile {display: none;font-weight: bold;width: 100%;}
}
@media (max-width: 768px) {
	.btnPos{ position:relative; left:0;float:none;  }
	nav-height{ position:relative; height:auto;    }
nav.nav-box { width:100%; padding:15px 0;margin:0 auto;background: #f2f2f2;overflow:hidden; overflow-x:auto;}
	        nav.nav-box.navFix{position: fixed;width: 100%; left:0; padding:10px 0; top:60px; background-color:rgba(255,255,255,0.95);  z-index: 999;overflow:hidden; overflow-x:auto;transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;} 
			nav.nav-box.navFix2{top:0;overflow:hidden; overflow-x:auto; transition: all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-moz-box-shadow: 1px 1px 10px #cacaca;-webkit-box-shadow: 1px 1px 10px #cacaca;box-shadow:1px 1px 10px #cacaca;} 

nav.nav-box ul {padding: 0 0;margin: 0 auto; border:none; position:relative;  width:100%; text-align:center;display: -webkit-flex; display: flex;justify-content:center;align-items:center;flex-wrap: nowrap}
        nav.nav-box.navFix ul{ border-bottom: 0;padding: 0 0; }
        nav.nav-box li { display:block; white-space: nowrap;word-wrap:break-word;margin:0; padding:0 10px;border-right:#CCC solid 1px;  width:100%;color: #df0716; line-height:20px; text-align: center;position: relative;}
        nav.nav-box li a{border-radius:5px;background: none;height:20px;display: block;padding:0 10px 0 10px; color:#333; text-decoration: none; font-size:14px;}
       
        nav.nav-box li.last-child{border: none;}
        nav.nav-box li a:hover{display: block;color: #df0716;background: none; font-size:14px;/*border:1px solid #ee8800;*/transition: all .3s;}
        nav.nav-box li a.active {color: #df0716;background: none; font-size:14px; font-weight:500;transition: all .3s;}
        .nav-mobile {display: none;font-weight: bold;width: 100%;font-size:14px;}
	
}