#clients {
  padding-bottom: 20px; }
  #clients .client-item {
    width: 25%;
    padding: 0 15px;
    margin: 0; }
    #clients .client-item .client-item-content {
      position: relative;
      overflow: hidden;
      margin: 0 0 30px 0;
      border-radius: 4px;
      border: 1px solid #eaeaea;
      background: #ffffff;
      transition: all 0.3s; }
      #clients .client-item .client-item-content .client-item-thumbnail img {
        float: left;
        width: 100%;
        height: auto; }
      #clients .client-item .client-item-content .related-success-case {
        position: absolute;
        z-index: 1;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #ffffff;
        opacity: 0;
        visibility: hidden;
        background: #2cabe2;
        transition: all 0.25s; }
    #clients .client-item:hover .client-item-content .related-success-case, #clients .client-item:focus .client-item-content .related-success-case {
      opacity: 1;
      visibility: visible; }

@media only screen and (max-width: 991.98px) {
  #clients {
    padding-bottom: 0; }
    #clients .client-item {
      width: 50%; } }
@media only screen and (max-width: 991.98px) {
  #clients .client-item {
    float: left;
    width: 50%; } }
@media only screen and (max-width: 575.98px) {
  #clients .client-item {
    width: 100%;
    padding: 0;
    margin: 0; }
    #clients .client-item .client-item-content {
      margin: 0 0 20px 0; } }