.product-item .product-item-details .product-item-name a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 51px;
  }

  @media only screen and (max-width: 767px) {
    .product-item .product-item-details .product-item-name a {
        -webkit-line-clamp: 4;
        height: 68px;
    }
}