.photogalleryFrame { width: 100%; float: left; padding: 20px 0 10px; }
  .photogalleryFrame a { outline: 0; }
    .photogalleryFrame img { width: 100%; }

@media screen and (min-width: 1001px)
{
  .photogalleryFrame a { -webkit-flex-basis: 23.5%; }
  .photogalleryFrame a { width: 23.5%; flex-basis: 23.5%; }
  .photogalleryFrame a:not(:nth-child(-n + 4)) { margin-top: 25px; }  
  .photogalleryFrame a:not(:nth-child(4n)) { margin-right: 2%; }
}

@media screen
and (max-width: 1001px)
and (min-width: 701px)
{
  .photogalleryFrame a { -webkit-flex-basis: 32%; }
  .photogalleryFrame a { width: 32%; flex-basis: 32%; }
  .photogalleryFrame a:not(:nth-child(-n + 3)) { margin-top: 20px; }
  .photogalleryFrame a:not(:nth-child(3n)) { margin-right: 2%; }
}

@media screen
and (max-width: 700px)
and (min-width: 481px)
{
  .photogalleryFrame a { -webkit-flex-basis: 49%; }
  .photogalleryFrame a { width: 49%; flex-basis: 49%; }
  .photogalleryFrame a:not(:nth-child(-n + 2)) { margin-top: 15px; }
  .photogalleryFrame a:not(:nth-child(2n)) { margin-right: 2%; }
}

@media screen and (min-width: 481px)
{
  .photogalleryFrame { display: flex; flex-wrap: wrap; justify-content: flex-start; }
}

@media screen and (max-width: 480px)
{
  .photogalleryFrame a { width: 100%; float: left; }
  .photogalleryFrame a:not(:last-child) { margin-bottom: 15px; }
}