.services-w3ls-row h4 {
     font-size: 12px !important;
     margin-top: 5px !important;
}

.serviceBox{
     text-align: center;
}
.serviceBox .service-icon{
     height: 135px;
     margin: 0 8px 65px 0px;
     padding: 36px 0;
     vertical-align: middle;
     display: inline-block;
}
.service-icon img {
     width: 140px;
}
.service-icon:hover{
     animation: bounce 1s;
}
.serviceBox:hover .service-icon:after{
     transform: scale(1);
}
.serviceBox .title{
     font-size: 15px;
     color: #fff;
     margin: 0 0 10px 0;
     font-weight: bold;
}
.serviceBox .description{
     font-size: 14px;
     color :#666;
     line-height: 25px;
     margin: 0 0 30px 0;
}
.serviceBox .read{
     display: inline-block;
     padding: 10px 30px;
     border: 1px solid #f65a3a;
     font-weight: 600;
     color: #fff;
     position: relative;
     z-index: 1;
     transition: all 0.5s ease 0s;
}
.serviceBox:hover .read{
     color: #f65a3a;
}
.serviceBox .read:after{
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: #f65a3a;
     transform: scale(1);
     z-index: -1;
     transition: all 0.3s ease 0s;
}
.serviceBox:hover .read:after{
     transform: scale(0);
}
@media only screen and (max-width: 990px){
     .serviceBox{ margin-bottom: 30px; }
}

@keyframes bounce {
     0%, 20%, 60%, 100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
     }

     40% {
          -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
     }

     80% {
          -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
     }
}
/*icons for footer*/
.social {
     position: absolute;
     width: 60px;
     text-align: center;
     transform: translateY(-50%);
     margin-top: 30px;
}
.social .link {
     display: block;
     transition: .5s;
}
.social .link img {
     display: block;
     position: absolute;
     text-align: center;
     left: 50%;
     transform: translate(-50%, -50%);
}
.social .link:hover {
     /*padding: 20px;*/
     color: white;
     margin-left: -5px;
     transform: translateY(10px) rotate(360deg);
}