@media screen and (max-width: 1024px) {

#pagewrap
{
min-width:480px;
width:100%;
}

/*************** navigation ******************/

.menu_bg
{
width:100%;
}

/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
    
ul.menu {
	width:100%;
}


ul.menu li a {
	padding:0 12px;
}

div.box
{
width:25%;
}

/* light box
-------------------------------------------------------------- */

#lightbox {
width:95%;
  position: absolute;
  left: 0;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

#lightbox div
{
padding:10px;
margin:10px auto;
  max-width:90% !important;
  height: auto !important;
}

#lightbox div div
{
padding:0;
margin:0 auto;
}


#lightbox img {
margin:0;
max-width:95%;
height: auto;
}

.hidden_contents
{
width:90% !important;
max-width:95%;
}

}

@media screen and (max-width: 780px) {

ul.menu li a {
	padding:0 8px;
	font-size:90%;
}

#welcome
{
padding:0 20px;
width:90%;
float:none;
}

#jerry
{
float:none;
text-align:center;
width:100%;
padding:30px 0 0 0;
}

}

@media screen and (max-width: 700px) {

.menu_bg
{
height:80px;
}

.menu
{
height:80px;
}

ul.menu li a {
	font-size:90%;
}

}


@media screen and (max-width: 480px) {

html {-webkit-text-size-adjust: none}
a{-webkit-tap-highlight-color: #FF0}

a#button
{
display:block;
}

#pagewrap
{
min-width:320px;
width:100%;
}

.header
{
position:relative;
height:80px !important;
background:#fff !important;
}

body#home
{
background:url(../images/mainimages/mimage_mobile.jpg) no-repeat center 40px !important;
}

body
{
background:none !important;
}

div.header h1
{
height:75px;
}

.header h1 a
{
width:311px;
background:url(../images/common/logo_s.jpg) no-repeat 10px 7px;
display:block;
}




/*************** navigation ******************/

.menu_bg
{
background:none;
}

.menu
{
height:45px;
padding:3px;
background:#163a82;
}

ul.menu {
	width:100%;
	margin:0 auto;
}

ul.menu li {
	display:block;
	height: 20px;
	float:left;
	position:relative;
	margin:0;
	padding:1px;
}

ul.menu li a {
height:18px;
line-height:18px;
font-size:90%;
letter-spacing:0px;
text-align:center;
text-transform:uppercase;
	display:block;
	color:#fff;
	text-decoration:none;
	font-style:normal;
	padding:0 4px;
}

ul.menu li a img
{
width:10px;
height:auto;}

ul.menu li ul
{
display:none !important;
}

/*************** contents ******************/

#home .contents
{
margin-top:180px;
}

.contents
{
min-height:200px;
margin-top:50px;
background:#fff;
padding:20px;
line-height:150%;
}

.contents img {
	max-width: 90%;
	height: auto;
	width: auto\9; /* ie8 */
	float:none;
}


iframe
{
width:100%;
height:auto;
width: auto\9; /* ie8 */
}

#welcome
{
padding:10px 0;
width:100%;
position:static;
border:1px solid #ccc;
color:#292929;
}

#news
{
float:none;
width:100%;
}


#jerry
{
float:none;
text-align:center;
width:100%;
padding:30px 0 0 0;
}

div.footer
{ 
padding:20px;
margin:10px 0;
}

div.box
{
border:0;
border-bottom:1px solid #ccc;
width:95%;
padding:10px 0;
float:none;
margin:0 0 10px 0;
}

.gallery li 
{ 
width:30%;
height:60px;
}

.gallery a
{
height:90px;
}

.gallery li img
{
max-width: 100%;
padding:0;
margin:0;
}

.instructors
{
width:95%;
}

.gallery a
{
padding:3px;
}

.gallery a img
{
width:130px;
height:auto;
}
    }
    
    @media screen and (max-width: 350px) {

.menu_bg
{
background:none;
}

.menu
{
height:65px;
}

}