@media (max-width: 1552px) {
  .container {
    width: 992px;
    /* margin-left: 28rem; */
    /* margin-right: 28rem; */
  }
}
@media (max-width: 1282px) {
  .top-nav-bar-container {
    display: block;
  }
  .top-bar-wraper {
    display: none;
  }
  .logo {
    display: none;
  }
  .sidebar {
    top: 60px;
    display: none;
  }
  .container {
    width: 992px;
    /* margin-left: 50%;
    margin-right: 50%; */
  }
  html {
    /* 9px / 16px  */
    font-size: 56.25%;
  }
}
@media (max-width: 992px) {
  .content-container {
    margin-top: 60px;
  }
  .connect-container {
    margin-top: 70px;
  }
  .container {
    width: 100%;
  }
  .banner-img {
    width: 100%;
  }
  .html {
    /* 9px / 16px  */
    font-size: 60%;
  }
  /* .container-icon-sabunike {
    grid-template-columns: 48%;
  } */
  .container-sadrzaji-icons {
    grid-template-columns: 17em 17em;
  }
  #kraljicinaPlazaImg {
    display: none;
  }
  .slide {
    width: 100%;
    height: calc(100vw * 0.63855);
  }
  .loc-icon {
    display: none;
  }
  /* .location-image-icons-item {
    display: none;
  } */
  .location-image-icons-container {
    grid-template-columns: 100px 100px 100px 100px 100px;
  }
}

@media (max-width: 590px) {
  .container-ps-nav {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .ps-nav-item {
    min-width: 200px;
  }
  .container-sadrzaji-icons {
    grid-template-columns: 17em;
    justify-content: center;
  }
  .description-icon-container {
    grid-template-columns: 90px 90px 90px;
  }
  .container-sadrzaji-nav {
    grid-template-columns: 20rem;
  }
  .container-footer {
    flex-direction: column;
    justify-content: flex-start;
  }
  .container-footer-left {
    width: 100%;
    align-items: center;
    min-height: 100px;
  }
  .container-footer-right {
    width: 100%;
    align-items: center;
    min-height: 100px;
  }
  .container-znam-item img {
    width: 100%;
  }
  .location-image-icons-container {
    grid-template-columns: 100px 100px 100px 100px;
  }
}
@media (max-width: 440px) {
  .location-image-icons-container {
    grid-template-columns: 100px 100px 100px;
  }
}
@media (max-width: 330px) {
  .location-image-icons-container {
    grid-template-columns: 100px 100px;
  }
}