#navigation{ display:none;}

@media only screen and (max-width: 479px) {
#navigation { margin:0; padding: 0; clear:both; float:left; width:auto;  letter-spacing:normal; font-family:'dosisbook'; font-size:22px; line-height:24px; text-transform:uppercase; display:block;}

ul.nav-main,
ul.nav-main li { list-style: none; margin: 0; padding: 0; }

ul.nav-main { position: relative; z-index: 597; }
ul.nav-main li:hover > ul { visibility: visible; }

ul.nav-main li.hover,
ul.nav-main li:hover {  position: relative; z-index: 599; cursor: pointer;}

ul.nav-main li { float:left; display:block; height: 71px; color:#999; /*background: url(navi-spes.png) no-repeat right center;*/ }

ul.nav-main li a { text-decoration:none; display:block; padding:20px 0 13px 13px; color:#e7e6e6; font-size:20px; }

ul.nav-main li a:hover { color:#fff;}

/*ul.nav-main *.list { padding-right: 22px; background: url(navi-arr.png) no-repeat right top; }*/

/*---------------------------------------------*/
ul.nav-sub { visibility:hidden; position:absolute; padding:14px 0px; top:50px; left:-1px; z-index:598; background:url(manu-bg.jpg) repeat-y;}


ul.nav-sub li { list-style:none; display:block; padding:0; height:34px; line-height:34px; float:none; width:140px;}

ul.nav-sub li a { list-style:none; display:block; padding:3px 0px 3px 10px; background:none; font-family:'dosisbook'; font-size:18px; color:#e7e6e6;}
ul.nav-sub li a:hover{  background-color:#9b3432; color:#fff;}

}