/* by Adon , CSS Document */

.contact{ float:left; color:#515151; width:100%; margin:10% 0 15% 0;}
.contact .container{ position:relative;}
.contact .p1{ font-size:35px; text-transform:uppercase}
.contact .p2{ font-size:25px;}
.contact .p3{ font-size:20px;}
.contact .p4{ font-size:15px;}
.contact .p5{ font-size:28px; position:absolute; right:5%; top:250px;}
.contact ul li{ float:left; width:47.5%; margin-right:5%; margin-top:8%;}
.contact ul li img{ width:45%;}
.contact ul li .item{ width:45%; margin-left:5%; margin-top:5%;}
.contact ul li .item span{ display:block; font-size:20px;}
.contact ul li .item i{ display:block; height:1px; background:#d3d3d3; width:130px; margin:20px 0;}
.contact ul li .item p{ font-size:14px;}
.contact ul li.clear{ margin-right:0;}

@media (max-width:1024px){
.contact ul li .item{ margin-top:10px;}
.contact ul li .item span{ font-size:18px;}
}
@media (max-width:768px){
.contact .p5{ position:static; margin-top:25px;}
.contact ul li{ width:100%; margin-right:0 !important}
}
@media (max-width:480px){
.contact .p1{ font-size:30px;}
.contact .p2{ font-size:20px;}
.contact .p3{ font-size:18px;}
.contact .p5{ font-size:24px;}
.contact ul li .item p{ font-size:12px;}
.contact ul li .item span{ font-size:15px;}
}
@media (max-width:320px){
.contact .p1{ font-size:24px;}
.contact .p2{ font-size:16px;}
.contact .p3{ font-size:14px;}
.contact .p5{ font-size:18px;}
.contact ul li .item{ float:left; width:90%; margin-left:0;margin-top:5%;}
}