/* by Adon , CSS Document */

.footer{ margin-top:0 !important}
.header-div{ display:none}
.header{ background:none}
.header .box{ border-bottom:solid 1px #fff}
.about1{overflow:hidden; float:left; width:100%; position:relative;background:url(../img/about-banner.jpg) no-repeat center; background-size:cover; height:652px;}
.about1 .item{ margin-top:-60px; position: absolute; left:0;top:50%;font-weight:bold;text-transform:uppercase;color:#fff; width:100%;}
.about1 .item span{font-size:65px; line-height:65px;}
.about1 .item font{font-size:30px; line-height:35px; margin-top:8px;}
.about2{ float:left; width:100%; margin:10% 0;}
.about2 .item{ width:45%;}
.about2 .item .p2,.about3 .p2{ font-size:18px; margin:10% 0;}
.about2 .item .p3{ font-size:25px; font-weight:bold}
.about2 .thumb{ width:50%; height:662px;background:url(../img/about.jpg) no-repeat center; background-size:cover;}
.about2 .thumb img{ display:none}
.about3{ padding:10% 0;float:left; width:100%; position:relative;background:#f7f8f9;}
.about3 .p2{ max-width:850px; margin:5% 0;}
.about3 ul li{ float:left; width:33.33%; margin-bottom:5%;}
.about3 ul li span{border-bottom:solid 1px #ededed; font-size:25px; font-weight:bold; padding-bottom:10px;background:url(../img/about.png) no-repeat left 10px; padding-left:5%;}
.about3 ul li font{font-size:40px; line-height:40px; margin:10% 0; font-weight:bold}
.about3 ul li p{font-size:15px; padding-right:15%; height: 200px;}

@media (max-width:1024px){
.about3 ul li p{font-size:15px; padding-right:15%; height: 278px;}
.about3 ul li font{ font-size:30px;}
}
@media (max-width:768px){
.about1{ height:auto;padding:30% 0; height:auto}
.about1 .item{ position:static; margin:0;}
.about1 .item span{font-size:55px; line-height:55px;}
.about1 .item font{font-size:25px; line-height:30px;}
.about2 .item,.about2 .thumb{ width:100%; height:auto;}
.about2 .thumb{ background:none; margin-top:10%;}
.about2 .thumb img{ display: block; width:100%;}
.about2 .item .p2,.about3 .p2{ font-size:16px;}
.about2 .item .p3{ font-size:22px;}
.about3 ul li span{font-size:22px;}
.about3 ul li font{font-size:28px; line-height:35px;}
.about3 ul li p{font-size:14px;}
}
@media (max-width:480px){
.about1 .item span{font-size:38px; line-height:45px;}
.about1 .item font{font-size:20px; line-height:25px;}
.about2 .item .p2,.about3 .p2{ font-size:14px;}
.about2 .item .p3{ font-size:17px;}
.about3 ul li{ width:50%;}
.about3 .p2{ margin:10% 0;}
.about3 ul li { width:100%; margin:5% 0;}
.about3 ul li span{font-size:18px;background-position:left 7px;}
.about3 ul li font{font-size:24px; line-height:30px;}
.about3 ul li p{font-size:13px; padding-right:0; height:auto;}
}
@media (max-width:320px){
.about1 .item span{font-size:30px; line-height:35px;}
.about1 .item font{font-size:16px; line-height:20px;}
.about2 .item .p2,.about3 .p2{ font-size:13px;}
.about2 .item .p3{ font-size:16px;}
.about3 ul li span{font-size:16px;}
.about3 ul li font{font-size:20px; line-height:25px;}
.about3 ul li p{font-size:12px;}
}