div.table { 
  display: table; 
  border-collapse:collapse; 
  width:87%; /*if width smaller as 782px from media query*/
  margin:0 auto;
  margin-top:1%;
}
div.tr { 
  display:table-row; 
}
div.td { 
  display:table-cell;
  padding:8px;
  width:25%;
  vertical-align: top;
  text-align:center;
}
div.td img{
    border:thin solid white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
    width:auto !important;
    max-height:120px;
}
div.td img:hover {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    /* box-shadow: 0px 4px 11px 0px #14bbea, 0px 1px 0px 0px #14bbea; */
    cursor: pointer;
}