/*==================================== about css ====================================*/

/*-------- who we are css ----------------------------*/
.aboutus1, .aboutus2, .aboutus3 {
	width:100%;
	margin-bottom:40px;
	overflow: visible;
}
.aboutus1 {
	height:380px;
	background:#e3e3e3;
}
.aboutus3 {
	margin-top:25px;
	padding-top:40px;
	background:url(../images/line-down.png) repeat-x -88px top;
}
.aboutus1 .pic, .aboutus2 .pic {
	float:left;
}
.aboutus3 .pic {
	float:right;
}
.aboutus1 .arrow-left {
	height:0;
	width:0;
	position:absolute;
	top:50px;
	left:405px;
	z-index:3;
	
	border-right: 15px solid #e3e3e3;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 0;
}

.aboutus1 pic, .aboutus2 pic, .aboutus3 .pic {
	width:420px;
	height:330px;
	padding-top:10px;
	overflow:hidden;
}
.aboutus1 pic, .aboutus2 pic {
	float:left;
}
.aboutus3 .pic {
	float:right;
}
.aboutus1 img, .aboutus2 img, .aboutus3 img {
	width:420px;
	height:auto;
}
.aboutus1 .info, .aboutus2 .info, .aboutus3 .info {
	width:630px;
	float:left;
}
.aboutus1 .info h4 {
	color:#28415c;
	font-size:37px;
	line-height:40px;
	margin:40px 30px 20px 30px;
}
.aboutus2 .info h4 {
	color:#28415c;
	font-size:37px;
	line-height:36px;
	margin:0px 30px 5px 30px;
}
.aboutus3 .info h4 {
	color:#28415c;
	font-size:37px;
	line-height:36px;
	margin:0px 30px 5px 0;
}
.aboutus2 span, .aboutus3 span {
	font-size:18px !important;
	margin-left:20px;
}
.aboutus1 .info p {
	line-height:26px;
	margin:20px 30px;
}
.aboutus2 .info p {
	line-height:22px;
	margin:10px 30px;
}
.aboutus3 .info p {
	line-height:22px;
	margin:10px 30px 10px 0;
}



/*-------- Distribution css ----------------------------*/
.distribution {
	width:800px;
	margin:0 auto;
}
.distribution ul {
	height:190px;
	background:url(../images/line-brands.png) no-repeat center bottom;
}
.distribution ul li {
	width:150px;
	margin:40px 25px 0 25px;
	float:left;
	-moz-float:left;
	text-align:center;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.distribution ul li:hover {
}
.distribution ul li a {
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.distribution ul li img {
	width:75px;
}
.distribution ul li h5 {
	font-size:17px;
	line-height:22px;
	margin:12px 0;
}






@media screen and (max-width: 767px) {

.aboutus1, .aboutus2, .aboutus3 {
	width:700px;
	padding:0 20px;
	text-align:center;
	background:none;
	height:auto;
}
.aboutus3 {
	width:700px;
	padding-top:0;
}
.aboutus1 .pic, .aboutus2 .pic, .aboutus3 .pic {
	float: none;
	margin:0 auto;
	height:inherit;
	width:100%;
	display:block;
}
.aboutus1 .arrow-left {
	display:none;
	
	top:50px;
	left:405px;
	border-bottom: 15px solid #e3e3e3;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 0;
}
.aboutus1 img, .aboutus2 img, .aboutus3 img {
	width:;
	float: inherit;
	margin:0 auto;
}
.aboutus1 .info, .aboutus2 .info, .aboutus3 .info {
	width:100%;
	margin:20px 0;
}
.aboutus1 .info h4 {
	margin:10px auto 20px auto;
}
.aboutus1 .info h4, .aboutus2 .info h4, .aboutus3 .info h4 {
	width:100%;
}
.aboutus2 span, .aboutus3 span {
}
.aboutus1 .info p, .aboutus2 .info p, .aboutus3 .info p {
	width:100%;
	margin:10px auto;
	line-height:inherit;
}

.distribution {
	width:700px;
}
.distribution ul li {
	width:140px;
	margin:40px 15px 0 15px;
}