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

#container {
width: 320px !important;
}

img.logo {
margin-left: -150px;
width: 300px;
}

.cycle-slideshow {
position: absolute;
top: 0px;
left: 50%;
margin-left: -160px;
width: 320px;
}

.cycle-slideshow img {
width: 320px;
}

#top_bar {
height: 156px;
}

img.header_payoff {
margin-left: -597px;
display: none;
}

#content {
margin-top: 440px;
margin-left: 15px;
padding-right: 15px;
}

img.payoff {
top: -30px;
margin-left: -150px;
width: 300px;
}

img.visual {
display: none;
}

#footer_inner {
position: absolute;
left: 50%;
margin-left: -150px;
padding: 10px 0 0 0;
font-size: 9px;
color: #ffffff;
width: 300px;
overflow: hidden;
}

#menu {
display: none;
}

#menu_mobile {
display: block;
}

#menu_mobile {
position: absolute;
top: 70px;
left: 50%;
margin-left: -160px;
display: block;
padding: 0 x 0 0;
width: 320px;
height: 200px;
font-family: museo-sans-rounded, arial
font-size: 15px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
text-align: right;
z-index: 2000;
}

#menu_mobile img {
float: right;
margin-right: 0;
height: 25px;
}

#menu_mobile ul {
list-style: none;
position: relative;
float: right;
padding-top: 20px;
width: 280px;
display: none;
background: #2094cc;
}

#menu_mobile:hover ul {
display: block;
}

#menu_mobile ul li {
position: relative;
clear: both;
padding: 0 0 0 10px;
width: 250px;
height: 30px;
text-align: right;
}

#menu_mobile ul li a {
color: #ffffff;
font-size: 15px;
}

#menu_mobile ul li:hover {
border: 0;
}

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

}