@media only screen and (max-width: 3000px), only screen and (max-device-width : 3000px){
header .inner,
.container .inner,
footer .inner {width:940px;}

}
@media only screen and (max-width: 1024px), only screen and (max-device-width : 1024px){
header .inner,
.container .inner,
footer .inner {width:90%;}
.h-content2{ /*padding:14px 3% 10px; width: 94%;*/ }
}

@media only screen and (max-width: 960px){ 
header .inner, .container .inner, footer .inner{ width:97%; }
footer .inner{ width:92%; }
.h-content1{ margin: 40px 0 100px; }
.h-content1 h2{ width:52%; }
.h-content1 img.plane-image{margin: 40px 0 0 0; }
.h-content2{ /*padding:14px 4% 10px 8%; width: 88%;*/ }
.h-content2 .middle{  width: 60%; margin: 12px 0 0 3%; }
.h-content2 .middle span{ line-height:1.2em; margin: 5px 0 0; }
.h-content2 .left{ width: 60%; }
.h-content2 .left img { /*width: 68%; */}
.h-content2 .middle img{ width: 62%; }
.h-content2 .middle img.asia-one{ width: 48%; }
.tab-content1 .middle .repeater .right{ margin:0 6% 0 0; }
.tab-content4 .wrapper { width: 90%; }
footer .inner span.copyrights{ display:block; }
.resp-tab-content{ width:90%; padding:30px 5% 50px; }
.tab-content1 .middle .repeater .right{ margin:0 4% 0 0; width:50%; }
.tab-content1 .middle .repeater{ min-height:136px; }
}
@media only screen and (max-width: 768px), only screen and (max-device-width : 768px){ }
@media only screen and (max-width: 810px), only screen and (max-device-width : 810px){ 
	.resp-tabs-list li{ padding: 13px 4% 14px; }
	.resp-tab-active { padding:13px 4% 18px !important;}
	.bg-myeduplan { background-position:30% bottom;}
}
@media only screen and (max-width: 767px), only screen and (max-device-width : 767px){
header .inner, .container .inner, footer .inner{ width:96%; }
.head-bg span.head-title{ margin: 0; /*text-align: right;*/ width: 36%; }
.h-content1{ margin:50px 0 141px; position:relative }
.h-content1 img.plane-image{margin: 40px 0 0 0; position: absolute; left: 70%; top: 0; width: 230px; }
.h-content1 h2{ font-size: 2.4em; width: 70%; }
.h-content2{ /*padding:14px 5% 10px; width:90%;*/ }
.h-content2 .left{ width:60%; }
.h-content2 .left img { float: left; /*width: 85%;*/ }
.h-content2 .middle img{ width: 75%; }
.h-content2 .middle img.asia-one{ width: 55%; }
.h-content2 .right{ /*width:40%;*/ }
.h-content2 .right a img{ width: 100%; }
.h-content2 .middle{ margin:15px 0 0 0; width:80%; }
.h-content2 .middle span{ line-height:1em; margin:10px 0 8px 0; display: inline-block; }
.h-content2 .right{ line-height:1.5em; }
.resp-tabs-list li{ padding:12px 2.5%; }
.resp-tab-active{ padding:13px 2.5% 18px !important;/*padding:13px 5% 21px !important;*/ }

.tab-content1 .top .repeater,
.tab-content1 .top .repeater{ float:none; width:100%; }
.tab-content1 .middle .repeater{ width:100%; min-height:100px; margin:0 0 25px 0; }
.tab-content1 .top .repeater{ margin:0 0 25px 0; }
.tab-content1 .top .repeater img{ width: 35%; float: left; }
.tab-content1 .top .repeater div{ width: 55%; float: right; }
.tab-content1 .middle .repeater img{ width:35%; }

.tab-content2 .repeater .right h4, .tab-content3 .repeater .right h4{ font-size:1.2em; line-height:1.2em; margin: 0 0 10px 0; }
.tab-content2 .repeater img, .tab-content3 .repeater img{ width:30%; }
.tab-content2 .repeater .right, .tab-content3 .repeater .right{ width:58%;  margin: 0px 5% 0 0; }
.tab-content3 h3{ margin:10px 0 40px 0; }
.tab-content4 .wrapper { width: 100%; }
.tab-content4 .wrapper .repeater{ width:90%; margin: 0 0 20px; }
.tab-content4 .wrapper table{ width:100% !important; }
.tab-content4 .wrapper .repeater h4{ line-height:1.3em; font-size:1.2em; font-family: 'Open Sans', sans-serif;font-weight: 400; margin: 0 0 6px 0; }
.tab-content1 ul li{ margin:0 0 4px 6%; width:94%; }
.tab-content3 a{ display:block; }

footer .inner{ width:92%; line-height:1.6em; font-size: 1.3em; }
}

@media only screen and (max-width: 640px), only screen and (max-device-width : 640px){
	.resp-tabs-list li{ padding:12px 2%; font-size:1.5em; }
	.resp-tab-active { padding:13px 2% 18px !important; }
}

@media only screen and (max-width: 548px), only screen and (max-device-width : 548px){
	.resp-tabs-list li{ padding:12px 1.5%; font-size:1.4em; }
	.resp-tab-active { padding:13px 1.5% 18px !important;}
}

@media only screen and (max-width:480px){}
@media only screen and (max-width: 479px), only screen and (max-device-width : 479px){
header .head-bg{ padding: 16px 3% 22px; }
.head-bg span.head-title{ width: 46%; line-height: 1.3em; }
.h-content1 img.plane-image{ display:none; }
.h-content1 h2{ width:100%; }
.h-content2{/*padding: 14px 15% 25px 16%; width: 69%;*/ }
.h-content2 .left{ width:100%; }
.h-content2 .left img{ width:100%; }
.h-content2 .middle{ width:100%; margin:25px 0 25px 0; }
.h-content2 .middle img{ width: 73%; }
.h-content2 .middle img.asia-one{ width: 48%; }
.h-content2 .right{ width:90%; }
.h-content2 .right a img{ width:90%; }
.h-content2 .middle span{ margin: 12px 0 10px 0; }

.h-content-intro { display:block;/*float:none; width:80%; margin:10% auto 0;*/ padding-top:8%; float: right; width: 55%; margin: 0; /*background:red;*/}
.h-content-intro h1 {font-size: 2.4em;}
.h-content-intro .left{ float:none; display:block; width:100%;}
.h-content-intro .left img{ display:block; /*display:none;*/ margin:0 auto; max-width:70%;}
.h-content-intro .right{ float:none; display:block; width:100%;}
.h-content-intro .right a{display:block;}
.h-content-intro .right img{ display:block; margin:0 auto;}
.h-content-intro .right span { text-align: justify;}

.resp-tabs-container{ background:none; }
h2.resp-accordion{ background:url(../images/tabs-bg.jpg) 0 0 repeat-x; font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:1.8em; font-weight:normal; padding:18px; margin:10px 0;  
-webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; border-top: 2px solid #fefefe; 
-webkit-box-shadow:0px -1px 6px #b4b4b4; -moz-box-shadow:0px -1px 6px #b4b4b4;box-shadow:0px -1px 6px #b4b4b4; }
h2.resp-accordion:first-child{ border-top: 2px solid #fefefe !important; }
.resp-tab-content-active{ -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; background:#ffffff; border-top: none; }
h2.resp-tab-active{ background:#ffffff !important; padding: 18px !important; 
-webkit-border-radius:10px 10px 0 0  !important; -moz-border-radius:10px 10px 0 0  !important; border-radius:10px 10px 0 0  !important; margin:0 !important; 
width: 87.5%; padding: 20px 6% 0px !important; }
h2.resp-accordion:first-child.resp-tab-active{ border-top:3px solid #fec910 !important; }
.resp-tab-content { width: 87.5%; padding:30px 6% 50px; }
.resp-arrow{  background:url(../images/arrow-close.png) 0 0 no-repeat; border:none; width:16px; height:10px;  }
h2.resp-tab-active span.resp-arrow{ background:url(../images/arrow-open.png) 0 0 no-repeat; border:none; width:16px; height:10px; }

.tab-content1 .top .repeater img,
.tab-content1 .middle .repeater img{ float:none; width:50%; }
.tab-content1 .top .repeater div,
.tab-content1 .middle .repeater .right{ width:100%; float:none; margin:0; }
.tab-content1 .middle .repeater .right h4{ margin:4px 0 6px 0; }
.tab-content1 .middle,
.tab-content1 .bottom{ padding:30px 0 0 0; }
.tab-content1 .top .repeater div h4{ font-family: 'Open Sans', sans-serif;font-weight: 400; }

.tab-content2 .repeater img, .tab-content3 .repeater img{ width: 50%; }
.tab-content2 .repeater .right, .tab-content3 .repeater .right{width: 100%; margin: 15px 0 0 0; }
.tab-content2 .repeater .right h4, .tab-content3 .repeater .right h4{ font-family: 'Open Sans', sans-serif;font-weight: 400; }
.tab-content2 .repeater, .tab-content3 .repeater{ margin:0 0 20px; padding:0 0 20px; }
.tab-content2 .bottom,
.tab-content1 .bottom{ font-size: 0.8em; }
.tab-content4 .wrapper .repeater h4{ margin:0 0 16px 0; }
footer .inner{ width: 84%; font-size:1.2em; }
footer .inner a.w320{ display:block; }
footer .inner span.w320,
footer .inner span.copyrights span.w320{ display:none; }
footer .inner span.copyrights{ margin:20px 0 0 0; }
footer .inner span.copyrights span{ display:block; text-align:left; padding:0; }

#horizontalTab{ background:none; }
.bg-myeduplan {/*background:none;*/ background-image:url(../images/posb_bg_mobile.png); background-size: 130%; background-position:left 10%; min-height: 360px;}
/*.h-content-intro{ background-color:red;}*/
.h-innercontent p{ width:100%; }
.tab-content3 img{margin:0 auto; display:block; float:none;}
img.imgSize{width:auto;}
}

@media only screen and (max-width: 320px), only screen and (max-device-width : 320px){ 
img.imgSize{width:auto;}
}
/* Media queries especially for devices */
/* iPhone 4S portrait  */
@media only screen and (width:320px){
/*.background{ width:320px; }*/
 }
/* iPad 768x1024 - landscape  */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){

}
/* iPhone 4S -640x960 landscape */
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape){
img.imgSize{width:auto;}
}
/* iPhone 5 -640x1136 landscape*/
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape){
.h-content-intro .right a img{margin-left:auto; margin-right:auto;}
img.imgSize{width:auto;}
.bg-myeduplan{background-image:url(../images/posb_bg.png); background-size:140%; background-position: 20% bottom; min-height:340px; }
.h-innercontent p{ width:100%; }
.tab-content3 img{margin:0 auto; display:block; float:none;}
	
.h-content2{ /*padding: 14px 5% 10px; width: 89%;*/ }
.h-content2 .left { width: 60%; }
.h-content2 .left img { float: left; width: 85%; }
.h-content2 .middle { margin: 15px 0 0 0; width: 80%; }
.h-content2 .middle img { width: 75%; }
.h-content2 .middle span { line-height: 1em; margin: 10px 0 8px 0; display: inline-block; }
.h-content2 .middle img.asia-one { width: 55%; }
.h-content2 .right { width: 40%; }

.tab-content1 .top .repeater,
.tab-content1 .top .repeater{ float:none; width:100%; }
.tab-content1 .middle .repeater{ width:100%; min-height:100px; margin:0 0 25px 0; }
.tab-content1 .top .repeater{ margin:0 0 25px 0; }
.tab-content1 .top .repeater img{ width: 35%; float: left; }
.tab-content1 .top .repeater div{ width: 55%; float: right; }
.tab-content1 .middle .repeater img{ width:35%; }
.tab-content1 .middle .repeater .right { margin: 0 4% 0 0; width: 50%; float:right; }

.tab-content2 .repeater .right h4, .tab-content3 .repeater .right h4{ font-size:1.2em; line-height:1.2em; margin: 0 0 10px 0; }
.tab-content2 .repeater img, .tab-content3 .repeater img{ width:30%; }
.tab-content2 .repeater .right, .tab-content3 .repeater .right{ width:58%;  margin: 0px 5% 0 0; }
.tab-content3 h3{ margin:10px 0 40px 0; }
.tab-content4 .wrapper { width: 100%; }
.tab-content4 .wrapper .repeater{ width:90%; margin: 0 0 20px; }
.tab-content4 .wrapper table{ width:100% !important; }
.tab-content4 .wrapper .repeater h4{ line-height:1.3em; font-size:1.2em; font-family: 'Open Sans', sans-serif;font-weight: 400; margin: 0 0 6px 0; }
.tab-content1 ul li{ margin:0 0 4px 6%; width:94%; }
.tab-content3 a{ display:block; }

footer .inner{ width:92%; line-height:1.6em; font-size:1em; }
footer .inner a.w320{ display:inline-block; }
footer .inner span.w320,
footer .inner span.copyrights span.w320{ display:inline-block; }
footer .inner span.copyrights{ margin:0px 0 0 0; }
footer .inner span.copyrights span{ display:inline-block; text-align:left; padding:0; font-size:1.6em; }
footer .inner a.w320{ font-size:1.6em; }

.tab-content1 p{ font-size:0.7em; line-height:1.4em; }
.tab-content1 .bottom,
.tab-content2 .bottom,
.tab-content3 .bottom{ font-size:0.7em; line-height:1.4em; }

.resp-tab-content-active { display: block;  border-top:3px solid #fec910;  -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; border-radius:0 10px 10px 10px; }
}
/* Samsung SIII - 720x1280 portrait */
@media only screen and (device-width: 720px) and (orientation:portrait){

 }
/* Samsung SIII - 720x1280 landscape */
@media only screen and (device-width: 1280px) and (orientation:landscape){
/*.h-content-intro{ background-color:green;}*/
}
/* Samsung Galaxy Tab2 - 600x1024 portrait */
@media only screen and (device-width: 600px) and (orientation:portrait){

}
/* Samsung Galaxy Tab2 - 600x1024 landscape */
@media only screen and (device-width: 1024px) and (orientation:landscape){

}

/* media queries based on pixel ratio */
@media only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait),
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait){ }
@media only screen and (min-device-pixel-ratio : 2)  and (orientation:landscape),
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape){
 }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape), 
only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){

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

}