/* by Adon , CSS Document */

.products{ float:left; width:100%;position:relative;height:1024px;color:#fff;}
.products .container{ position:relative; height:100%;}
.products .item{position:absolute;left:0;right:0;margin:-120px auto 0 auto;top:50%; border:solid 1px #fff; border-left:none; border-right:none; padding:2.5% 0;}
.products .item .p1{font-size:30px;}
.products .item .p2{font-size:20px;text-transform:uppercase}
.products .item .p3{font-size:85px;text-align:right; line-height:85px; margin-top:5%;}
.products .item .p4{font-size:35px;text-transform:uppercase;text-align:right;}
.products-des{ float:left; width:100%; margin:15% 0;}
.products-des .products-left .p1{ font-size:40px;}
.products-des .products-left .p2{ font-size:18px; color:#5f5f5f; text-transform:uppercase}
.products-des .products-right { width:50%;color:#5f5f5f;}
.products-des .products-right .p1{ font-size:15px; border-bottom:solid 1px #e5e5e5; padding-bottom:5%; margin-bottom:5%;}
.products-des .products-right .p2{ font-size:13px;}
.products-lists { float:left; width:100%; position:relative;}
.products-lists a{ float:left; width:24%; position:relative; margin:0 0.5% 1% 0.5%}
.products-lists a img{ width:100%; display:block}
.products-lists a .items{ position:absolute; left:0; bottom:15%; color:#fff; width:100%; padding:0 10%;}
.products-lists a .items span{ display:block; font-size:26px;}
.products-lists a .items font{ display:block; font-size:18px; max-width:100px;}
.products-lists .owl-buttons>div{ position:absolute; top:45%; width:40px; height:40px; text-indent:9999px; margin-top:-30px;}
.products-lists .owl-buttons .owl-prev{ left:5%;background:url(../img/prev.png) no-repeat;}
.products-lists .owl-buttons .owl-next{ right:5%;background:url(../img/next.png) no-repeat;}
.products-a{ float:left; width:100%;margin:15% 0;}
.products-a a{ float:left; width:24%; margin-bottom:5%; margin-left:0.5%; margin-right:0.5%}
.products-a a span{ display:block; font-size:20px; margin:15px 0 0 0;}	
.products-a a font{ display:block; font-size:15px; color:#5f5f5f; text-transform:uppercase}


@media (max-width:1024px){
.products{padding:50% 0;height:auto;}
.products .item{position:static;margin-top:0;}
}
@media (max-width:768px){
.products .item{ padding:5% 0;}	
.products .item .p1{ font-size:24px;}
.products .item .p2{ font-size:16px;}
.products .item .p3{ font-size:65px;}
.products .item .p4{ font-size:30px;}	
.products-des .products-right{ width:100%; margin-top:5%;}
.products-a a{ width:49%;}
.products-lists a .items span{ font-size:22px;}
.products-lists a .items font{ font-size:14px;}
.products-lists a{ width:32.33%;}
}
@media (max-width:640px){
.products .item .p3{ font-size:55px; line-height:60px;}
.products .item .p4{ font-size:26px;}
.products-des .products-left .p1{ font-size:34px;}
.products-des .products-left .p2{ font-size:16px;}
.products-lists .owl-buttons{ display:none;}
}
@media (max-width:480px){
.products .item .p1{ font-size:22px;}
.products .item .p2{ font-size:14px;}
.products .item .p3{ font-size:42px;}
.products .item .p4{ font-size:20px;}	
.products-des .products-left .p1{ font-size:30px;}
.products-a a{ width:100%; margin-left:0; margin-right:0; margin-bottom:10%;}
.products-lists a{ width:49%;}
}
@media (max-width:320px){
.products .item .p1{ font-size:18px;}
.products .item .p2{ font-size:13px;}
.products .item .p3{ font-size:34px; line-height:40px;}
.products .item .p4{ font-size:16px;}	
.products-des .products-left .p1{ font-size:24px;}
.products-des .products-left .p2{ font-size:14px;}
.products-des .products-right .p1{ font-size:13px;}
.products-des .products-right .p2{ font-size:12px;}
.products-lists a .items span{ font-size:16px;}
.products-lists a .items font{ font-size:12px;}
.products-a a span{ font-size:18px;}
.products-a a font{ font-size:13px;}
}