.col-4.media-grid-item {
  position: relative; }
  @media screen and (max-width: 682px) {
    .col-4.media-grid-item {
      width: 47%; } }
  @media screen and (max-width: 510px) {
    .col-4.media-grid-item {
      width: 100%; } }

button.col-4.media-grid-item {
  border: none;
  padding: 0;
  background: #fff; }

@media screen and (max-width: 510px) {
  #lightgallery {
    padding: 0 15px; } }

.thumbnail-hover-icon {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  /*max-width: 350px;
  max-height: 191.367px;*/
  transition: background-color 0.15s ease 0s; }
  .thumbnail-hover-icon:hover {
    background: #ffffffde; }
    .thumbnail-hover-icon:hover .icon-eye-visibility,
    .thumbnail-hover-icon:hover .icon-play-button {
      opacity: 1; }
  .thumbnail-hover-icon .icon-eye-visibility,
  .thumbnail-hover-icon .icon-play-button {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s ease 0s; }
  .thumbnail-hover-icon .icon-eye-visibility {
    margin-left: -25px;
    margin-top: -25px;
    width: 60px;
    height: 60px; }
  .thumbnail-hover-icon .icon-play-button {
    margin-left: -25px;
    margin-top: -25px;
    width: 45px;
    height: 50px; }