/* by Adon , CSS Document */

.customization1{ float:left; width:100%; color:#5c5c5c; margin-bottom:300px;}
.customization1 .p1{font-size:60px;}
.customization1 .p2{font-size:13px; color:#757575; max-width:500px; margin:20px 0;}
.customization1 .p3{font-size:40px;}
.customization2{ float:left; width:100%; color:#fff; text-align:center; height:1024px; background:url(../img/customization2.jpg) no-repeat center; background-size:cover; padding-top:250px;}
.customization2 .p1{font-size:25px;}
.customization2 .p2{font-size:16px; margin:40px 0 30px 0; line-height:25px;}
.customization2 .p3{font-size:18px; max-width:700px;width:100%;margin:0 auto;}
.customization2 ul{margin:100px auto 0;width:100%;max-width:765px;overflow:hidden}
.customization2 ul li{float:left;text-align:center;border:1px solid #9f9c97;width:167px;margin:0 12px;height:167px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.customization2 ul li a{color:#fff}
.customization2 ul li span{display:block;font-size:20px;margin:20px 0 10px}
.customization2 ul li font{display:block;font-size:15px;margin:40px 0 15px 0;}
.customization2 ul li:hover{border:1px solid #d2965c;background:#d2965c}
.customization3{ float:left; width:100%; color:#757575; text-align:center; padding:210px 0;}
.customization3 p{ margin:0 auto; max-width:833px; width:100%;}
.customization3 .p1{ font-size:15px;}
.customization3 .p2{ font-size:18px; margin:25px auto;}
.customization4{ float:left; width:100%; color:#fff; text-align:center; height:1024px; background:url(../img/customization4.jpg) no-repeat center; background-size:cover; padding-top:270px;}
.customization4 p{ margin:0 auto;width:100%;}
.customization4 .p1{ font-size:15px;max-width:833px; line-height:25px;}
.customization4 .p2{ font-size:18px;max-width:840px; margin-top:150px;}
@media (max-width:991px) and (min-width:769px){
.customization2 ul li{width:160px}
}

@media (max-width:768px){
.customization1{ margin-bottom:30%}
.customization1 .p1{ font-size:52px;}
.customization1 .p3{ font-size:36px;}
.customization2{ height:auto; padding:15% 0;}
.customization2 ul li{width:24%;margin:.5%!important}
.customization2 ul{margin-top:50px}
.customization3{ padding:15% 0 10% 0;}
.customization4{ padding:20% 0; height:auto}
.customization2 .p3,.customization3 .p2,.customization4 .p2{ font-size:16px;}
.customization4 .p2{ margin-top:50px;}
}
@media (max-width:640px){
.customization1 .p1{ font-size:46px;}
.customization1 .p3{ font-size:30px;}
}
@media (max-width:580px){
.customization2 ul{max-width:333px}
.customization2 ul li{width:48%;margin:1%!important;height:150px}
.customization2 ul li span{font-size:16px}
.customization2 ul li .thumb{height:25px}
}
@media (max-width:480px){
.customization1{ margin-bottom:20%}	
.customization1 .p1{ font-size:40px;}
.customization1 .p2{ margin:10px 0;}
.customization1 .p3{ font-size:24px;}
.customization2 .p1{ font-size:20px;}
.customization2 .p2,.customization3 .p1,.customization4 .p1{ font-size:14px; line-height:inherit}
.customization2 .p3,.customization3 .p2,.customization4 .p2{ font-size:14px;}
.customization4 .p2{ margin-top:25px;}
}
@media (max-width:320px){
.customization1 .p1{ font-size:36px;}
.customization1 .p3{ font-size:22px;}
.customization2 .p1{ font-size:16px;}
.customization2 .p2{ margin:20px 0;}
.customization4 .p2{ margin-top:30px;}
}