.tinynav{display:none; width:100%;}

.main_menu{width:640px; float:left; font-size:16px;font-family:'weblysleekuisl'}

#navigation { width:100%; float:left;text-transform:uppercase;margin:0; padding:0; width:100%; float:left;}
#navigation li{margin:0 0 0 1px !important; list-style:none; width:86px; text-align:center;}
#navigation li.size{width:100px; letter-spacing:-0.5px;}
#navigation li:hover {position:relative; z-index:200;}
#navigation li a{ display:block; float:left; height:35px; width:100%; padding:40px 0 0 0; color:#fff; text-decoration:none;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
#navigation li a:hover, #navigation li:hover{background:#14a7dd; color:#fff;}
#navigation li.select a{background:#14a7dd; color:#fff;}

#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:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; font-size:14px;}
#navigation li:hover ul.sub{left:-115px; top:75px; width:200px; height:auto; z-index:300; text-transform:none;}
#navigation li:hover ul.sub li{display:block; position:relative; float:left; width:100%; border-top:1px solid #fff; line-height:30px; margin:0;}
#navigation li:hover ul.sub li a{display:block; height:auto; width:90%; padding:0 5%; color:#fff; text-decoration:none;background:rgba(20,167,221,0.8);transition-duration:5s;transition-duration:10ms;transition-duration:10ms, 10ms;}
#navigation li:hover ul.sub li a:hover {background:rgba(255,255,255,0.8); color:#000}

@media screen and (max-width:320px), (max-width:1024px){
.tinynav {display:block;border:1px solid #a6a6a6; width:100%;font-size:18px;color:#fff; padding-bottom:6px;padding-top:6px;padding-left:6px;padding-right:50px; background:url(../images/arrow.png) no-repeat 96% 7px #14a7dd; font-family:Arial, Helvetica, sans-serif; text-align:left;}
#navigation {display:none} 
}