@media (min-width: 1280px) and (max-width: 1439px) {
  .omotac { max-width: 1130px; }
  .zaglavlje { height: 111px; }
  .stiki { height: 110px; }
  .zaglavlje--puno { height: 122px; }
  .zaglavlje-unutra { padding: 0 65px; }
  .logo img, .stiki .logo img { height: 59px; }
  .zaglavlje--puno .logo img { height: 65px; }
  .zaglavlje-strane { padding: 120px 0 100px; }
  .zaglavlje-strane--kategorija { padding-bottom: 100px; }
  .sa-bocnom { grid-template-columns: minmax(0, 1fr) 350px; gap: 3px; padding-bottom: 100px; }
  .katalog-puna { padding-bottom: 100px; }
  .bocna { padding: 40px 30px; }
  .bocna-blok { margin-bottom: 38px; }
  .bocna-blok h2 { margin: -5px 0 19px; }
  .mreza-proizvoda .dugme-malo { width: 100%; padding: 13px 48px 14px; white-space: nowrap; justify-content: flex-start; }
  .proizvod-vrh { grid-template-columns: 616px 444px; gap: 40px; padding-top: 94px; }
  .proizvod-podaci h1 { margin-bottom: 27px; }
  .proizvod-meta { margin-top: 40px; }
  .zaglavlje--404 { height: 116px; }
  .zaglavlje--404 .logo img { height: 59px; }
  .strana-404 { padding: 120px 0 136px; }
  .proizvod-galerija.ima-slicice { grid-template-columns: 90px 496px; gap: 30px; }
  .proizvod-slicice button { width: 90px; height: 90px; }
  .mreza-povezanih .dugme-malo { white-space: nowrap; padding: 13px 20px 14px; }
  .zaglavlje-strane--galerija { padding: 50px 0 50px; }
  .zaglavlje-strane--galerija h1 { line-height: 60px; }
  .bogorodica { grid-template-columns: 561px 432px; column-gap: 107px; margin-right: 0; padding: 99px 0 214px; }
  .bg-slike { width: 561px; }
  .galerija-grupa { margin-bottom: 215px; }
  .galerija-grupa .datum { margin-bottom: 42px; }
  .galerija-omotac { padding-bottom: 100px; }
  .kontakt-omotac { padding: 101px 15px 100px; }
  .kontakt-mreza { grid-template-columns: 535px 1fr; }
  .kontakt-nadnaslov { margin-bottom: 15px; }
  .kontakt-levo h1 { margin-bottom: 62px; }
  .kontakt-kartica { min-height: 580px; --ik-x: 23px; }
  .sekcija-katalog { padding: 100px 0 35px; }
  .nadnaslov { margin-bottom: 16px; }
  .sekcija-katalog h2 { margin-bottom: 142px; }
  .karusel-tacke { margin-top: 64px; }
  .kontakt-lista .mejl { white-space: normal; width: 247px; }
  .foter p + p { margin-top: 22px; }
  .foter-pinterest { margin-top: 35px; }
  .foter p.foter-dno { margin-top: 18px; }
}

@media (min-width: 1280px) {
  .bocna { position: sticky; top: 0; align-self: start; }
}

@media (max-width: 1279px) {
  .omotac { max-width: none; padding: 0 30px; }
  .zaglavlje-unutra { padding: 0 30px; }
  .glavni-meni { display: none; }
  .hamburger { display: flex; }
  .zaglavlje-desno { gap: 20px; }
  .stiki { display: none; }
  .zaglavlje .dugme { margin-left: 1px; padding: 12px 36px; min-width: 160px; }
  .zaglavlje { height: 102px; }
  .zaglavlje--puno { height: 108px; }
  .logo img { height: 60px; }
  .zaglavlje--puno .logo img { height: 65px; }
  .zaglavlje--404 { height: 102px; }
  .zaglavlje--404 .logo img { height: 60px; }

  .sekcija-katalog .ptica { width: 130px; right: 3%; }

  .zaglavlje-strane h1 { font-size: 46px; line-height: 48.4px; }
  .istorija h2, .sekcija-katalog h2, .bg-tekst h2, .galerija-grupa h2, .kontakt-levo h1, .povezani h2 { font-size: 36px; line-height: 38.3px; }
  .kontakt-kartica .adresa { font-size: 23px; line-height: 27.9px; }
  .galerija-grupa .datum { font-size: 19px; line-height: 19px; }
  .mreza-proizvoda .kartica-naslov, .mreza-povezanih .kartica-naslov { letter-spacing: normal; }
  .foter p.foter-dno { font-size: 15px; }
  .strana-404 .dugme { padding: 15px 48px; }
  .kartica-naslov { font-size: 20px; line-height: 24px; }
  .proizvod-podaci p { margin-bottom: 17px; }
  .proizvod-podaci h1 { margin-bottom: 22px; }
  .proizvod-meta { margin-top: 30px; }
  .proizvod-meta .meta-red + .meta-red { margin-top: 10px; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .zaglavlje-strane { padding: 80px 0 90px; }
  .zaglavlje-strane--kategorija { padding-bottom: 90px; }
  .zaglavlje-strane--galerija { padding: 80px 0 80px; }

  .sa-bocnom { grid-template-columns: minmax(0, 1fr) 31.78%; gap: 3.1%; padding-bottom: 90px; }
  .katalog-puna { padding-bottom: 90px; }
  .katalog-puna .mreza-proizvoda { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mreza-proizvoda { width: calc(100% + 30px); }
  .red-rezultata { padding-right: 30px; }
  .bocna { padding: 40px 30px; }
  .bocna-blok { margin-bottom: 30px; }
  .bocna-blok h2 { margin: -5px 0 19px; }
  .lista-kategorija li { margin-bottom: 6px; }
  .mreza-proizvoda .dugme-malo { margin-top: 15px; padding: 9px 22px 10px; font-size: 13px; white-space: nowrap; }
  .mreza-proizvoda .kartica-slika, .mreza-povezanih .kartica-slika { margin-bottom: 25px; }
  .paginacija { padding: 17px 0 8px; }
  .kartice > .kartica { flex: 0 0 calc((100% - 90px) / 4); }
  .kartica-kategorija { margin-bottom: 8px; }
  .kartica-datum { margin-top: 12.6px; }
  .hero-sadrzaj { padding-top: 30px; }
  .sekcija-katalog { padding: 90px 0 44px; }
  .nadnaslov { margin-bottom: 9px; }
  .sekcija-katalog h2 { margin-bottom: 129px; }
  .karusel-tacke { margin-top: 55px; }
  .istorija p { margin-bottom: 18px; }

  .proizvod-vrh { grid-template-columns: 56% 44%; gap: 0; padding-top: 85px; }
  .proizvod-galerija.ima-slicice { grid-template-columns: 90px 1fr; gap: 30px; }
  .proizvod-slicice button { width: 90px; height: 90px; }
  .proizvod-podaci { padding-left: 40px; }
  .povezani h2 { margin-bottom: 35px; }
  .mreza-povezanih { grid-template-columns: repeat(3, 1fr); gap: 0; width: calc(100% + 30px); }
  .mreza-povezanih .kartica { padding: 0 30px 35px 0; --kartica-pb: 35px; }
  .mreza-povezanih .dugme-malo { white-space: nowrap; padding: 13px 20px 14px; }

  .bogorodica { grid-template-columns: 51% 49%; column-gap: 0; margin-right: 0; padding: 90px 0 189px; }
  .bg-slike { width: 100%; }
  .bg-tekst h2 { margin-bottom: 35px; }
  .galerija-grupa { margin-bottom: 188px; }
  .galerija-grupa h2 { margin-bottom: 40px; }
  .galerija-grupa h2 + .datum { margin-top: -26px; }
  .galerija-grupa .datum { margin-bottom: 35px; }
  .galerija-omotac { padding-bottom: 90px; }

  .kontakt-omotac { padding: 90px 0 90px; }
  .kontakt-mreza { grid-template-columns: 50% 50%; }
  .kontakt-levo { padding: 0 15px 0 30px; }
  .kontakt-nadnaslov { margin-bottom: 9px; }
  .kontakt-levo h1 { margin-bottom: 66px; }
  .kontakt-mapa iframe { height: 600px; }
  .kontakt-kartica { min-height: 531px; margin: 0 55px 0 -35px; --ik-x: -47px; --tx-x: -25px; --mejl-x: -25px; }
  .kontakt-lista .mejl { white-space: normal; width: 247px; }
  .kontakt-lista .telefon { top: -7px; }
  .kontakt-lista .mejl { top: -8px; }

  .strana-404 { padding: 77px 0 93px; }

  .foter-mreza { grid-template-columns: 34% 33% 33%; }
  .foter p.foter-dno { margin-top: 10px; padding-top: 19px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .kartice > .kartica { flex: 0 0 calc((100% - 60px) / 3); }
  .sa-bocnom { grid-template-columns: 1fr; gap: 80px; padding-bottom: 80px; }
  .katalog-puna { padding-bottom: 80px; }
  .katalog-puna .mreza-proizvoda { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .proizvod-vrh { grid-template-columns: 1fr; gap: 45px; padding-top: 80px; }
  .recenzije-telo { grid-template-columns: 1fr; gap: 34px; }
  .zaglavlje-strane { padding: 80px 0 80px; }
  .zaglavlje-strane h1 { font-size: 38px; line-height: 42px; }
  .zaglavlje-strane--kategorija { padding-bottom: 78px; }
  .istorija h2, .sekcija-katalog h2, .bg-tekst h2, .galerija-grupa h2, .kontakt-levo h1 { font-size: 30px; line-height: 32px; }
  .povezani h2 { font-size: 30px; line-height: 35px; margin-bottom: 34px; }
  .mreza-povezanih { grid-template-columns: repeat(3, 1fr); gap: 0 30px; }
  .mreza-proizvoda, .mreza-povezanih { gap: 0 30px; }
  .mreza-proizvoda .kartica, .mreza-povezanih .kartica { padding: 0 0 30px 0; --kartica-pb: 30px; }
  .mreza-proizvoda .kartica-slika, .mreza-povezanih .kartica-slika { margin-bottom: 25px; }
  .mreza-proizvoda .dugme-malo, .mreza-povezanih .dugme-malo { margin-top: 15px; padding: 9px 22px 10px; white-space: nowrap; }
  .bocna { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 35px 15px; }
  .bocna-blok { margin: 0; padding: 0 15px; }
  .bocna-blok h2 { margin: -3px 0 19px; }
  .lista-kategorija li { margin-bottom: 6px; }
  .red-rezultata { padding-right: 0; }
  .paginacija { padding: 17px 0 9px; }
  .page-numbers a, .page-numbers span { width: 42px; height: 42px; }
  .strana-404 { padding: 68px 0 77px; }
  .strana-404 h1 { font-size: 200px; line-height: 170px; }
  .strana-404 h2 { margin-bottom: 15px; }
  .strana-404 p { margin-bottom: 26px; }
  .proizvod-galerija.ima-slicice { grid-template-columns: 130px minmax(0, 1fr); gap: 40px; }
  .proizvod-slicice button { width: 130px; height: 130px; }
  .bogorodica { grid-template-columns: minmax(0, 388px) minmax(0, 1fr); column-gap: 30px; margin-right: 0; padding: 79px 0 167px; }
  .bg-slike { width: 100%; max-width: 388px; }
  .bg-tekst h2 { margin-bottom: 35px; }
  .galerija-grupa { margin-bottom: 168px; }
  .galerija-grupa h2 { margin-bottom: 35px; }
  .galerija-grupa h2 + .datum { margin-top: -25px; }
  .galerija-grupa .datum { margin-bottom: 35px; }
  .galerija-omotac { padding-bottom: 80px; }
  .kontakt-omotac { padding: 80px 30px 80px; }
  .kontakt-mreza { grid-template-columns: 365px 1fr; }
  .kontakt-nadnaslov { margin-bottom: 8px; }
  .kontakt-levo h1 { margin-bottom: 57px; }
  .kontakt-mapa iframe { height: 500px; }
  .kontakt-mreza { align-items: stretch; }
  .kontakt-kartica { min-height: 0; --ik-x: -47px; --tx-x: -25px; --mejl-x: -25px; }
  .kontakt-kartica .adresa { font-size: 22px; line-height: 27px; margin-bottom: 43px; }
  .kontakt-lista .telefon { top: -7px; }
  .kontakt-lista .mejl { top: -8px; }
  .kontakt-lista .mejl { white-space: normal; width: 247px; }
  .sekcija-katalog { padding: 80px 0 30px; }
  .nadnaslov { margin-bottom: 8px; }
  .sekcija-katalog h2 { margin-bottom: 115px; }
  .kartica-naslov { font-size: 20px; line-height: 24px; }
  .kartica-kategorija { margin-bottom: 8.5px; }
  .kartica-datum { margin-top: 7.5px; }
  .karusel-tacke { margin-top: 64px; }
  .istorija p { margin-bottom: 18px; }
  .foter { padding: 30px 0 15px; }
  .foter.foter--uzi h3 { margin-bottom: 10px !important; }
  .foter.foter--uzi p + p { margin-top: 10px !important; }
  .foter.foter--uzi .foter-pinterest { margin-top: 9px !important; }
  .foter-mreza { grid-template-columns: 34% 33% 33%; }
  .foter h3 { margin-bottom: 15px; }
  .foter p + p { margin-top: 16px; }
  .foter-pinterest { margin-top: 30px; }
  .foter p.foter-dno { margin-top: 14px; padding-top: 15px; }
}

@media (max-width: 1239px) {
  .hero-strelica { display: none; }
}
@media (min-width: 1024px) and (max-width: 1105px) {
  .proizvod-podaci p.narudzba { padding-left: 18px; padding-right: 16px; }
  .hero-sadrzaj { gap: 91px; padding-top: 85px; }
}
@media (min-width: 778px) and (max-width: 1023px) {
  .hero-naslov { font-size: 46px; line-height: 40px; }
  .hero-sadrzaj { --ulaz-x: 62px; gap: 84px; padding-top: 80px; }
}
@media (min-width: 481px) and (max-width: 777px) {
  .hero-sadrzaj { --ulaz-x: 75px; gap: 98px; padding-top: 96px; }
}
@media (max-width: 480px) {
  .hero-naslov { font-size: 6.25vw; line-height: 1.2; letter-spacing: normal; }
  .hero-sadrzaj { gap: 16px; padding: 0; --ulaz-x: 23px; --ulaz-x-dugme: 20px; }
  .hero-sadrzaj[data-slajd="hero-5"] { padding-top: 10vh; }
  .hero-dugme { height: 50px; padding: 0 40px; font-size: 12px; }
}

@media (max-width: 767px) {
  body { font-size: 16px; line-height: 25.92px; }
  .omotac { max-width: none; padding: 0 30px; }

  .zaglavlje { height: 96px; }
  .zaglavlje-unutra { padding: 0 30px; }
  .logo img { height: 56px; }
  .zaglavlje--puno { height: 105px; }
  .zaglavlje--puno .logo img { height: 65px; }
  .zaglavlje--404, .zaglavlje--puno.zaglavlje--404 { height: 96px; }
  .zaglavlje--404 .logo img, .zaglavlje--puno.zaglavlje--404 .logo img { height: 56px; }
  .zaglavlje .dugme { display: inline-flex; min-width: 0; padding: 9px 12px; font-size: 11px; letter-spacing: .5px; gap: 0; }
  .zaglavlje .dugme .ikona-torba { display: none; }
  .dugme-pretrage { width: 22px; height: 22px; font-size: 22px; }
  .zaglavlje-desno { gap: 14px; }
  .hamburger { height: 24px; margin-top: 5px; }

  .hero { height: 100vh; height: 100dvh; }

  .istorija .omotac { max-width: none; padding: 50px 20px 60px; }
  .istorija h2 { font-size: 24px; line-height: 28px; letter-spacing: -.2px; margin-bottom: 25px; }
  .istorija p, .istorija ul.boje li { font-size: 16px; line-height: 1.7; margin-bottom: 16px; }
  .istorija h3 { font-size: 21px; margin-top: 36px; }

  .sekcija-katalog { padding: 60px 0 33px; }
  .sekcija-katalog .omotac { padding: 0 30px; }
  .sekcija-katalog h2 { font-size: 24px; line-height: 28px; letter-spacing: -.2px; margin-bottom: 84px; }
  .sekcija-katalog .ptica { width: 96px; top: 18px; right: 4%; }
  .nadnaslov { font-size: 13px; line-height: 16px; margin-bottom: 7px; }

  .kartice { gap: 20px; }
  .kartice > .kartica { flex: 0 0 calc((100% - 20px) / 2); }
  .kartica-slika { margin-bottom: 15.75px; }
  .kartica-kategorija, .kartica-datum { font-size: 13px; line-height: 19.5px; }
  .kartica-kategorija { margin-bottom: 9.75px; }
  .kartica-naslov { font-size: 20px; line-height: 24px; }
  .kartica-datum { margin-top: 8.25px; }
  .karusel-tacke { margin-top: 24px; }

  .zaglavlje-strane { padding: 50px 0 60px; }
  .zaglavlje-strane h1 { font-size: 30px; line-height: 35px; letter-spacing: -.6px; }
  .zaglavlje-strane--kategorija { padding-bottom: 60px; }
  .zaglavlje-strane--galerija { padding: 50px 0 50px; }
  .sa-bocnom { grid-template-columns: 1fr; gap: 60px; padding: 0 0 60px; }
  .katalog-puna { padding-bottom: 60px; }
  .katalog-puna .mreza-proizvoda { grid-template-columns: repeat(2, 1fr); }
  .pretraga-gore .bocna-pretraga { width: 100%; }
  .pretraga-gore { margin: 0 0 30px; }
  .bg-mini button { width: 58px; height: 66px; }
  .bg-mini { gap: 8px; margin-top: 24px; }
  .proizvod-podaci p.narudzba { padding: 16px 10px 16px 12px; }

  .proizvod-podaci { container-type: inline-size; }
  .proizvod-vrh .proizvod-podaci p.narudzba { font-size: min(16px, calc((100cqw - 26px) / 20.6)); }
  .mreza-proizvoda { grid-template-columns: repeat(2, 1fr); gap: 0; width: calc(100% + 25px); }
  .mreza-proizvoda .kartica { padding: 0 25px 25px 0; --kartica-pb: 25px; }

  .katalog-puna .mreza-proizvoda { width: 100%; gap: 0 25px; }
  .katalog-puna .mreza-proizvoda .kartica { padding-right: 0; }
  .mreza-proizvoda .kartica-slika { margin-bottom: 18px; }
  .mreza-proizvoda .dugme-malo { margin-top: 15px; padding: 9px 22px 10px; white-space: nowrap; }
  .red-rezultata { padding-right: 0; margin-bottom: 32px; }
  .sortiranje select { width: 220px; }
  .paginacija { padding: 22px 0 9px; }
  .page-numbers li { margin: 2px 5px 2px 0; }
  .page-numbers a, .page-numbers span { width: 42px; height: 42px; }
  .bocna { padding: 30px; }
  .bocna-blok { margin-bottom: 25px; }
  .bocna-blok h2 { font-size: 19px; line-height: 24.7px; margin: -3px 0 19px; }
  .bocna-pretraga input { height: 48px; font-size: 15px; padding: 11px 18px 11px 45px; }
  .lista-kategorija li { margin-bottom: 6px; }
  .lista-kategorija a { font-size: 16px; line-height: 25.92px; }

  .proizvod-vrh { grid-template-columns: 1fr; gap: 35px; padding: 60px 0 40px; }

  .proizvod-galerija.ima-slicice { grid-template-columns: 1fr; gap: 15px; }
  .proizvod-galerija.ima-slicice .proizvod-slicice { grid-column: 1; grid-row: 2; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 10px; }
  .proizvod-galerija.ima-slicice .glavna { grid-column: 1; grid-row: 1; }
  .proizvod-galerija .glavna { margin: 0 auto; max-width: 560px; width: 100%; }
  .proizvod-slicice button { width: 90px; height: 90px; }
  .proizvod-podaci h1 { font-size: 30.4px; line-height: 33px; margin-bottom: 20px; }
  .proizvod-podaci p:not(.proizvod-meta) { font-size: 16px; margin-bottom: 16px; }
  .proizvod-podaci p.proizvod-meta { font-size: 17px; line-height: 22.1px; }
  .proizvod-meta .meta-red + .meta-red { margin-top: 8px; }
  .povezani .omotac { padding: 0 30px; }
  .povezani { padding-bottom: 60px; }

  .istorija [data-anim], .istorija [data-anim-ulaz], .istorija p.ulaz-pojavi { visibility: visible !important; opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important; }
  .povezani h2 { font-size: 24px; line-height: 28px; letter-spacing: -.2px; margin-bottom: 25px; }
  .mreza-povezanih { grid-template-columns: repeat(2, 1fr); gap: 0; width: calc(100% + 25px); }
  .mreza-povezanih .kartica { padding: 0 25px 25px 0; --kartica-pb: 25px; }
  .mreza-povezanih .kartica-slika { margin-bottom: 18px; }
  .mreza-povezanih .dugme-malo { margin-top: 11px; padding: 9px 22px 10px; white-space: nowrap; }
  .recenzije-tab { margin-bottom: 28px; }
  .recenzije-telo { grid-template-columns: 1fr; gap: 34px; }
  .forma-recenzije input, .forma-recenzije textarea { max-width: 100%; }

  .bogorodica { grid-template-columns: 1fr; column-gap: 0; margin-right: 0; padding: 60px 0 127px; }
  .bg-slike { width: 100%; max-width: 100%; margin: 0; }
  .bg-tekst { margin-top: 29px; }
  .bg-tekst h2 { font-size: 24px; line-height: 28px; letter-spacing: -.2px; margin-bottom: 46px; }
  .bg-kontrole button { width: 46px; height: 46px; }
  .galerija-grupa { padding: 0; margin-bottom: 127px; }
  .galerija-grupa h2 { font-size: 24px; line-height: 28px; letter-spacing: -.2px; margin-bottom: 25px; }
  .galerija-grupa h2 + .datum { margin-top: -15px; }
  .galerija-grupa .datum { font-size: 17px; line-height: 17px; letter-spacing: normal; margin-bottom: 25px; }
  .galerija-mreza a { width: calc((100% - 15px) / 2); }
  .galerija-omotac { padding-bottom: 60px; }

  .kontakt-omotac { padding: 60px 20px 60px; }
  .kontakt-mreza { grid-template-columns: 1fr; }
  .kontakt-levo { padding: 0 10px; }
  .kontakt-nadnaslov { font-size: 13px; line-height: 16px; margin-bottom: 8px; }
  .kontakt-levo h1 { font-size: 24px; line-height: 28px; letter-spacing: -.2px; margin-bottom: 25px; }
  .kontakt-mapa iframe { height: 400px; }
  .kontakt-kartica { margin: 0; min-height: 0; padding: 60px 20px 50px; }

  .kontakt-lista { text-align: center; }
  .kontakt-lista li { display: flex; align-items: center; justify-content: center; gap: 10px; height: auto; margin-bottom: 12px; }
  .kontakt-lista .ikona, .kontakt-lista .telefon, .kontakt-lista .mejl { position: static; }
  .kontakt-lista .ikona { width: 20px; }
  .kontakt-kartica .adresa { font-size: 18px; line-height: 23px; letter-spacing: normal; margin-bottom: 37px; }
  .kontakt-lista .telefon { font-size: 26px; line-height: 35px; }
  .kontakt-lista .mejl { font-size: clamp(11px, 3.6vw, 14px); line-height: 20px; white-space: nowrap; }

  .strana-404 { padding: 55px 0 64px; }
  .strana-404 h1 { font-size: 150px; line-height: 120px; margin-bottom: 18px; }
  .strana-404 h2 { font-size: 47px; line-height: 51.7px; letter-spacing: -.2px; margin-bottom: 13px; }
  .strana-404 p { font-size: 18px; line-height: 25.92px; letter-spacing: normal; margin-bottom: 20px; }
  .strana-404 .dugme { padding: 13px 46px; }

  .foter { padding: 39px 0 26px; }
  .foter-mreza { grid-template-columns: 1fr; gap: 34px; text-align: center; }
  .foter-logo, .foter-kolona { padding: 0 10px; }
  .foter-logo img { margin: 0 auto; }
  .foter h3 { margin-bottom: 15px; letter-spacing: normal; }
  .foter p + p { margin-top: 13px; }
  .foter-pinterest { margin: 14px 0 0; height: 30px; justify-content: center; }
  .foter-pinterest .soc-ikona { width: 30px; height: 30px; font-size: 15px; margin-left: 0; }
  .foter p.foter-dno { margin-top: 17px; padding-top: 12px; text-align: center; }
  .foter > .omotac { padding: 0 20px; }

  .na-vrh { right: 16px; bottom: 16px; }

  .lb--galerija .lb-slajd { padding: 70px 0; }
  .lb--galerija .lb-prev, .lb--galerija .lb-next { width: 20%; }
  .lb--galerija .lb-prev .ei, .lb--galerija .lb-next .ei { width: 45px; height: 45px; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; }
  .lb--galerija .lb-prev { justify-content: flex-start; }
  .lb--galerija .lb-next { justify-content: flex-end; }
}

@media (max-width: 479px) {
  body { line-height: 1.53; }
  .omotac { padding: 0 10px; }
  .zaglavlje-unutra { padding: 0 20px; }
  .zaglavlje--puno { height: 99px; }
  .zaglavlje--puno .logo img { height: 59px; }

  .istorija .omotac { padding: 44px 16px 56px; }
  .istorija h2 { font-size: 22px; line-height: 26px; letter-spacing: normal; }
  .istorija p { margin-bottom: 16px; }

  .sekcija-katalog { padding: 54px 0 20px; }
  .sekcija-katalog .omotac { padding: 0 20px; }
  .sekcija-katalog h2 { font-size: 22px; line-height: 26px; letter-spacing: normal; margin-bottom: 79px; }
  .kartice > .kartica { flex: 0 0 100%; }
  .karusel-tacke { margin-top: 32px; }

  .zaglavlje-strane { padding: 50px 0 50px; }
  .zaglavlje-strane h1 { font-size: 26px; line-height: 31px; letter-spacing: normal; }
  .zaglavlje-strane--kategorija { padding-bottom: 50px; }
  .red-rezultata { flex-direction: column; align-items: stretch; margin-bottom: 28.8px; }
  .broj-rezultata { margin-bottom: 8px; }
  .sortiranje select { width: 100%; }
  .paginacija { padding: 22px 0 13px; }
  .page-numbers a, .page-numbers span { width: 40px; height: 40px; }
  .sa-bocnom { gap: 50px; padding: 0 10px 50px; }
  .katalog-puna { padding: 0 10px 50px; }
  .katalog-puna .mreza-proizvoda { grid-template-columns: repeat(2, 1fr); width: 100%; gap: 0 25px; }
  .katalog-puna .mreza-proizvoda .kartica { padding: 0 0 25px 0; }
  .mreza-proizvoda { grid-template-columns: 1fr; width: 100%; }
  .mreza-proizvoda .kartica { padding: 0 0 25px; }
  .bocna { padding: 25px 25px 26px; }
  .bocna-blok h2 { font-size: 18px; line-height: 23.4px; margin: -3px 0 12.6px; }
  .lista-kategorija a { line-height: 24.48px; }

  .proizvod-vrh { padding: 50px 10px 40px; gap: 28px; }
  .proizvod-podaci h1 { font-size: 25.6px; line-height: 27.8px; margin-bottom: 16px; }
  .proizvod-podaci p.proizvod-meta { font-size: 16px; line-height: 20.8px; }
  .proizvod-meta .meta-red + .meta-red { margin-top: 5px; }
  .proizvod-galerija.ima-slicice { grid-template-columns: 1fr; gap: 15px; }
  .proizvod-galerija.ima-slicice .proizvod-slicice { grid-column: 1; grid-row: 2; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 7px; }
  .proizvod-galerija.ima-slicice .glavna { grid-column: 1; grid-row: 1; }
  .proizvod-slicice button { width: 82px; height: 82px; }
  .povezani .omotac { padding: 0 20px; }
  .povezani h2 { font-size: 22px; line-height: 26px; letter-spacing: normal; margin-bottom: 20px; }
  .mreza-povezanih { grid-template-columns: 1fr; width: 100%; }
  .mreza-povezanih .kartica { padding: 0 0 25px; }

  .bogorodica { padding: 53px 0 106px; }
  .bg-slike { width: 100%; max-width: 350px; margin: 0 auto; }
  .bg-tekst h2 { font-size: 22px; line-height: 26px; letter-spacing: normal; }
  .galerija-grupa { padding: 0 10px; margin-bottom: 115px; }
  .galerija-grupa h2 { font-size: 22px; line-height: 26px; letter-spacing: normal; margin-bottom: 25px; }
  .galerija-grupa h2 + .datum { margin-top: -15px; }
  .galerija-omotac { padding-bottom: 53px; }

  .kontakt-omotac { padding: 54px 10px 54px; }
  .mreza-proizvoda .dugme-malo { margin-top: 11px; }
  .kontakt-levo h1 { font-size: 22px; line-height: 26px; letter-spacing: normal; margin-bottom: 20px; }
  .kontakt-mapa iframe { height: 338px; }
  .kontakt-kartica .adresa { font-size: 18px; line-height: 22px; }

  .strana-404 h1 { font-size: 120px; line-height: 96px; }
  .strana-404 h2 { font-size: 37px; line-height: 40.7px; letter-spacing: normal; }
  .strana-404 p { font-size: 17px; line-height: 25.5px; }

  .foter p.foter-dno { font-size: 15px; }
}