#galerija {
  width: 100%;
    margin: 0 auto;
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.galerijaKutija {
  overflow: hidden;
}

.galerijaSlika {
  cursor: pointer;
}

.galerijaSlika:hover {
  transform: scale(1.1);
}

/*========== G A L E R I J A  V E L I K A ==========*/
#galerijaVelika {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--bojaPozadinaGalerija);
  display: none;
  align-items: center;
  z-index: 11;
}

#galerijaCentralna {
  width: 100%;
}

.galerijaTabelaGoreDole {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.galerijaCentar {
  text-align: center;
}

.galerijaDesno {
  text-align: right;
}

.galerijaTabela {
  width: fit-content;
  margin: 0 auto;
}

.galerijaTabela img {
  max-width: 80vw;
  max-height: 80vh;
  width: auto;
  height: auto;
}

.galerijaTabelaSadrzaj {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#galerijaGasiSlika {
  width: 1.2rem;
  margin: 0 auto;
  padding-bottom: 1rem;
  cursor: pointer;
}

#galerijaGoreMob {
  display: none;
}

#galerijaUlevo {
  width: 3rem;
  cursor: pointer;
}

#galerijaUdesno {
  width: 3rem;
  cursor: pointer;
}

#galerijaNadole {
  display: none;
}




/*============ MEDIA QUERIES (TABLETS) ==============*/
@media screen and (max-width: 1024px) {
  #galerija {
    margin-top: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

/*============ MEDIA QUERIES (PHONES) ==============*/
@media screen and (max-width: 600px) {
  #galerija {
    margin-top: 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }

  .galerijaCentar {
    width: 90vw;
  }
  .galerijaLevo {
    display: none;
  }
  .galerijaDesno {
    display: none;
  }
  #galerijaUlevo {
    display: none;
  }
  #galerijaUdesno {
    display: none;
  }
  #galerijaGasi {
    display: none;
  }
  .galerijaTabela img {
    max-width: 100vw;
  }
  #galerijaGoreMob {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: end;
  }
  #galerijaNagore {
    width: 3rem;
    margin: 0 auto;
    padding-bottom: 0.5rem;
  }
  #galerijaGasiMob {
    position: relative;
  }
  #galerijaGasiSlikaMob {
    width: 1.2rem;
    position: absolute;
    right: 0;
    bottom: 1.5rem;
  }
  #galerijaNadolePrazno {
    display: none;
  }
  #galerijaNadole {
    display: block;
  }
  #galerijaNadoleSlika {
    width: 3rem;
    margin: 0 auto;
    padding-top: 0.5rem;
  }
}