@media screen and (min-width:1001px){

.botunRL{
  width: 16vw;
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}

.botunRL:hover{
  width: 14vw;
}

#refLisOk{
  width: 50vw;
}

.tekstReference{
  width: 24vw;
}

.zvizdeReference{
  width: 16vw;
}

#izbornik{
  display:none;
}

#nav-linkovi{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 62vw;
}

#nav-mreze{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#proizvodiMenu a{
  font-size: 1.5vw;
}

}

/* ekrani veći od tableta */
@media screen and (max-width:1000px){

.botunRL{
  width: 20vw;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
}

.botunRL:hover{
  width: 18vw;
}

#refLisOk{
  width: 60vw;
}

#refLisNas{
  font-size: 2.2vw;
}

.zvizdeReference{
  width: 20vw;
}

.tekstReference{
  width: 32vw;
}

#referentnaListaBg{
  height: 113vw;
}

#izbornik{
  display:none;
}

#nav-logo{
  width: 10vw;
  margin-left: 4vw;
}

#nav-linkovi{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 65vw;
}

#nav-linkovi ul a{
  font-size: 1.8vw;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}

#nav-mreze{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14vw;
}

#proizvodiMenu a{
  font-size: 1.5vw;
}

}


/* tablet */
@media screen and (max-width:768px){

.zvizdeReference{
  width: 27vw;
}

#refLisOk{
  width: 68vw;
}

.tekstReference{
  width: 31vw;
}

#referentnaListaBg{
  height: 138vw;
}

.botunRL{
  width: 20vw;
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}

.botunRL:hover{
  width: 18vw;
}

#gl-nav-okvir{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#nav-linkovi{
  display: none;
  width: 78vw;
}

#nav-linkovi ul a{
  font-size: 2.5vw;
}

#nav-mreze{
  display:none;
  width:15vw;
}

#nav-logo{
  width: 20vw;
}

#izbornik{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 3vw;
  width:50vw;
  text-align: right;
}

#izbornikIkona{
  width: 7vw;
}

#izbornikIkona img{
  width: 100%;
}

#izbornikTekst{
  font-size: 1em;
  font-weight: bold;
}

.detaljiRefOk{
  height: 135vw;
}

#kontakt{
  width:95vw;
  border-top: 1vw solid #020053;
}

#kontaktInfo{
  width:40%;
  padding-right:0;
}

#kontaktForma{
  width:32%;
  float:right;
}

#refSlika{
  height: 30vw;
}

#proizvodiMenu a{
  font-size: 2vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
}

#proizvodiOpis{
  width: 70vw;
}

#proizvodiOpisOkvir{
  min-height: 76vw;
}

#okvirOpisUsluge{
  min-height: 60vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.kontaktKategIkona img{
  width: 5vw;
  height: 5vw;
}

#kontaktForma{
  padding: 5vw 5vw 5vw 5vw;
  width: 42.8vw;
}

.referenca{
  width: 15vw;
  height: 15vw;
}

#sveReference{
  min-height: inherit;
  white-space: normal;
  text-align: center;
}

#detaljiRefOk{
  height: 135vw;
}

#ssOdabranogProizvoda{
  height: 44vw;
}

}/* kraj tablet queryja */


/* mobitel query */
@media screen and (max-width:480px){

#refLisSadr span{
  margin-bottom: 5vw;
}

.jedRef{
  margin-bottom: 3vw;
}

.zvizdeReference{
  width: 36vw;
}

.zvizdeReference img{
  width: 7vw;
  /*margin-bottom: 10vw;*/
}

.tekstReference{
  width: 54vw;
}

#refLisNas{
  font-size: 4.5vw;
  padding: 1.5vw;
}

#refLisOk{
  margin-top: 139vw;
  width: 93vw;
}

#referentnaListaBg{
  height: 376vw;
}

#otvaranjeRefListe{
  width: 40vw;
  padding: 3vw 0 3vw 0;
}

#izbornik{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2vw;
}

#izbornikTekst{
  display: none;
}

#nav-logo{
  width: 30vw;
}

#izbornikIkona{
  width: 10vw;
}

#nav-linkovi{
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  border-top: 1vw solid #020053;
}

#nav-linkovi ul{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#nav-linkovi ul a{
  font-size: 4.8vw;
}

#nav-mreze{
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2vw;
  margin-bottom: 1vw;
}

#sl-sh{
  width:200%;
  left:-100%;
}

#tekst-sl{
  left: 100vw;
  width:100vw;
}

#sadrzaj-ok{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow:0 0 0;
          box-shadow:0 0 0;
  padding-bottom: 13%;
}

#sadrzaj-ok img{
  width: 23%;
}

.sadrzajBotuniTekst{
  width: 95%;
}

#sadrzajDole{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#infoTekst{
  width:70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vw;
  margin-bottom: 8vw;
}

#info{
  display: none;
}

#naslov-sl{
  width: 50%;
}


#proizvodi{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0vw;
}

#proizvodiMenu{
  border-right:none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  padding-left: 0vw;
  padding-right: 0vw;
}

.proizvodAktivni{
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  border-bottom: 3vw solid #020053;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background-color: transparent;
}

#proizvodiMenu a{
  width: 25%;
  padding-top: 5vw;
  padding-bottom: 5vw;
  margin-bottom: 0;
  font-size: 3.5vw;
}

#proizvodiMenu a:hover{
  border-bottom: 3vw solid #020053;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

#proizvodiMenu p{
  display: none;
}

#proizvodiOpis{
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

#naslovProizvoda{
  padding: 3vw;
}

#tekstOpisProizvoda{
  padding:0;
}

div[style="margin-top:3vw;"]{
  display: none;
}

#ssOdabranogProizvoda{
  height: 66.5vw;
}

#trenutnaSlikaProizvoda img{
  -webkit-box-shadow: none;
          box-shadow: none;
}

#tekstOP ul{
  margin-left: 5vw;
}

#tekstOP{
  padding: 10vw;
}

#proizvodiMenu a h3{
  padding-top:2vw;
}

#uslugeOkvir{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0vw;
}

#odabirUsluge div[style="text-align:center"]{
  display:none;
}

#odabirUsluge{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  margin-left: 0vw;
}

.pojedinacnaUsluga{
  margin-top:0;
  margin-bottom:0;
}

#razmakUsluge{
  padding-top:0;
  border-right:none;
  padding-right: 0;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  max-height: 10vw;
}

#razmakUsluge img{
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

#okvirOpisUsluge{
  width:100vw;
}

#naslovZaOpisUsluge{
  padding:3vw;
}

#tekstZaOpisUsluge{
  padding:0;
}

#cistiTekstUsluge{
  padding:8vw;
}

div[style="margin-top:1.5vw;"]{
  display:none;
}

#detaljiRefOk{
  height: 243vw;
}

#sveReference{
  white-space: normal;
  max-height: none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#sveReference div[class="referenca"]{
  width: 50vw;
  height: 50vw;
}

#slika-o-nama{
  display:none;
}

#tekst-o-nama{
  border-left:none;
  width: 83%;
}

#tekst-o-nama ul{
  margin-left: 2vw;
}

#kontakt{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1.5vw solid #020053;
}

#kontaktForma{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-left: none;
  border-bottom: 2pt dashed lightgray;
  width: 90%;
  padding: 5% 5% 5% 5%;
}

#kontaktInfo{
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 92%;
}

.kontaktKateg{
  margin-bottom: 3vw;
}

.kontaktKategIkona img{
  width: 12vw;
  height: 12vw;
}

.kontaktKategIkona img:hover{
  width: 12vw;
  height: 12vw;
}

}/* kraj queryja mobitel */