@media only screen and (max-width:1200px){
.arbaPro .arbaContainer{width:100%; padding:0 15px;}

.arbaPro .features-product ul li{width:50%;}
.arbaPro .items ul li figure{width:70%; margin:0 auto;}
.arbaPro .items ul li figure:after{width:40%; right: -40%; top:36%;}

}
@media only screen and (max-width:1024px){
.arbaPro .tab-section ul li a{font-size:16px;}
.arbaPro .tab-section ul li a span{font-size:12px;}
.arbaPro .cusstomer-speaks h2{font-size:40px;}
.arbaPro .cusstomer-speaks ul li{padding:10px 10px;}
.arbaPro .global h2{font-size:28px;}
.arbaPro .global ul li{padding:0 10px;}

.arbaPro .monitoring-cont h3{font-size:28px; line-height:30px;}
.arbaPro .monitoring-cont ul li a{padding:15px 15px; font-size:14px;}
.arbaPro .monitoring-cont ul li a.demo{padding:15px 15px;}
.arbaPro .monitoring-cont ul li a span{margin:0 5px 0 0;}
.arbaPro .monitoring-cont{width:54%;}
.arbaPro .features-product ul li{padding:10px 10px;}

.arbaPro .items ul li figure{width:70%; margin:0 auto;}

.arbaPro .items ul li p{font-size:12px; line-height:18px;}
.arbaPro .section-cont-left{padding:0 30px;}

}
@media only screen and (max-width:991px){
	.arbaPro .banner-cont h2, .arbaPro .banner-cont h2 span{font-size:40px; line-height:46px;}
	.arbaPro .block2 {padding:30px 18px 90px;}
	.arbaPro .block2 h3 {font-size:20px;}
	.arbaPro .block2 p{font-size:12px; line-height:18px;}
	.arbaPro .content h2, .arbaPro .content h2 span{font-size:28px;}
	.arbaPro .content h3, .content h3 span{font-size:24px; line-height:30px;}
	.arbaPro .content p {font-size:14px; line-height:22px;}
	.arbaPro .cusstomer-speaks2 h2{font-size:34px; margin:0 0 10px;}
	.arbaPro .block3 figure{padding:0 5% 0 0;}
	
	
	

}

@media only screen and (max-width:767px){
	.arbaPro .tab-section{border-bottom:1px solid #d2d2d2;}
	.arbaPro .tab-section ul li{width:33.3%;}
	.arbaPro .cusstomer-speaks ul li{width:50%;}
	.arbaPro .play{display:block;}
	.arbaPro .banner figure img{height:367px;}
	.arbaPro .banner-cont{width:100%; padding:50px 13px; }
	.arbaPro .block2 {min-height:370px;}
	.arbaPro .block3 h3 {font-size:20px; margin:0 0 10px;}
	.arbaPro .block3 p{font-size:14px; line-height:22px;}
	.arbaPro .tab-section ul{margin:0 -15px;}
	
	.arbaPro .monitoring{padding:0;}
	.arbaPro .global {padding:40px 0 0;}
	.arbaPro .maincontent{padding:0 0 40px 0;}
	.arbaPro .block img{width:30%; margin:0 10px 0 0;}
	
	.arbaPro .block h3{font-size:20px; line-height:22px;}
	

}
@media only screen and (max-width:599px){
	.arbaPro .banner-cont h2{margin:10px 0 30px;}
	.arbaPro .tab-section ul li{width:50%;}
	.arbaPro .cusstomer-speaks ul li{width:100%; height:auto;}
	.arbaPro .cusstomer-speaks h2{font-size:30px;}
	
	.arbaPro .monitoring figure{float:none; display:block; width:80%; margin:0 auto 20px auto;}
	.arbaPro .monitoring-cont{display:block; float:none; width:100%;}
	
	.arbaPro .block3 figure{width:100%; text-align:center; border:0; padding:0;}
	.arbaPro .block3-cont{width:100%; text-align:center;}
	.arbaPro .block3 a{float:none; display:inline-block;}
	
	.arbaPro .top-cont1{display:block;}
	.arbaPro .cont-left{width:100%; float:none;}
	.arbaPro .img-right{width:80%; float:none; display:block; margin:0 auto;}
	
	.arbaPro .features-product ul li{width:100%;}
	.arbaPro .block img{width:auto; margin:0 15px 0 0;}
	
	.arbaPro .items ul{font-size:0; line-height:0;}
	.arbaPro .items ul li{width:32%; vertical-align:top; float:none; margin:0 0 20px;}
	.arbaPro .items ul li figure:after{right:-35%;}
	.arbaPro .options-section h2{font-size:30px;}
	.arbaPro .section-cont{display:block;}
	.arbaPro .section-img-right{margin:0 auto; float:none; display:block;}
	.arbaPro .section-cont-left{width:100%; text-align:center !important; padding:20px 0 0;}
	.arbaPro .section-cont-left p, .arbaPro .section-cont-left a{font-size:14px;}
	.arbaPro .cusstomer-speaks2 ul li{width: 100% !important;padding: 20px !important;}
}
@media only screen and (max-width:479px){
	.arbaPro .tab-section ul li{width:100%;}
	
	.arbaPro .banner-cont h2, .arbaPro .banner-cont h2 span {font-size:28px; line-height:36px;}
	.arbaPro .btn1{width:100%;}
	.arbaPro .global ul li{width:100%; padding:10px 0;}
	.arbaPro .block {padding:30px 20px;}
	.arbaPro .block img{width:30%; margin:0 15px 0 0;}
	.arbaPro .items ul li{width:47%; vertical-align:top; float:none; margin:0 0 20px;}
	.arbaPro .options-section h2{font-size:24px;}
	
}
