.our-pros-sec { width:100%; position:relative; min-height:460px; background:#fff url(../../images/our-process-imbg1.png) no-repeat center; text-align:center;}
.our-pros-sec h1 { border-bottom: 4px solid rgba(0, 0, 0, 0.08); display:inline-block; padding-bottom:20px; margin-bottom:20px; font-size: 49px; line-height: 51px; margin-bottom: 20px; letter-spacing: -0.06em; }
.our-pros { position:relative; height:320px; padding-top:135px; width:960px; margin:0 auto;}
.our-pros-item { position:relative; margin:0 20px; float:left; width:178px; height:295px;}
.our-pros-item h4 { font-weight:400; margin-top:20px; text-align:center; position:relative; }
.our-pros-item h4:before { content: ""; position: absolute; border-bottom:3px solid #e5e5e5; width:70px; height:1px; left:50%; bottom:-10px; margin-left:-35px; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.03);}
.our-pros-item.item3pros .our-pros-img { margin-top:25px;}
.our-pros-img {position:relative; overflow:hidden; width:178px; height:178px; box-shadow: 0 0 9px 1px rgba(0,0,0,0.06); border-radius:50% !important; }
.our-pros-item.big-pros { width:267px; margin-left:30px; margin-right:0;}
.our-pros-item.big-pros .our-pros-img { width:267px; height:267px; }
.our-pros-img img { max-width:100%; height:auto; }
.our-pros-img:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius:50%;
		-webkit-box-shadow: inset 0 0 0 9px rgba(255,255,255,0.5);
	    -moz-box-shadow: inset 0 0 0 9px rgba(255,255,255,0.5);
	    box-shadow: inset 0 0 0 9px rgba(255,255,255,0.5);
	    -webkit-transition: all 0.18s ease;
		-moz-transition: all 0.18s ease;
		-o-transition: all 0.18s ease;
		transition: all 0.18s ease;
} 

.our-pros-img:hover:before {
		-webkit-box-shadow: inset 0 0 40px 14px rgba(255,255,255,0.5);
	    -moz-box-shadow: inset 0 0 40px 14px rgba(255,255,255,0.5);
	    box-shadow: inset 0 0 40px 14px rgba(255,255,255,0.5);
} 

@media only screen and (min-width: 1200px) {
.our-pros { width:1100px;}
.our-pros-item { margin:0 30px;}
.our-pros-item.big-pros { margin-left:80px;}
}

@media only screen and (max-width: 959px) {
.our-pros { width:760px;}
.our-pros-item { margin:0 -20px 0 0;}
.our-pros-item.big-pros { margin-left:-10px; width:210px;}
}

@media only screen and (max-width: 767px) {
.our-pros-sec { background:#fff url(../../images/our-process-imbg2.png) no-repeat center top; min-height:1380px;}
.our-pros-sec h1 { margin-top:-12px;}
.our-pros { width:300px; height:auto;  padding-top:90px;}
.our-pros-item { margin-left:30px; margin-right:0; height:273px;}
.our-pros-item.item3pros .our-pros-img { margin-top:0;}
.our-pros-item.big-pros { margin-left:30px; width:178px; height:273px;}
.our-pros-item.big-pros .our-pros-img{ margin:0; width:178px; height:178px;}
.our-pros-item h4 { display:inline-block; background:#fff; padding:5px 1px;}

}