a.featured-service {
    background-color: #f5f5f5;
    padding: 37px 25px;
    display: inline-block;
    margin-bottom: 30px;
}

.featured-service p { color: #666; }

.featured-service i {
    font-size: 72px;
    color: #666;
    float: left;
    display: inline-block;
    margin-right: 29px;
    line-height: 95px;
    height: 176px;
}

a.featured-service:hover {
    background-color: #666;
}

a.featured-service,
a.featured-service .h4,
a.featured-service p,
a.featured-service i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.featured-service:hover .h4,
a.featured-service:hover p,
a.featured-service:hover i { color: #fff; }

@media screen and (max-width: 767px) {
    .featured-service i{    height: 76px;margin-bottom: 15px;width: 100%;}

}
@media screen and (min-width: 767px) and (max-width:1200px) {
    .featured-service i {    float: none;
        display: block;
        margin-bottom: 3px;
        margin-right: 0;
        line-height: 95px;
        height: auto;}

}