/**
 * @Author: Musa Hayta - musahayta@gmail.com
 * @Date:   2024-06-08 14:28:13
 * @Last Modified by:   Musa Hayta - musahayta@gmail.com
 * @Last Modified time: 2024-06-08 17:25:51
 */
.ecz-ilce {
  display: flex;
  flex-direction: column;
}
.ecz-ilce-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
.ecz-ilce-item h1 {
  font-size: larger;
  font-weight: bold;
  grid-column-start: 1;
  grid-column-end: 5;
}
.ecz-title {
  border: 1px solid red;
  padding: 5px;
}
.ecz-title h3 {
  font-size: large;
  padding-left: 3px;
  background-color: red;
  color: white;
}

@media (max-width: 1024px) {
  .ecz-ilce-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
  .ecz-ilce-item h1 {
    font-size: x-large;
    font-weight: 700;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .ecz-title {
    border: 1px solid red;
    padding: 5px;
  }
  .ecz-title h3 {
    font-weight: 500;
    padding-left: 3px;
    background-color: red;
    color: white;
  }
  .ecz-title p {
    font-size: small;
  }
}

@media (max-width: 640px) {
  .ecz-ilce-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
  .ecz-ilce-item h1 {
    font-size: large;
    font-weight: 600;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .ecz-title {
    border: 1px solid red;
    padding: 5px;
  }
  .ecz-title h3 {
    padding-left: 3px;
    background-color: red;
    color: white;
  }
  .ecz-title p {
    font-size: 12px;
  }
}