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

}
@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{ padding:30px 0 0; }
.sidebar{ padding:40px 2% 0; }
.sidebar .font16{ font-size:14px; }
.tab-content1 .middle .repeater .right{ margin:0; width:50%; }
.tab-content1 .middle .repeater{ min-height:136px; }
.tablehighlight{ margin-bottom: 2px; }
}
@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 0 14px; }
	.resp-tab-active { padding:13px 0 18px !important;}
	.bg-fast { background-position:50% 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: 10px; /*text-align: right;*/ width: 50%; }
header span.head-tag{ padding-left: 30px; }
.head-bg a img{ margin-top: 15px; }
.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 0; }
.resp-tab-active{ padding:13px 0 18px !important;/*padding:13px 5% 21px !important;*/ }
table{ width: 100% !important; }


}

@media only screen and (max-width: 640px), only screen and (max-device-width : 640px){
	.h-content-intro h1{ font-size:2.4em; line-height: 1em; width: 90%; margin-top: 12px; }
	.resp-tabs-list li{ margin-top: 17px; font-size:1.4em; }
	.resp-tab-active { padding:12px 0 !important;}
	.sidebar{ float:none; clear:both; width: 90%; padding: 30px 4% 0; }
	.sidebar li{ float: left; width: 120px; }
	.tab-content1, .tab-content2, .tab-content3, .tab-content4{ border: none; width: 92%; }
}

@media only screen and (max-width: 548px), only screen and (max-device-width : 548px){
	.resp-tabs-list li{ padding:12px 0; font-size:1.3em; margin-top: 18px;}
	.resp-tab-active { padding:13px 0 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: 14px 3% 32px; }
.head-bg span.head-title{ margin:0 0 0 5px; width: 46%; line-height: 1.3em; }
header span.head-tag{ top: 95px !important; padding-left: 15px; }
.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 h1 {font-size: 2.3em; margin-top: 25px; width: 100%; }
.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: 300; 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; }
.resp-tab-content { width: 93.2%; padding:10px 3% 50px; border: 1px solid #C1C1C1; border-top: none;  }
.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, .tab-content2, .tab-content3{ float: none; clear: both; }
.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: 300; }

.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: 300; }
.tab-content2 .repeater, .tab-content3 .repeater{ margin:0 0 20px; padding:0 0 20px; }
.tab-content2 .bottom,
.tab-content1 .bottom{ font-size: 0.8em; }

.sidebar{ float:none; clear:both; width: 90%; padding: 80px 4% 20px !important; }
.sidebar li{ float: left; width: 50%; }

table .font12{line-height: 24px; }

#content3_table td{ padding: 5px !important; }

#horizontalTab{ background:none; }
.bg-fast {background: url(../images/posb_bg_mobile.jpg); min-height:320px !important; background-position:85% top;}
/*.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;}
header span.head-tag{ padding-left: 22px; }
.bg-fast{background-position: 60% bottom; background-size: 100%;}
.h-innercontent p{ width:100%; }
.tab-content3 img{margin:0 auto; display:block; float:none;}
.resp-tabs-list li { width: 33%; }
.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: 300; margin: 0 0 6px 0; }
.tab-content1 ul li{ margin:0 0 4px 6%; width:94%; }

.resp-tab-content { width: 93.2%; padding:30px 3% 50px; border: none !important;  }
.sidebar{ padding:30px 7% 0; font-size:1.0em; }
.sidebar li{ width: 30%; }
.sidebar .font16{ font-size: 1.6em; }
.h-content-intro h1{ width:80%;}

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

}
/* 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){

}