/* MOBILE DEVICES */
@media screen and (max-width:480px) {

#none {
display: none;
}

html {
background: none;
}

#wrapper {
position: absolute;
top: 0px;
left: 50%;
margin-left: -150px;
width: 300px;
}

#container {
position: relative;
float: left;
margin: 0 auto 0 auto;
padding: 0;
width: 300px;
height: 100%;     
text-align: left;
border: none;
background: #ffffff;
}

#content {
position: relative;
float: left;
margin: 210px 0 0 0;
padding: 0 0 0 0;
width: 300px;
font-family: myriad pro, arial;
font-size: 16px;
color: #2daae1;
text-align: center;
z-index: 80;
line-height: 25px;
}

#home {
display: none;
}

img.logo {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
}

img.stock {
display: none;
}

img.button {
position: absolute;
top: 200px;
left: 240px;
width: 80px;
z-index: 100;
}

img.button_home {
display: none;
}

img.mobile_header {
display: block;
position: relative;
float: left;
margin: 0 0 20px 0;
width: 300px;
}

#menu {
position: relative;
float: left;
margin: 200px 0 -190px -20px;
}

#menu ul {
display: none;
width: 300px;
}

#menu #menu_inner ul {
display: block;
}

#menu ul li {
position: relative;
float: left;
padding: 7px 0 7px 0;
margin: 0 12px 3px 0;
width: 300px;
text-align: center;
background: #878786;
}

#menu ul li:hover {
background: #2daae1;
}

#menu ul li.first-item {
display: none;
}

#menu ul li a {
text-decoration: none;
font-family: myriad pro, arial;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
}

#menu ul li a:hover  {
color: #ffffff;
}

}