.top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.top__title {
  font-size: 32px;
  font-weight: 500;
  color: #000;
}
.top__description {
  color: 16px;
  color: #8a8a8a;
  width: 505px;
}

.tabs {
  margin-top: 50px;
}
.tabs__item {
  color: #000;
  background: transparent;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
  transition: font-weight 0.3s ease, border-color 0.3s ease;
}
.tabs__item:not(:last-child) {
  margin-right: 30px;
}
.tabs__item.active {
  font-weight: 500;
  border-color: #000;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 320px) repeat(2, 260px) repeat(2, 320px) repeat(2, 260px);
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-top: 15px;
}
.gallery-sec {
  margin-top: 50px;
}
.gallery__item {
  display: block;
}
.gallery__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery__item.item-1 {
  grid-area: 1/1/3/4;
}
.gallery__item.item-2 {
  grid-area: 1/4/2/6;
}
.gallery__item.item-3 {
  grid-area: 2/4/3/6;
}
.gallery__item.item-4 {
  grid-area: 3/1/5/6;
}
.gallery__item.item-5 {
  grid-area: 5/1/7/4;
}
.gallery__item.item-6 {
  grid-area: 5/4/6/6;
}
.gallery__item.item-7 {
  grid-area: 6/4/7/6;
}
.gallery__item.item-8 {
  grid-area: 7/1/9/6;
}

@media (max-width: 1024px) {
  .gallery {
    grid-template-rows: repeat(8, 240px);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
}
@media (max-width: 880px) {
  .top__description {
    font-size: 14px;
    width: 400px;
  }
  .tabs {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .gallery {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 330px);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .gallery__item.item-1 {
    grid-area: 1/1/2/5;
  }
  .gallery__item.item-2 {
    grid-area: 2/1/3/3;
  }
  .gallery__item.item-3 {
    grid-area: 2/3/3/5;
  }
  .gallery__item.item-4 {
    grid-area: 3/1/4/5;
  }
  .gallery__item.item-5 {
    grid-area: 4/1/5/3;
  }
  .gallery__item.item-6 {
    grid-area: 4/3/5/5;
  }
  .gallery__item.item-7 {
    grid-area: 5/1/6/5;
  }
  .gallery__item.item-8 {
    display: none;
  }
}
@media (max-width: 640px) {
  .gallery {
    grid-template-rows: repeat(5, 260px);
  }
  .top {
    flex-direction: column;
  }
  .top__description {
    width: 100%;
    margin-top: 16px;
  }
  .gallery-sec {
    margin-top: 34px;
  }
}
@media (max-width: 520px) {
  .gallery {
    grid-template-rows: repeat(5, 210px);
  }
  .top__description {
    font-size: 12px;
  }
  .top__title {
    font-size: 20px;
  }
}
@media (max-width: 374px) {
  .gallery {
    grid-template-rows: repeat(5, 180px);
  }
}/*# sourceMappingURL=gallery.css.map */