.page-banner.what-we-do {
    background-image: url(../images/what-we-do-banner.jpg);
}
.sec1 .head {
    color: #1a66b0;
}
.ser-box {
    float: right;
    position: relative;
    padding: 35px 20px 40px 180px;
    background-color: #fff;
    box-shadow: 0 0 10px #cccccc;
    min-height: 100%;
}
.ser-box .icon {
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 25px;
    width: 120px;
}
.ser-box .title a {
    font-weight: bold;
    color: #12487d;
    text-decoration: none;
    display: inline-block;
}
.ser-box a.more {
    text-decoration: none;
    color: #12487d;
}
.ser-box a.more:hover, .ser-box .title a:hover {
    color: #171717;
}




@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
    .ser-box .title a{ font-size:20px;}
}
@media screen and (max-width: 767px) {
	.sec1 .z-container.z-ph-70 {
	    padding: 0 10px;
	}
	.page-con-area.z-pt-120.z-pb-60 {
	    padding-top: 60px;
	}
	.ser-box .icon {
	    width: 80px;
	    left: -40px;
	}
	.ser-box {
	    padding: 15px 15px 15px 50px;
	}
	.sec2 .z-1of2 {
	    height: auto !important;
	}
}
@media screen and (max-width: 479px) {
}