@media only screen and (min-width: 768px) and (max-width: 990px) {
img{
	max-width:100%;
	min-width:auto;
	height:auto;
	}
.main_div{
	width:98%;
	margin:0 auto;
	}
.top_left{
	width:65%;
	}
.top_right{
	width:30%;
	}
#logo{
	width:30%;
	}
#right{
	width:65%;
	padding-top:10px;
	}
.pro{
	width:30%;
	margin:10px;
	}
.flo2, .flo1{
	float:none;
	width:100%;
	text-align:center;
	}
.teenager{
	width:95%;
	float:none;
	margin:10px auto;
	}
.teenager img{
	width:50%;
	text-align:center;
	float:none;
	margin:10px 170px;
	height:auto;
	}
.well{
	width:95%;
	margin:0 auto;
	}
.contact, .form{
	float:none;
	width:100%;
	margin:20px auto;
	}	
.g1{
	margin:4px;
	}
 .student_form a.btn-buy{
	 width:70%;
	 }
.ourstaff{
	width:31%;
	margin:8px;
	}
}


@media only screen and (max-width: 640px) {	
img{
	max-width:100%;
	min-width:auto;
	height:auto;
	}
.main_div{
	width:98%;
	margin:0 auto;
	}
.top_left{
	width:60%;
	}
.top_right{
	width:34%;
	}
#logo{
	width:30%;
	}
#right{
	width:65%;
	padding-top:10px;
	}
.pro{
	width:30%;
	margin:10px;
	}
.flo2, .flo1{
	float:none;
	width:100%;
	line-height:26px;
	text-align:center;
	}
.teenager{
	width:95%;
	float:none;
	margin:10px auto;
	}
.teenager img{
	width:50%;
	text-align:center;
	float:none;
	margin:10px 130px;
	height:auto;
	}
.well{
	width:95%;
	margin:0 auto;
	}
.contact, .form{
	float:none;
	width:100%;
	margin:20px auto;
	}	
.incar{
	font-size:28px;
	}
.g1{
	width:31%;
	margin:6px;
	}
.student_info, .student_info1{
	float:none;
	width:98%;
	margin:0 auto;
	}
.ourstaff{
	width:30%;
	margin:8px;
	}
}


@media only screen and (max-width: 480px) {	
img{
	max-width:100%;
	min-width:auto;
	height:auto;
	}
.main_div{
	width:98%;
	margin:0 auto;
	}
.top_left{
	width:100%;
	float:none;
	}
.top_right{
	width:45%;
	float:none;
	margin:10px auto;
	}
#logo{
	width:60%;
	margin:10px auto;
	float:none;
	}
#right{
	width:100%;
	float:none;
	margin-bottom:10px;
	padding-top:10px;
	}
.pro{
	width:60%;
	float:none;
	margin:10px auto;
	}
.flo2, .flo1{
	float:none;
	width:100%;
	line-height:26px;
	text-align:center;
	}
.about ul li{
	width:45%;
	}
.teenager{
	width:95%;
	float:none;
	margin:10px auto;
	}
.teenager img{
	width:80%;
	text-align:center;
	float:none;
	margin:10px 50px;
	height:auto;
	}
.well{
	width:95%;
	margin:0 auto;
	}
.contact, .form{
	float:none;
	width:100%;
	margin:20px auto;
	}
.incar{
	font-size:28px;
	}
.g1{
	width:47%;
	margin:6px;
	}	
.student_info, .student_info1{
	float:none;
	width:98%;
	margin:0 auto;
	}
.ourstaff{
	width:45%;
	margin:10px;
	}
}

@media only screen and (max-width: 360px) {	
img{
	max-width:100%;
	min-width:auto;
	height:auto;
	}
.main_div{
	width:100%;
	margin:0 auto;
	}
.top_left{
	width:100%;
	float:none;
	}
.in, .ri{
	float:none;
	width:100%;
	margin:5px auto;
	text-align:center;
	}
.top_right{
	width:60%;
	float:none;
	margin:10px auto;
	}
.top, .flash{
	display:none;
	}
#logo{
	width:95%;
	margin:10px auto;
	float:none;
	}
#right{
	width:98%;
	float:none;
	margin:0 auto;
	margin-bottom:10px;
	padding-top:10px;
	}
.pro{
	width:100%;
	float:none;
	margin:10px auto;
	}
.flo2, .flo1{
	float:none;
	width:100%;
	line-height:26px;
	text-align:center;
	}
.about ul li{
	float:none;
	width:auto;
	}
.teenager{
	width:95%;
	float:none;
	margin:10px auto;
	}
.teenager img{
	width:80%;
	text-align:center;
	float:none;
	margin:10px 50px;
	height:auto;
	}
.pkg-teen ul li p {
	float:none;
	width:100%;
	text-align:center;
	}
.pkg-teen ul li span{
	float:none;
	width:100%;
	text-align:center;
	}
.pkg-teen ul li a.btn-detail{	
	display: table;
    float: none;
    margin: 1em auto 0;
    padding:1px 35px;
    width: auto;	
}
.pkg-teen ul li a.btn-buy{
	 display: table;
    float: none;
    margin: 1em auto 0;
    padding:1px 30px;
    width: auto;
	}
.well{
	width:95%;
	margin:0 auto;
	}
.contact, .form{
	float:none;
	width:100%;
	margin:20px auto;
	}
.box{
	padding:10px 0;
	}
.pro_img {
	padding:10px 0;
	}	
.pro_img img{
	width:100%;
	padding:0;
	}
.incar{
	font-size:22px;
	}
.g1{
	width:95%;
	margin:6px;
	}	
.student_info, .student_info1{
	float:none;
	width:98%;
	margin:0 auto;
	}
.student_f_name, .student_f_input{
	float:none;
	width:100%;
	}
.student_form a.btn-buy {
	width:90%;
	}
.ourstaff{
	width:90%;
	float:none;
	margin:10px auto;
	}
}

@media only screen and (max-width: 320px) {	
img{
	max-width:100%;
	min-width:auto;
	height:auto;
	}
.main_div{
	width:100%;
	margin:0 auto;
	}
.top_left{
	width:100%;
	float:none;
	}
.in, .ri{
	float:none;
	width:100%;
	margin:5px auto;
	text-align:center;
	}

.top_right{
	width:75%;
	float:none;
	margin:10px auto;
	}
#logo{
	width:90%;
	margin:10px auto;
	float:none;
	}
#right{
	width:98%;
	float:none;
	margin:0 auto;
	margin-bottom:10px;
	padding-top:10px;
	}
.pro{
	width:100%;
	float:none;
	margin:10px auto;
	}
.flo2, .flo1{
	float:none;
	width:100%;
	line-height:26px;
	text-align:center;
	}
.about ul li{
	float:none;
	width:auto;
	}
.teenager{
	width:95%;
	float:none;
	margin:10px auto;
	}
.teenager img{
	width:100%;
	text-align:center;
	float:none;
	margin:10px 0;
	height:auto;
	}
.pkg-teen ul li p {
	float:none;
	width:100%;
	text-align:center;
	}
.pkg-teen ul li span{
	float:none;
	width:100%;
	text-align:center;
	}
.pkg-teen ul li a.btn-detail{	
	display: table;
    float: none;
    margin: 1em auto 0;
    padding:1px 35px;
    width: auto;	
}
.pkg-teen ul li a.btn-buy{
	 display: table;
    float: none;
    margin: 1em auto 0;
    padding:1px 30px;
    width: auto;
	}
.well{
	width:95%;
	margin:0 auto;
	}
.contact, .form{
	float:none;
	width:100%;
	margin:20px auto;
	}	
.box{
	padding:10px 0;
	}	
.incar{
	font-size:18px;
	}
.g1{
	width:95%;
	margin:6px;
	}
.student_info, .student_info1{
	float:none;
	width:96%;
	margin:0 auto;
	}
.student_f_name, .student_f_input{
	float:none;
	width:100%;
	}
.student_form a.btn-buy {
	width:90%;
	}
.date{
	margin:4px;
	}
.ourstaff{
	width:90%;
	float:none;
	margin:10px auto;
	}
}