/* by Adon , CSS Document */





.contact{ float:left; position:relative;width:100%; font-weight:bold;}

.contact .p { background:url(/Public/Home/img/contact.jpg) no-repeat left 20%; padding-left:18%;}

.contact .p .p1{ font-size:34px; line-height:34px;}

.contact .p .p2{ font-size:20px; text-transform:uppercase; padding-left:5px; margin-top:10px;}

.contact .con { overflow:hidden; margin:5% 0 2.5% 0;}

.contact .con li{ width:32.33%; margin-right:1.5%;float:left; background:#f7f7f7; padding:2.5% 5.5%; font-size:16px; text-transform:uppercase}

.contact .con li.clear{margin-right:0;}

.contact .add{ background:#f7f7f7; float:left; width:100%; padding:3.5% 3.5% 1% 3.5%}

.contact .add .p1{ font-size:16px; margin-bottom:2.5%; max-width:580px;}

.contact .add form{ position:relative;font-size: 18px;margin-bottom:20px; width:100%;}

.contact .add ul li .text{border: 0;background:#fff; color:#1a2225;padding:0 25px;line-height:59px;width: 100%;}

.contact .add ul li{ width:32.33%; margin-right:1.5%;float:left;}

.contact .add ul li.clear{margin-right:0;}

.contact .add .content{border: 0;background: #fff; margin-top:1.5%;color:#1a2225;padding:25px; height:150px;width: 100%;}

.contact .add .submit{border: 0;clear:both;line-height:43px; display:block;font-weight:bold; background:#12547c;text-align:center; color:#fff;width:140px; margin:3% auto;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}





@media (max-width:1024px){

.contact .p{padding-left:22%;}

.contact .p .p1{ font-size:40px; line-height:45px;}

.contact .p .p2{ font-size:17px;}

.contact .con li{ font-size:16px; padding:2.5% 3.5%;}

}

@media (max-width:768px){

.contact .add .p1{ font-size:15px;}

.contact .p{padding-left:25%;}

.contact .p .p1{ font-size:35px; line-height:40px;}

.contact .p .p2{ font-size:15px;}

}

@media (max-width:640px){

.contact .add form{ font-size:16px;}

.contact .con li{ width:100%; margin:1% 0 !important}

}

@media (max-width:480px){

.contact .p{padding-left:0; background:none}

.contact .p .p1{ font-size:25px; line-height:30px;}

.contact .p .p2{ font-size:14px;}

.contact .con li{ font-size:15px; padding:7.5%;}

.contact .add .p1{ font-size:14px;}

.contact .add form{ width:100%;}

.contact .add form{ font-size:15px;}

.contact .add ul li .text{ line-height:45px;}

.contact .add ul li{ width:100%; margin:1% 0 !important}

.contact .add{ padding:7.5% 7.5% 2.5% 7.5%;}

.contact .add .p1{ margin-bottom:5%;}

}

@media (max-width:320px){

.contact .con li{ font-size:14px}

.contact .p .p1{ font-size:22px; line-height:25px;}

.contact .p .p2{ font-size:14px;}

.contact .add form{ font-size:13px;}

}