/* by Adon , CSS Document */

.brand{ float:left; width:100%;position:relative;height:1024px;color:#fff; text-align:center;background:url(../img/brand1.jpg) no-repeat center;background-size:cover;}
.brand .item{position:absolute;left:0;right:0;margin:-80px auto 0 auto;top:50%;}
.brand .item .p1{font-size:25px;text-transform:uppercase}
.brand .item .p2{font-size:60px;letter-spacing:20px;}
.brand .item .p3{font-size:18px}
.brand1{ float:left; width:100%; padding:10% 0; position:relative;}
.brand1 .container{ height:100%; position:relative;}
.brand1 .p1{ font-size:20px; text-align:center;}
.brand1 .p2{ font-size:60px; letter-spacing:10px; text-align:center;}
.brand1 .p3{ font-size:17px; color:#5f5f5f; border:solid 1px #e4e4e4; border-left:none; border-right:none; background:url(../img/brand.png) no-repeat center; text-align:center; padding:5% 18%; margin:5% 0;}
.brand1 .p3 font{ font-size:20px; text-transform:uppercase; display:block;color:#9b9b9b; margin-top:20px;}
.brand1 .p4{ font-size:15px; color:#5f5f5f;}
.brand1 .p4 font{ width:45%}
.brand1 .item{ max-width:655px; width:50%; float:left; margin-top:10%;}
.brand1 .item .p5{ font-size:30px;}
.brand1 .item .p6{ font-size:20px; color:#5f5f5f; text-transform:uppercase; margin-bottom:5%;}
.brand1 .item .p8{ font-size:25px; margin:5% 0;}
.brand1 .item .p7{ font-size:15px; color:#5f5f5f}
.brand1 .item .p7 font{ border:solid 1px #a40000; padding:2px 5px; line-height:27px;}
.brand1 .thumb{ position:absolute; right:15px; bottom:-19%; width:45%; max-width:560px;}
.brand2{float:left; width:100%;color:#5f5f5f;background:url(../img/brand3.jpg) no-repeat center;background-size:cover;padding:12% 0;}
.brand2 .p1{ font-size:30px;}
.brand2 .p2{ font-size:20px; text-transform:uppercase}
.brand2 .item{ float:left; width:100%;}
.brand2 .item span{ width:45%}
.brand2 .item span font{ display:block; font-size:20px; margin:10% 0 0 0;}
.brand2 .item span i{ display:block; color:#DAB866; font-style:normal; font-size:55px; text-transform:uppercase;}
.brand2 .item span p{font-size:15px;}
.brand3{float:left; width:100%;color:#5f5f5f}
.brand3 .item{ float:left; width:100%; margin:10% 0;}
.brand3 .item span{ width:45%}
.brand3 .item span font{ display:block;font-size:20px; margin-bottom:8%;}
.brand3 .item span p{font-size:15px;}
.brand4{ float:left; width:100%; background:url(../img/history.jpg) no-repeat right #515151;background-size:contain;color:#fff; padding:10% 0; overflow:hidden;}
.brand4 .p1{ font-size:30px;}
.brand4 .p2{ font-size:20px; text-transform:uppercase; margin-bottom:5%;}
.brand4 ul li{ background:url(../img/history.png) no-repeat 0 top; padding-top:50px; padding-left:10px;}
.brand4 ul li span{ display:block; font-size:50px; text-indent:10px; margin-bottom:25px;}
.brand4 ul li font{ display:block; font-size:16px;text-decoration:blink; height:155px;}
.brand4 .owl-buttons>div{ width:37px; height:37px; position:absolute; top:-128px; text-indent:9999px;}
.brand4 .container{ position:relative; height:100%;}
.brand4 .owl-buttons .owl-prev{ background:url(../img/prev.png) no-repeat; background-size:contain;left:150px;}
.brand4 .owl-buttons .owl-prev:hover{background:url(../img/prev1.png) no-repeat; background-size:contain;}
.brand4 .owl-buttons .owl-next{ background:url(../img/next.png) no-repeat; background-size:contain; left:200px;}
.brand4 .owl-buttons .owl-next:hover{ background:url(../img/next1.png) no-repeat; background-size:contain;}
.brand4 .owl-carousel .owl-wrapper-outer{ width:99.9% !important}
.brand5{ float:left; width:100%; margin:10% 0;}
.brand5 .ul1{ float:left; width:100%; margin-bottom:8%;}
.brand5 .ul1 li{ float:left; width:49%; position:relative;}
.brand5 .ul1 li.l{ margin-right:1%;}
.brand5 .ul1 li.r{ margin-left:1%;}
.brand5 .ul1 li .item{ position:absolute; top:50%; margin-top:-55px;left:0; color:#fff; width:100%; text-align:center;}
.brand5 .ul1 li .item span{ display:block; font-size:35px;}
.brand5 .ul1 li .item font{ display:block; font-size:20px; text-transform:uppercase; margin-top:10px;}
.brand5 .ul2 li{margin-left:1%;margin-right:1%;float:left;width:31.33%;text-align:center;color:#5f5f5f;position:relative;}
.brand5 .ul2 li span{display:block;font-size:35px;}
.brand5 .ul2 li font{display:block;font-size:20px; text-transform:uppercase; margin:5% 0 15% 0;}
.brand5 .ul2 li p{font-size:15px; line-height:25px; margin-bottom:10%;}
.brand5 big{display:block;font-size:35px; text-align:center;}
.brand5 small{display:block;font-size:20px; text-transform:uppercase; margin:20px 0 8% 0; text-align:center; height:auto !important}


@media (max-width:1024px){
.brand{ padding:50% 0; height:auto;}
.brand .item{ position:static; margin-top:0;}
.brand1 .thumb{ bottom:0;}
.brand4 .owl-buttons>div{ top:-120px;}
}
@media (max-width:768px){
.brand1 .item{ width:100%; max-width:inherit}
.brand1 .thumb{ position:static;max-width:inherit;width:100%; margin-top:10%;}	
.brand5 .ul2 li { width:48%; margin-bottom:10%;}
.brand5 .ul2 li span,.brand5 big{ font-size:30px;}
.brand5 .ul2 li font,.brand5 small{ font-size:18px;}
.brand5 .ul2 li p{ font-size:13px; margin-bottom:0;}
.brand4 .owl-buttons>div{ top:-100px;}
.brand2 .item span i{ font-size:44px;}
}
@media (max-width:640px){
.brand .item .p1{ font-size:20px;}
.brand .item .p2{ font-size:50px;letter-spacing:10px;}
.brand .item .p3{ font-size:16px;}
.brand1 .p2{ font-size:50px;}
.brand1 .p3{ padding:8% 15px;}
.brand1 .p4{ font-size:13px;}
.brand1 .p3{ font-size:15px;}
.brand1 .p3 font{ font-size:18px;}
.brand1 .item .p5{ font-size:24px;}
.brand1 .item .p6{ font-size:16px;}
.brand1 .item .p7{ font-size:13px;}
.brand1 .item .p8{ font-size:20px;}
.brand2 .p1{ font-size:24px;}
.brand2 .p2{ font-size:18px;}
.brand2 .item span font,.brand3 .item span font{ font-size:18px;}
.brand2 .item span p,.brand3 .item span p{ font-size:13px;}
.brand4 ul li span{ font-size:40px;margin-bottom:15px;}
.brand4 ul li font{ font-size:14px;}
.brand4 .owl-buttons>div{ display:none;}
.brand5 .ul1 li{ width:100%; margin:0 0 5% 0 !important;}
}
@media (max-width:480px){
.brand .item .p1{ font-size:18px;}
.brand .item .p2{ font-size:40px;}
.brand .item .p3{ font-size:13px;}
.brand1 .p2{ font-size:40px;}
.brand2 .item span,.brand3 .item span{ width:100%; margin-bottom:5%;}
.brand2{ padding:15% 0;}
.brand5 .ul2 li { width:100%; margin-left:0; margin-right:0;}
.brand5 .ul2 li span,.brand5 big{ font-size:26px;}
.brand4 ul li span{ font-size:34px;}
.brand4 .p1{ font-size:26px;}
.brand2 .item span i{ font-size:40px;}
.brand5 .ul1 li .item span{ font-size:28px;}
.brand5 .ul1 li .item font{ font-size:16px;}
}
@media (max-width:320px){
.brand .item .p1{ font-size:16px;}
.brand .item .p2{ font-size:28px;}
.brand .item .p3{ font-size:12px;}
.brand1 .p4{ font-size:12px;}
.brand1 .item .p7{ font-size:12px;}
.brand2 .item span p,.brand3 .item span p{ font-size:12px;}
.brand .item .p3{ font-size:12px;}
.brand1 .p4 font{ width:100%; margin-top:5%;}
.brand1 .p2{ font-size:34px;}
.brand1 .p3{ font-size:14px;}
.brand1 .item .p5{ font-size:22px;}
.brand2 .p1{ font-size:22px;}
.brand2 .item span font,.brand3 .item span font{ font-size:16px;}
.brand2 .p2{ font-size:16px;}
.brand1 .p3 font{ font-size:16px;}
.brand5 .ul2 li span,.brand5 big{ font-size:22px;}
.brand5 .ul2 li font,.brand5 small{ font-size:14px;}
.brand5 .ul2 li p{ font-size:12px; line-height:22px;}
.brand5 .ul2 li img{ padding:0 15%;}
.brand4 ul li font{ height:200px;}
.brand4 ul li span{ font-size:26px;}
.brand4 .p1{ font-size:22px;}
.brand4 .p2{ font-size:16px;}
}