.services-001 .col-xs-12 {
  margin-bottom: 15px; }
.services-001 .services-item {
  position: relative;
  overflow: hidden; }
  .services-001 .services-item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9; }
    .services-001 .services-item > a img {
      margin: 0 auto;
      transition: all .4s ease; }
  .services-001 .services-item h3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: auto;
    text-align: center; }
    .services-001 .services-item h3::before {
      content: '';
      display: inline-block;
      width: 0;
      height: 100%;
      vertical-align: middle; }
    .services-001 .services-item h3 a {
      position: relative;
      z-index: 10;
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      padding: 0 15px;
      font-weight: 700;
      font-size: 24px;
      line-height: 1.2;
      text-transform: uppercase;
      color: #ffffff;
      text-shadow: 0 2px 2.7px rgba(0, 0, 0, 0.6); }
      .services-001 .services-item h3 a:hover {
        text-decoration: none; }
      .services-001 .services-item h3 a .icon-right {
        position: relative; }
        .services-001 .services-item h3 a .icon-right::after {
          font-family: 'FontAwesome', sans-serif;
          font-weight: 400;
          font-size: inherit;
          padding: 0 1px;
          position: absolute;
          right: -40px;
          content: '\f054';
          color: inherit; }
  .services-001 .services-item:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

@media only screen and (max-width: 992px) {
  .services-001 .services-item h3 a {
    font-size: 16px; } }
@media only screen and (max-width: 768px) {
  .services-001 .services-item {
    max-height: 155px;
    overflow: hidden; }

  .services-001 .services-item > a img {
    max-width: 360px; }

  .services-001 .services-item h3 a {
    font-size: 15px; } }