@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {
body { min-width: auto;}
.pageWidth { width:auto;}

#header { padding:15px 0 7px 0; }
#logo { margin:0 0 0 15px; }
nav { margin-right:15px;}
#container { padding:20px 10px; }

#banner { padding:20px 0 }
#banner li { margin:0 15px }

}


@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
body { min-width: auto; }
.pageWidth { width:auto; padding:5px; }

#logo { font-size:50px; float:none; text-align:center }
#header { padding-top:8px; padding-bottom:0}

#menu { display:block;}
nav { background:rgba(0,0,0,0.50); float:none; padding:0; margin:0; }
nav ul { display:none }
nav li { margin:0; padding:0; text-align:center; border-top:solid 1px rgba(247,247,247,0.07); display:block; border-left:0; margin-left:0; padding-left:0 }
nav li:hover a, nav li.active a { background:rgba(000,000,000,0.05); color:#FFF }
nav li a { display:block; line-height:35px; color:#FFF}

h2 { font-size:40px; line-height:48px; margin-bottom:8px; } 

#banner { position:relative; padding:15px 0;}
#banner li { margin:0 10px }

#container { padding:8px 10px 8px 10px; } 

footer { padding:15px 0 }

}


@media only screen and (max-width: 400px), only screen and (max-device-width: 400px), only screen and (max-width: 400px) {

}