@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) 
{
body { min-width: auto; padding:0 20px 0 20px }
.pageWidth { width:auto; padding:0 }
#header { padding:0 0 0 0; }
nav { font-size:15px; margin-right:10px;}
nav li a { padding:0 12px; line-height:25px; } 
.contentArea { padding:0  }
#container { padding:25px}
#banner { margin-bottom:0; }
#footer { padding:5px 0; } 
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
body { min-width: auto; padding:0 0 0 0 }
.pageWidth { width:auto; }
p { padding-bottom:10px; }
.pattern-bg { padding:100px 0 0 0 }
#header { padding:0 0 0 0; }
#menu { display:block; }
nav { text-align:center; margin:0 5px 0 0; float:none; padding:0;}
nav li { background:none; border-top:solid 1px rgba(0,0,0,0.40); display:block; border-radius:0; float:none; margin:0 }
nav li a { width:100%; padding:0; line-height:25px; }
nav li:first-child { border-top:0}
#banner { margin-bottom:0; } 
#container { padding:15px; }
#footer { text-align:center; padding:3px 0; }
}

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