/* @media  screen */
.gallery_grid.gallery_grid_4x3_v1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}

.gallery_grid.gallery_grid_4x4_v2, .gallery_grid.gallery_grid_4x4_v1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}

.gallery_grid.gallery_grid_5x4_v1, .gallery_grid.gallery_grid_5x3_v1 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}

.gallery_grid.gallery_grid_5x5_v1 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}

.gallery_grid {
  display: grid;
  grid-gap: 10px;
}

.gallery_grid .item {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  min-height: 7rem;
  transform: scale(1);
  transition: all 0.6s ease;
  position: relative;
}

.gallery_grid .item:hover {
  transform: scale(1.05);
}

.gallery_grid .item a {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery_grid .item a .zoom {
  height: 100%;
  width: 100%;
  background: url(http://www.chatacarmen.cz/imgs/icons/icon_magnifying_glass.png) no-repeat center center, rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.7s ease;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.gallery_grid .item a:hover {
  cursor: pointer;
}

.gallery_grid .item a:hover .zoom {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=9);
}

.gallery_grid.gallery_grid_4x2_v1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: 'item1 item1 item3 item2' 'item1 item1 item4 item2';
}

.gallery_grid.gallery_grid_4x2_v2 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: 'item1 item1 item2 item2' 'item1 item1 item3 item3';
}

.gallery_grid.gallery_grid_4x3_v1 {
  grid-template-areas: 'item1 item1 item2 item3' 'item4 item4 item2 item5' 'item4 item4 item6 item6';
}

.gallery_grid.gallery_grid_5x3_v1 {
  grid-template-areas: 'item1 item1 item2 item2 item3' 'item1 item1 item5 item7 item7' 'item4 item6 item6 item7 item7';
}

.gallery_grid.gallery_grid_4x4_v1 {
  grid-template-areas: 'item1 item1 item2 item3' 'item4 item4 item2 item5' 'item4 item4 item6 item6' 'item7 item8 item6 item6';
}

.gallery_grid.gallery_grid_4x4_v2 {
  grid-template-areas: 'item1 item2 item2 item3' 'item1 item4 item6 item6' 'item5 item5 item6 item6' 'item5 item5 item7 item8';
}

.gallery_grid.gallery_grid_5x4_v1 {
  grid-template-areas: 'item1 item1 item2 item2 item3' 'item1 item1 item4 item5 item3' 'item6 item7 item4 item10 item10' 'item8 item9 item9 item10 item10';
}

.gallery_grid.gallery_grid_5x5_v1 {
  grid-template-areas: 'item1 item1 item2 item6 item6' 'item3 item5 item5 item6 item6' 'item4 item5 item5 item7 item11' 'item8 item8 item10 item10 item11' 'item9 item9 item10 item10 item12';
}

.gallery_grid .item1 {
  grid-area: item1;
}

.gallery_grid .item2 {
  grid-area: item2;
}

.gallery_grid .item3 {
  grid-area: item3;
}

.gallery_grid .item4 {
  grid-area: item4;
}

.gallery_grid .item5 {
  grid-area: item5;
}

.gallery_grid .item6 {
  grid-area: item6;
}

.gallery_grid .item7 {
  grid-area: item7;
}

.gallery_grid .item8 {
  grid-area: item8;
}

.gallery_grid .item9 {
  grid-area: item9;
}

.gallery_grid .item10 {
  grid-area: item10;
}

.gallery_grid .item11 {
  grid-area: item11;
}

.gallery_grid .item12 {
  grid-area: item12;
}

.gallery_grid .item13 {
  grid-area: item13;
}

.gallery_grid .item14 {
  grid-area: item14;
}

.gallery_grid .item15 {
  grid-area: item15;
}

.gallery_grid .item16 {
  grid-area: item16;
}

.gallery_grid .item17 {
  grid-area: item17;
}

.gallery_grid .item18 {
  grid-area: item18;
}

.gallery_grid .item19 {
  grid-area: item19;
}

.gallery_grid .item20 {
  grid-area: item20;
}

@media only screen and (max-width: 620px) {
  .gallery_grid {
    grid-gap: 8px;
  }
  .gallery_grid .item {
    min-height: 5rem;
  }
  .gallery_grid_6,
.gallery_grid_6b {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "item1 item1 item2" "item3 item4 item2" "item5 item6 item2";
  }
}

@media (max-width: 420px) {
  .gallery_grid_6,
.gallery_grid_6b {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "item1 item3" "item2 item4" "item2 item5"  "item2 item6";
  }
}

@media (max-width: 320px) {
  .gallery_grid_6,
.gallery_grid_6b {
    grid-template-columns: 1fr;
    grid-template-areas: "item1" "item2" "item3"  "item4" "item5" "item6";
  }
  .item2 {
    background-position: top;
  }
}