@media screen and (max-width:1250px) {
.wrap {width:86%;}
.symbol {width: 90%;}
.banner_text{  font-size: 400%;
  margin-top: -22%;}
.logo {width:50%;}
.header_bg img {height: 110px;}
}

@media screen and (max-width:1020px) {
.line1 {font-size: 50px;}
.details {width: 70%;}
.footer_left {float: none;}
.footer_right {float: none;text-align: inherit;}
.banner_text{  font-size: 355%;
  line-height: 76px;}
.phone .span1 {font-size:20px;}
.phone .span2 {font-size:25px;}
.header_bg img {height: 105px;}
}
@media screen and (max-width:900px) {
.line1 {font-size: 40px;}
.banner_text{ font-size: 300%;
  line-height: 60px;
}
}
@media screen and (max-width:768px) {
.header_img img {height: 100px;}
.details {  width: 100%;font-size: 16px; line-height: 28px;  padding-top: 50%; /*text-align: justify;*/}
.symbol img {width:40%;  text-align: center;  margin-top: 0px;}
.symbol{  text-align: center;margin-top:0px;}
.box1 {width:100%;}
.box2 {width:100%; padding: 30px 30px 10px 30px;}
.box3 {width:100%; padding: 50px 0px 50px 0px;}
.banner_text{font-size: 265%; line-height: 52px;}
.details {padding-top: 16px;padding-bottom: 10px;}
.symbol {position:inherit; width:100%;}
}
@media screen and (max-width:700px) {
.header_inner {padding: 4% 16% 4% 13%; height: 105px;}
.logo {width: 100%; float:none; margin-top: 1%;margin-bottom: 1%;}
.phone {float:none;}
}
@media screen and (max-width:680px) {
.header_img img {height: 90px;}
.banner_text{  font-size: 184%;
  line-height: 34px;}
}
@media screen and (max-width:480px) {
.header_img img {height: 50px;}
.line1 {font-size: 35px; line-height: 42px;}
.line4 {line-height: 42px;}
.banner_text{   font-size: 130%;
  line-height: 29px;} 
.logo {width: 100%; float:none; margin-top: 3%;margin-bottom: 2%;}
.header_inner {padding: 4% 12% 4% 8%;}
.phone .span1 {font-size: 17px;}
.phone .span2 {font-size: 18px;}
.symbol img {width: 70%;}
}
@media screen and (max-width:350px) {
	.banner_text{  font-size: 109%;
  line-height: 22px;
}
.header_inner {height:87px;}
.header_bg img {height: 87px;}
}