
 @media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (max-width: 1485px) {
     .realWrap .background {top: -150px;}
     .realWrap { padding: 200px 0 200px 0;}
}

 @media only screen and (max-width: 1280px) {
.realWrap .background { top: -80px;}
.realWrap .realInner .realLeft img { max-width: 60%; margin-top: 40px;}	 
.highlightWrap .highlightInner .highlightRight ul li .num { padding: 15px 0;}	
.adviceWrap .adviceInner .adviceLeft img { max-width: 100%; width: 100%; margin-top: -78px;} 
footer .footerWrap .footerRight ul li br{ display:none;}
footer .footerWrap .footerLeft img { width: 60%;}
}
 @media only screen and (max-width: 1200px) {
.bannerTxt h2 { font-size: 43px; line-height: 60px; margin-bottom: 0;}
.bannerTxt { margin-top: -150px;}
h3 { font-size: 46px; line-height: 50px;}
.realWrap { padding:160px 0 10px 0;}
.highlightWrap .highlightInner .highlightRight ul li .text { padding: 5px 20px; font-size: 20px; line-height: 25px;}	 
.highlightWrap .highlightInner .highlightRight ul li .num { padding: 0;}
.adviceWrap .adviceInner .adviceLeft img { max-width: 100%; width: 100%;}
.adviceWrap .adviceInner .adviceLeft img { margin-top: -130px;}	 
.adviceWrap .adviceInner .adviceLeft img { margin-top: 14px;}	 
}
 @media only screen and (max-width: 1024px) {
}
 @media only screen and (max-width: 959px) {
.bannerTxt h2 { font-size: 33px; line-height: 50px; }
.aboutWrap .aboutInner .aboutLeft { width: auto; float: none; margin-right: 0; margin-bottom: 30px;}
.aboutWrap .aboutInner .aboutRight { width: auto; float: none;}
.aboutWrap .aboutInner ul li .num { width: 130px; height: 130px; font-size: 50px; line-height: 130px;}
.aboutWrap .aboutInner ul li .text { font-size:17px;}
.realWrap { padding: 60px 0; background: #0071bb; }
.realWrap .background { display: none; }
.realWrap .realInner .realLeft { width: auto; float: none; margin-right: 0; text-align: center;}
.realWrap .realInner .realLeft img { max-width: 170px; margin-top: 0; margin-bottom: 40px;}
.realWrap .realInner .realRight { width: auto; float: none; color: #ffffff;text-align: center;}
h3 {font-size: 40px; line-height: 44px;}
.highlightWrap .highlightInner .highlightLeft {	display: none;}
.highlightWrap .highlightInner .highlightRight { width: auto; float: none;}
.adviceWrap .adviceInner .adviceLeft { display: none;}
.adviceWrap .adviceInner .adviceRight { width: auto; float: none; padding: 60px 0;}	 
footer .footerWrap{ text-align:center;}
footer .footerWrap .footerLeft { width: auto; margin-right: 0; float: none; margin-bottom: 30px;}	
footer .footerWrap .footerLeft img { width: 60%; max-width: 150px; }
footer .footerWrap .footerRight { width: auto;float: none;}	 
.aboutWrap, .highlightWrap, footer{ padding:60px 0;}	 
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
}
 @media only screen and (max-width: 640px) {
header { padding: 20px 0 0 0;}	 
.logo { position: relative; right: 0; top: 0; float: right;}
.bannerTxt { margin-top: -250px;}
.bannerTxt h2 { font-size: 28px; line-height: 40px;}	 
.aboutWrap .aboutInner ul li { width: 50%; margin: 15px 0;}
footer .footerWrap .footerRight { font-size:20px;}
}
 @media only screen and (max-width: 600px) {
}
 @media only screen and (max-width: 569px) {
.logo img { width: 120px;}	 
h3 { font-size: 34px; line-height: 40px; }
.bannerTxt { margin-top: -220px;}	 
.bannerTxt h2 { font-size: 18px; line-height: 28px;}	
.highlightWrap .highlightInner .highlightRight ul li .num { max-width: 110px;font-size: 42px;padding: 7px 0;}	
.highlightWrap .highlightInner .highlightRight ul li .text { font-size: 17px; line-height: 20px;}	 
footer .footerWrap .footerRight { font-size: 18px;}
.inputBox .formError{ font-size:13px;}
.thankyou {font-size: 15px;}
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
}
 @media only screen and (max-width: 480px) {
}
 @media only screen and (max-width: 424px) {
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
     .inputBox .formError{ font-size:12px;}
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}
