.dummy {
  color: #000; }

.foto-thumbnail {
  max-width: 64px;
  width: 100%; }
  .foto-thumbnail.media-object {
    width: auto; }

.foto-preview {
  max-width: 450px; }
  .foto-preview.media-object {
    width: auto; }

.foto-thumbnail-responsive {
  width: 100%; }
  @media (max-width: 767px) {
    .foto-thumbnail-responsive {
      max-width: 64px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .foto-thumbnail-responsive {
      max-width: 112px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .foto-thumbnail-responsive {
      max-width: 112px; } }
  @media (min-width: 1200px) {
    .foto-thumbnail-responsive {
      max-width: 112px; } }

.foto-preview-responsive {
  width: 100%; }
  @media (max-width: 767px) {
    .foto-preview-responsive {
      max-width: 64px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .foto-preview-responsive {
      max-width: 112px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .foto-preview-responsive {
      max-width: 140px; } }
  @media (min-width: 1200px) {
    .foto-preview-responsive {
      max-width: 192px; } }