.cities {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
}
@media (max-width: 767.98px) {
  .cities {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}

@media (max-width: 479.98px) {
  .cities {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}
.contacts-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 767.98px) {
  .contacts-grid {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 479.98px) {
  .contacts-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.contacts-grid__item:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
}
@media (max-width: 767.98px) {
  .contacts-grid__item:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}
@media (max-width: 479.98px) {
  .contacts-grid__item:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}
.contacts-grid__item:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
}
@media (max-width: 767.98px) {
  .contacts-grid__item:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    grid-row: auto;
  }
}
@media (max-width: 479.98px) {
  .contacts-grid__item:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}
.contacts-grid__item:nth-child(3) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}
@media (max-width: 767.98px) {
  .contacts-grid__item:nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    grid-row: auto;
  }
}
@media (max-width: 479.98px) {
  .contacts-grid__item:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}
.contacts-grid__item:nth-child(4) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4 / 5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
}
@media (max-width: 767.98px) {
  .contacts-grid__item:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}
@media (max-width: 479.98px) {
  .contacts-grid__item:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}
.contacts-grid__item:nth-child(5) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}
@media (max-width: 767.98px) {
  .contacts-grid__item:nth-child(5) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    grid-row: auto;
  }
}
@media (max-width: 479.98px) {
  .contacts-grid__item:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}
.contacts-grid__item:nth-child(6) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4 / 5;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
}
@media (max-width: 767.98px) {
  .contacts-grid__item:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
    grid-row: auto;
  }
}
@media (max-width: 479.98px) {
  .contacts-grid__item:nth-child(6) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    grid-row: auto;
  }
}