@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1023px) {
body { min-width: auto;}
.pageWidth { width:auto; padding: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:0 }
#logo { float:none; display:block; text-align:center; padding:15px 0; margin-bottom:5px }
#header { padding-bottom:10px; }
#banner { padding:10px 8px 0 8px }
#banner img { border-radius:5px }

#menu { display:block; }
nav { margin-bottom:0; float:none; padding:0; background-position:left -15px }
nav ul { background:rgba(0,0,0,0.13); margin:0 0 0 0 }
nav li { display:block; margin:0; float:none; text-align:left; padding:0; border-top:solid 1px rgba(0,0,0,0.08) }
nav li a { font-size:12px; padding:7px 16px 7px 11px; display:block }
nav li a:hover, nav li.active a { background:rgba(255,255,255,0.5)  }

h1 { font-size:32px; line-height:32px; margin-bottom:10px; }
h2 { font-size:30px; line-height:30px; margin-bottom:10px; }
h3 { font-size:27px; line-height:27px; margin-bottom:10px; }
h4 { font-size:24px; line-height:24px; margin-bottom:10px; }
h5 { font-size:21px; line-height:21px; margin-bottom:8px; }
h6 { font-size:18px; line-height:17px; margin-bottom:8px; }

nav li:before { display:none }

#container { padding:15px 8px;  }
footer {  padding:15px 0;}
.copyRight { display:block; text-align:center }


}


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

}