.tinynav{display:none; width:100%;}
.main_menu{width:600px; padding:16px 0 0 30px; float:left; font-size:14px;}

#navigation{width:100%; float:left; margin:0; padding:0;}
#navigation li{display:inline-block; width:auto; padding:0 30px 21px 0;}
#navigation li:first-child{background:none;}
#navigation li, #navigation li a{color:#cfcfcf;}
#navigation li:hover, #navigation li:hover a, #navigation li a:hover{color:#fff;}
#navigation li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#navigation ul, #navigation li:hover ul ul,#navigation li:hover ul li:hover ul ul,#navigation li:hover ul li:hover ul li:hover ul ul,#navigation li:hover ul li:hover ul li:hover ul li:hover ul ul{position:absolute;right:0; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#navigation li:hover ul.sub{left:0; top:44px; background:#000; border:0px solid #ccc; white-space:nowrap; width:220px; height:auto; z-index:300;}
#navigation li:hover ul.sub li{display:inline-block; position:relative; width:100%; padding:0; line-height:35px;}
#navigation li:hover ul.sub li:last-child{border:0;}
#navigation li:hover ul.sub li a{padding:0 0 0 10%; width:90%; display:block; float:left; color:#cfcfcf}
#navigation li:hover ul.sub li a:hover{color:#fff;}
#navigation li:hover ul.sub li ul{margin:4px 0 0 100px; background:#000; width:300px !important; z-index:400;}
#navigation li:hover ul.sub li ul li{}
#navigation li:hover ul.sub li ul li ul{margin:5px 0 0 -252px;}
#navigation li:hover ul.sub li ul li ul li ul{margin:0 0 0 -252px !important;}

#navigation li:hover ul li:hover ul,#navigation li:hover ul li:hover ul li:hover ul,#navigation li:hover ul li:hover ul li:hover ul li:hover ul,#navigation li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{left:90px; top:-4px; white-space:nowrap; width:190px; z-index:400; height:auto;}


#navigation li:hover ul.sub li:hover ul{right:0;}

@media only screen and (max-width:1024px){
}

@media only screen and (max-width:720px),(max-width:760px), (max-width:980px), (max-width:100%) {
select {-webkit-appearance:none;}
.tinynav {display:block;border:0px solid #ccc; padding:10px; background:url(../images/arrow.png) no-repeat 97% 10px; text-align:left;font-size:14px; color:#cfcfcf; text-align:left; direction:ltr; cursor:pointer;}
.tinynav:hover{border:0px solid #333; color:#f7c329;background:url(../images/arrow-ov.png) no-repeat 97% 10px}
.main_menu{width:100%; padding:0;border-top:1px solid rgba(255,255,255,0.2);}
#navigation{display:none}
}