.tinynav{display:none; width:100%;}
.main_menu{width:75%; float:left;}

#navigation {width:100%; float:right; margin:0; padding:0;}
#navigation li.top{display:block; float:right; width:auto; padding:0 8px; background:url(../images/symb1.png) no-repeat right 20px;}
#navigation li.top:first-child{background:none;}
#navigation li a.top_link{color:#818285; text-decoration:none; padding:10px 12px 0 12px; height:40px; display:block; width:auto;}
#navigation li a.other{transition-duration:5s;transition-duration:1000ms;transition-duration:0ms, 0ms;}
#navigation li:hover a.other, #navigation li:hover a.other:hover{background:url(../images/nav-ov.png) no-repeat center bottom;}
#navigation li:hover a.top_link, #navigation li a.top_link:hover{color:#000;}
#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; left:0; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#navigation li:hover ul.sub{left:-42px; top:50px; background:rgba(182,183,189,0.85); white-space:nowrap; width:160px; height:auto; z-index:300; text-align:center; font-size:15px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#navigation li:hover ul.sub li{display:block; position:relative; float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.5);}
#navigation li:hover ul.sub li:first-child a{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#navigation li:hover ul.sub li:last-child a{-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
#navigation li:hover ul.sub li a{ display:block; float:left; width:100%; color:#fff; text-decoration:none; padding:6px 0;}
#navigation li:hover ul.sub li a:hover {color:#fff; background:#818285;}

#navigation li:hover ul.sub li ul{margin:5px 0 0 -251px; background:rgba(182,183,189,0.85); white-space:nowrap; width:160px; height:auto; z-index:300; text-align:center; font-size:15px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#navigation li:hover ul.sub li ul li{display:block; position:relative; float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.5);}
#navigation li:hover ul.sub li ul li:first-child a{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
#navigation li:hover ul.sub li ul li:last-child a{-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
#navigation li:hover ul.sub li ul li a{ display:block; float:left; width:100%; color:#fff; text-decoration:none; padding:6px 0;}
#navigation li:hover ul.sub li ul li a:hover {color:#fff; background:#818285;}


#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:160px; z-index:400; height:auto;}


@media only screen and (max-width:1024px){
.main_menu{width:75%; float:right;}
#navigation li.top{padding:0 5px; background:url(../images/symb1.png) no-repeat right 20px;}
#navigation li a.top_link{padding:10px 8px 0 8px;}

}

@media only screen and (max-width:720px),(max-width:760px), (max-width:980px), (max-width:100%) {
select {-webkit-appearance:none;}
.tinynav {display:block;border:1px solid #818285; padding:6px; background:url(../images/arrow.png) no-repeat 97% 8px; text-align:left; font-size:16px; color:#818285; text-align:left; direction:ltr; cursor:pointer;}
.tinynav:hover{border:1px solid #666; color:#8dc63f;background:url(../images/arrow-ov.png) no-repeat 97% 8px}
.main_menu{width:50%; float:right; margin:0 10px 0 0;}
#navigation { display:none } 
}

@media only screen and (max-width:600px),(max-width:580px){

}

@media only screen and (max-width:414px), (max-width:550px){
select {-webkit-appearance:none;}
.main_menu{width:90%; float:left; padding:10px 5% 0 5%;}
#navigation {display:none } 
}
@media only screen and (max-width:360px), (max-width:375px){

}
@media only screen and (max-width:300px), (max-width:320px){

}