#holder-moje-poruke a:hover,
#link-top-moj-nalog a:hover,
#lista-zelja-holder #naslov,
#top-20,
#top_search_div a:hover,
.title-link:hover {
  text-decoration: underline;
}
#slidshow-box,
#visina {
  position: relative !important;
}
#content-right,
#marker {
  float: right;
}
#isplata-e-knjige-p,
#promo-kod,
#rasprodato,
#sifra,
#text-preporuci,
#zahtev-e-knjige-p {
  text-align: center;
}
.input:focus,
.textarea:focus {
  -webkit-transition: ease-out all 0.5s;
  -moz-transition: ease-out all 0.5s;
  -o-transition: ease-out all 0.5s;
  transition: ease-out all 0.5s;
}
#link-only-mobile,
#right input,
#saznaj-vise-p,
#slidshow-img img,
.only-desktop,
.only-mobile {
  display: none;
}
#blog-holder h5,
#pisci-right #box-prodavac > div {
  margin-bottom: 20px;
}
* {
  font-family: "Capriola", sans-serif;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
}
#top_search_div {
  padding: 8px;
  border-radius: 6px;
  border: 2px solid #1c4b96;
  color: #666;
  display: none;
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 99999;
  background: #fff;
  overflow: hidden;
  font-size: 12px;
}
.Iright input,
.Iright textarea {
  background: 0;
  width: 90%;
  border: 0;
  border: 1px solid #0c7ebc;
  padding: 5px;
  border-radius: 3px;
}
#marker input,
#rated li,
#rating li {
  border: 0;
  outline: 0;
  cursor: pointer;
  float: left;
}
.Iright select {
  width: 90%;
  padding: 3px;
}
.Iright label input {
  width: 3%;
  padding: 5px;
}
#slidshow-box #sledeci,
#slidshow-box #trenutni,
#slidshow-box img {
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
#pisci-right #box-cena #narucujem-button,
#pojedinacna-right #box-cena #narucujem-button {
  margin-top: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  width: 220px;
  overflow: hidden;
  height: 60px;
  position: relative;
}
#slidshow-box {
  overflow: hidden;
}
#right input {
  width: 250px;
}
#slidshow-box #sledeci {
  z-index: 10;
}
#visina {
  visibility: hidden;
}
#marker input {
  height: 15px;
  width: 15px;
  margin: 10px 3px;
  background-image: url(../img/marker.png);
  background-color: rgba(255, 255, 255, 0);
}
.izabran {
  background-position: 0 15px;
}
#komentar-ime p {
  float: left;
  margin-right: 20px;
}
#rated {
  float: left;
}
#rated li,
#rating li {
  background: url(../img/star-rating.png) no-repeat;
  height: 16px;
  width: 16px;
  padding-right: 5px;
}
#rating {
  margin-left: 20px;
  margin-top: 18px;
  position: absolute;
}
#sifra {
  color: #606172;
  font-size: 12px;
  margin-bottom: 15px;
}
#pojedinacna-right #box-cena {
  border: 2px solid #cfebfa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#pojedinacna-right #box-cena h5 {
  font-size: 20px;
  font-weight: 700;
  color: #cc1614;
  margin-top: 20px;
}
#pojedinacna-right #box-cena h6 {
  font-size: 14px;
  font-weight: 400;
  color: #a3a3a3;
  margin-top: 5px;
  text-decoration: line-through;
}
#pojedinacna-right #box-cena p {
  font-size: 12px;
  font-weight: 400;
  color: #404040;
  margin-top: 30px;
}
#pojedinacna-right #box-cena input {
  width: 25px;
  height: 20px;
  text-align: right;
  margin-left: 10px;
  padding-right: 10px;
  outline: 0;
  border: 1px solid #a5a5a5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#pojedinacna-right #box-cena #narucujem-button {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  color: #404040;
  background: #fcce04;
  border: 3px solid #fff !important;
  cursor: pointer;
  outline: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#pisci-right #box-cena #lista-zelja-button,
#pojedinacna-right #box-cena #lista-zelja-button {
  margin-top: 25px;
  margin-bottom: 15px;
  border: 1px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  font-style: italic;
}
#pojedinacna-right #box-cena #narucujem-button span {
  position: absolute;
  top: 15px;
  left: 70px;
}
#pojedinacna-right #box-cena hr {
  margin-top: 20px;
  width: 180px;
  background: #e2e2e2;
  height: 1px;
  border: 0;
}
#pojedinacna-right #box-cena #lista-zelja-button {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: #f59829;
  outline: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
#pojedinacna-right #box-cena #lista-zelja-button img {
  margin-right: 12px;
  position: relative;
  top: 2px;
}
#pojedinacna-right #dostava {
  margin-top: 35px;
}
#pojedinacna-right #dostava p {
  padding: 0 0 20px;
}
.button,
.button-red {
  outline: 0;
  padding: 5px 0;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
#pojedinacna-right #dostava p a {
  font-size: 14px;
  color: #16193b;
  text-transform: uppercase;
  cursor: pointer;
}
#pojedinacna-right #dostava img {
  margin-right: 10px;
  float: left;
  position: relative;
  top: 5px;
}
#dhl {
  margin-top: 30px;
}
#narucujem-icon {
  background: #0e60ab;
  height: 54px;
  width: 54px;
  border-right: 3px solid #fff;
  position: absolute;
  left: 0;
  top: 0;
}
#narucujem-icon img {
  vertical-align: central;
  margin-top: 18px;
  height: 20px;
}
.button {
  background: #0c7ebc;
  border: 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid #0d4d7d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.button-red {
  background: red;
  border: 0;
  border-bottom: 2px solid #920000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 2px solid transparent;
}
.input,
.textarea {
  padding: 10px 12px;
  font-size: 13px;
  outline: 0;
}
.button-red:active,
.button:active {
  border-bottom: 2px solid transparent;
}
.button-red:hover {
  background: #ff4747;
}
.button-red:active {
  border-top: 2px solid #920000;
}
.button:hover {
  background: #108ed2;
}
.button:active {
  border-top: 2px solid #0d4d7d;
}
.textarea {
  border: 0;
  border-left: 1px solid #555;
  border-top: 1px solid #555;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  resize: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.textarea:focus {
  border: 1px solid #0c7ebc !important;
}
.input {
  border: 0;
  border-left: 1px solid #555;
  border-top: 1px solid #555;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#holder-e-knjige-p,
#korpa-holder-title > div,
#lista-zelja-title-bar,
#title-bar-korpa {
  padding-top: 5px;
  height: 25px;
}
.input:focus {
  border: 1px solid #0c7ebc !important;
}
#holder-e-knjige:last-child,
#korpa-holder-bottom {
  border-bottom: 1px solid #ccc;
}
#pisci-right #box-cena {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#pisci-right #box-cena h5 {
  font-size: 20px;
  font-weight: 700;
  color: #cc1614;
  margin-top: 20px;
}
#pisci-right #box-cena h6 {
  font-size: 14px;
  font-weight: 400;
  color: #a3a3a3;
  margin-top: 5px;
  text-decoration: line-through;
}
#pisci-right #box-cena p {
  font-size: 12px;
  font-weight: 400;
  color: #404040;
  margin-top: 30px;
}
#pisci-right #box-cena input {
  width: 25px;
  height: 20px;
  text-align: right;
  margin-left: 10px;
  padding-right: 10px;
  outline: 0;
  border: 1px solid #a5a5a5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#pisci-right #box-cena #narucujem-button {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  color: #404040;
  background: #fcce04;
  border: 3px solid #fff !important;
  cursor: pointer;
  outline: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#pisci-right #box-cena #narucujem-button span {
  position: absolute;
  top: 15px;
  left: 80px;
}
#pisci-right #box-cena hr {
  margin-top: 20px;
  width: 180px;
  background: #e2e2e2;
  height: 1px;
  border: 0;
}
#pisci-right #box-cena #lista-zelja-button {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: #f59829;
  outline: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
#pisci-right #box-cena #lista-zelja-button img {
  margin-right: 12px;
  position: relative;
  top: 2px;
}
#pisci-right #holder-prodavac {
  border: 1px dashed #4166a5;
}
#box-prodavac {
  margin: 25px 15px;
}
#pisci-right #holder-prodavac hr {
  height: 1px;
  background: #e2e2e2;
  border: 0;
}
#pisci-right #box-prodavac,
#pisci-right #box-prodavac a {
  font-size: 13px;
  color: #1b4c97;
}
#porsecna-ocena b,
#prompt_txt {
  font-size: 18px;
}
#pisci-right #box-prodavac #ocena {
  width: 75%;
}
#pisci-right #box-prodavac #ocena ul {
  position: relative;
  top: -17px;
  left: 60px;
}
#pisci-right #box-prodavac #ocena li div {
  height: 12px;
  width: 12px;
  background-image: url(../img/ocena-icon.png);
  background-repeat: no-repeat;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
}
#pisci-right #box-prodavac #ocena .pozitivna {
  background-position: 0 0;
}
#pisci-right #box-prodavac #ocena .negativna {
  background-position: 0 -12px;
}
#pisci-right #box-prodavac #ocena .neutralna {
  background-position: 0 -24px;
}
.clan-od,
.linkovi-korisnika a,
.ocene {
  font-size: 14px;
}
.korisnik,
.podaci {
  color: #0d63ad;
  font-weight: 700;
}
.right-side-user {
  float: left;
}
.linkovi-korisnika {
  margin-top: 20px;
}
.linkovi-korisnika div {
  margin-top: 5px;
}
.clan-od {
  margin-top: 20px;
}
.poslenjda-aktivnost {
  font-size: 14px;
  margin-top: 5px;
}
.ocene-holder {
  margin-top: 40px;
}
.ocene-box {
  padding: 8px 20px;
  background: #0c7ebc;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ocene {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.pozitivne {
  color: #0c3;
}
.negativne {
  color: red;
}
.user_ocene li span {
  float: left;
  position: relative;
}
.user_ocene li {
  font-weight: 400;
  font-size: 11px;
  float: left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e5e5e5;
  padding-bottom: 3px;
  margin-bottom: 15px;
}
.filter-pretrage div span {
  padding: 0 10px;
  font-weight: 600;
}
#postavi-pitanje li span {
  border-bottom: 1px solid #4166a5;
}
#postavi-pitanje li {
  margin-top: 15px;
  margin-left: 20px;
}
#knjige-icon {
  top: 10px !important;
}
#postavi-pitanje li img {
  top: 4px;
  position: relative;
  margin-left: 10px;
}
#info .Snaslov,
#info h1 {
  font-size: 14px;
  font-weight: 600;
  color: #282828;
  text-transform: uppercase;
}
#info .Spisac,
#info h2 {
  font-size: 12px;
  font-weight: 400;
  color: #707070;
}
#info .Scena,
#info h3 {
  font-size: 14px;
  font-weight: 400;
  color: #4e7ac7;
}
#blog-holder h5 a,
#blog-holder p a,
#holder-e-knjige #cena-e-knjige,
#holder-moje-poruke a,
#top-20,
#top-20 a {
  color: #0c7ebc;
}
#info h4 {
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
#buttons a {
  color: #fff;
}
#blog-content {
  margin: 5%;
}
#blog-holder h1,
#blog-holder h3 {
  font-size: 20px;
  font-weight: 400;
  color: #0c7ebc;
}
#blog-holder h5 {
  color: #2e2e2e;
  font-weight: 400;
}
#blog-holder p {
  font-size: 14px;
  font-weight: 300;
}
#blog-holder {
  border-bottom: 1px solid #d4d4d4;
  padding: 30px 0;
}
#blog-holder p.nalisti img,
#blog-holder p.unutra img {
  max-width: 150px;
  max-height: 150px;
  float: left;
  margin: 0 10px 10px 0;
}
#box-url,
#content-mid-polovne #title img,
#korpa-box,
#korpa-holder #izbaci-korpa img,
#prednosti {
  margin-left: auto;
  margin-right: auto;
}
#button-korpa #nastavi-kupovinu span,
#pretplata ul li {
  margin-left: 20px;
}
#blog-holder p.unutra img {
  max-width: 250px;
  max-height: 250px;
}
#broj-stranice button {
  margin-right: 5px;
}
#moj-nalog-box-button button {
  background: #555;
  padding: 5px 20px;
  border: 0;
  outline: 0;
  color: #fff;
  cursor: pointer;
}
#moj-nalog-box-button button a,
#moj-nalog-box-button button a:hover {
  text-decoration: none !important;
  color: #fff;
  border: 0;
}
#moj-nalog-box-button .selected {
  background: #0c7ebc !important;
}
#e-knjige-opcije {
  padding-bottom: 400px;
}
#holder-moje-poruke:hover {
  background: #f5f5f5;
}
#holder-moje-poruke #delet-poruke {
  color: red;
  font-weight: 700;
  cursor: pointer;
}
#title-holder-e-knjige {
  margin-top: 0;
  background: #0c7ebc;
  height: 30px;
  padding-top: 10px;
  color: #fff;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px;
}
#holder-e-knjige-p > div,
#holder-e-knjige > div,
#title-holder-e-knjige > div {
  float: left;
}
#holder-e-knjige-p {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
}
#holder-e-knjige-p:last-child {
  border-bottom: 1px solid #ccc !important;
}
#holder-e-knjige {
  font-size: 14px;
  height: 50px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 5px 10px;
}
#cena-e-knjige-p,
#holder-e-knjige #delete-e-knjige,
#kom-e-knjige-p,
#pdv-e-knjige-p,
#provizija-e-knjige-p,
#title-holder-e-knjige #delete-e-knjige,
#zarada-e-knjige-p {
  text-align: right;
}
#holder-e-knjige #delete-e-knjige a {
  font-size: 16px;
  color: red;
  font-weight: 700;
}
#holder-e-knjige #naslov-e-knjige img {
  height: 50px;
  float: left;
  margin-right: 10px;
}
#holder-e-knjige #cena-e-knjige,
#holder-e-knjige #naslov-e-knjige {
  font-weight: 600;
}
#holder-e-knjige #check {
  margin-top: 15px;
}
#text-preporuci {
  margin: 0 5%;
  font-size: 14px;
}
#box-url {
  margin-top: 20px;
}
#banner-holder {
  border-top: 1px solid #888;
  padding: 10px 0;
}
#banner-holder #title {
  margin-bottom: 10px;
  font-weight: 600;
}
#banner-box .textarea {
  width: 800px;
  height: 50px;
  resize: both;
}
#banner-left,
#banner-right {
  width: 40%;
  margin: 5%;
  float: left;
}
#banner-left .textarea,
#banner-right .textarea {
  width: 90%;
  height: 80px;
}
#box-url button,
#elektronsle-banner #left img,
#lista-zelja-box {
  width: 100%;
}
#banner-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
#top-20 {
  font-size: 26px;
  font-weight: 600;
}
#naslovi-izdavaca-box #button-izdavaci button {
  background: #fcce04;
  cursor: pointer;
  font-style: italic;
  outline: 0;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#content-mid-polovne #title img {
  display: block;
}
#elektronsle-banner #right #title {
  font-size: 20px;
  color: #555;
  font-weight: 600;
}
#elektronsle-banner #right ul {
  margin-top: 30px;
  margin-bottom: 20px;
}
#elektronsle-banner #right li {
  font-size: 14px;
  color: #555;
  font-weight: 400;
}
#elektronsle-banner #right #holder-right {
  margin: 20px 0 0 20px;
}
#elektronsle-banner #right a {
  color: #0c7ebc;
  font-weight: 600;
}
#elektronsle-banner #right a:hover {
  border-bottom: 1px solid #0c7ebc;
}
#trenutno-u-ponudi {
  text-align: right;
  margin-top: 20px;
}
#moj-nalog-box-button a:hover {
  color: #1c4994;
  border-bottom: 1px solid #1c4994;
}
#title-info #left,
#title-info #right {
  float: left;
}
.title-link,
div a b {
  color: #036;
  font-weight: 600;
}
#box-url button,
#button-korpa button,
#korpa-holder-title,
#lista-zelja-title-bar,
#title-bar-korpa {
  color: #fff;
  font-weight: 600;
}
div a {
  color: #036;
}
#prednosti #content-mid-right {
  font-size: 14px;
}
#content-mid-right ul li {
  margin-left: 40px;
}
#lista-zelja-holder > div,
#lista-zelja-title-bar > div {
  float: left;
}
#lista-zelja-holder,
#lista-zelja-title-bar {
  width: 100%;
  clear: both;
  font-size: 14px;
}
#lista-zelja-box #lista-zelja-title {
  margin-top: 60px;
  font-size: 22px;
  font-style: italic;
  border-bottom: 1px solid #888;
  padding-bottom: 10px;
  margin-bottom: 20px;
  padding-left: 10px;
}
#lista-zelja-title-bar {
  background: #077dc3;
}
#lista-zelja-holder {
  border-bottom: 1px solid #888;
  height: 100px;
  color: #333;
}
#lista-zelja-holder #delete img {
  cursor: pointer;
  margin-top: 40px;
  height: 20px;
}
#lista-zelja-holder #slika img {
  height: 80px;
  margin-top: 10px;
}
#lista-zelja-holder #cena,
#lista-zelja-holder #naslov,
#lista-zelja-holder #sifra {
  margin-top: 40px;
}
#lista-zelja-holder #buttons {
  margin-top: 35px;
}
.eng {
  display: none;
}
#box-url {
  width: 500px;
  border: 1px solid #888;
  margin-bottom: 60px;
}
#box-url #left {
  width: 180px;
  float: left;
  font-size: 14px;
  margin-top: 10px;
  margin-left: 5px;
}
#box-url #right {
  float: left;
  font-size: 14px;
  margin-top: 10px;
  margin-left: 5px;
  font-weight: 600;
}
#box-url #right a {
  color: #0c7ebc;
}
#box-url button {
  font-size: 14px;
  cursor: pointer;
  background: #0c7ebc;
  padding: 5px 0;
  border: 0;
  outline: 0;
  margin-top: 20px;
}
#pretplata ul li {
  line-height: normal !important;
  padding: 5px 0 !important;
}
#dodaj-novi-naslov {
  position: absolute;
  left: 45%;
  top: 0;
}
#moj-nalog-dodaj {
  position: relative;
}
#korpa-holder-title {
  background: #077dc3;
  height: 30px;
}
#korpa-holder-title > div {
  border-right: 1px solid #fff;
}
#korpa-holder-title > div:last-child {
  border-right: 0 solid #fff;
}
#korpa-box {
  margin-top: 50px;
  font-size: 14px;
}
#korpa-holder #slika-korpa img {
  max-height: 70px;
  max-width: 63px;
  padding: 5px 0;
}
#korpa-holder #cena-korpa,
#korpa-holder #iznos-korpa,
#korpa-holder-title #cena-korpa,
#korpa-holder-title #iznos-korpa {
  text-align: right;
}
#korpa-holder #izbaci-korpa img {
  margin-top: 25px;
  display: block;
  height: 20px;
}
#naslov-korpa b {
  font-weight: 600;
  margin-top: 10px;
  display: block;
}
#korpa-holder-bottom {
  background: #f5f5f5;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 23px;
  font-size: 14px;
  font-weight: 600;
  padding-top: 2px;
}
#promo-kod {
  padding-top: 8px;
}
#promo-kod input {
  width: 50px;
  margin: 0 10px;
  outline: 0;
}
#promo-kod a {
  font-weight: 600;
  color: #1e4792;
}
#podaci-o-narucbini {
  margin-top: 50px;
}
#podaci-o-narucbini span {
  display: inline-block;
  margin-top: 10px;
}
#title-bar-korpa {
  background: #077dc3;
  line-height: 0;
  margin-top: 10px;
}
#title-bar-korpa span {
  margin-left: 10px;
}
#podaci-o-narucbini input[type="text"],
#podaci-o-narucbini select,
#podaci-o-narucbini textarea {
  outline: 0;
  border: 1px solid #ccc;
}
#podaci-o-narucbini textarea {
  outline: 0;
  resize: vertical;
  height: 80px;
  padding: 5px;
  font-size: 14px;
}
#podaci-o-narucbini #left,
#podaci-o-narucbini #right {
  float: left;
  width: 45%;
}
#podaci-o-narucbini #left {
  margin-right: 10%;
}
#podaci-o-narucbini #left select,
#podaci-o-narucbini #right select {
  width: 100%;
}
#informacija img {
  float: left;
}
#informacija {
  margin-top: 20px;
  margin-bottom: 20px;
}
.nalog-aktivacija {
  float: right;
  background: #555;
  padding: 5px 20px;
  border: 0;
  outline: 0;
  color: #fff;
  font-size: 14px;
  max-width: 390px;
  text-align: center;
}
#uslovi-i-pravila {
  float: right;
  color: #555;
}
.nalog-aktivacija a {
  color: #fff;
  font-weight: 700;
}
.nalog-aktivacija a:hover {
  color: #fff !important;
  border-color: #fff !important;
}
.content-carts p {
  font-size: 14px;
  margin-bottom: 8px;
  color: #333;
}
.content-carts {
  position: relative;
}
.carts-left .check-icon {
  height: 25px;
  display: block;
  float: left;
  margin-top: 8px;
}
.carts-left .title,
.carts-right .title {
  font-size: 24px;
  position: relative;
  display: block;
}
.carts-left .title {
  color: #1089ca;
  margin-left: 50px;
}
.content-carts p b {
  font-weight: 600;
}
.carts-close img {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
}
button.naplata {
  cursor: pointer;
  color: #fff;
  border: 1px solid #00334f;
  text-shadow: 0 1px 0 #003c5c;
  box-shadow:
    1px 1px 0 #62bbea inset,
    -1px -1px 0 #62bbea inset;
  background: #1599e1;
  background: -moz-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #1599e1),
    color-stop(100%, #0b7ab6)
  );
  background: -webkit-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: -o-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: -ms-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: linear-gradient(to bottom, #1599e1 0, #0b7ab6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1599e1', endColorstr='#0b7ab6', GradientType=0 );
}
.carts-right button.kupovina {
  cursor: pointer;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  border: 1px solid #9a9a9a;
  box-shadow:
    1px 1px 0 #fff inset,
    -1px -1px 0 #fff inset;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0, #ededed 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #f7f7f7),
    color-stop(100%, #ededed)
  );
  background: -webkit-linear-gradient(top, #f7f7f7 0, #ededed 100%);
  background: -o-linear-gradient(top, #f7f7f7 0, #ededed 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0, #ededed 100%);
  background: linear-gradient(to bottom, #f7f7f7 0, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed', GradientType=0 );
}
.carts-right button.kupovina:hover {
  background: #f7f7f7;
}
#fstofs button#fstofs_ak1:hover,
#prompt button#prompt_ak1:hover,
button.naplata:hover {
  background: #1599e1;
}
#fstofs,
#prompt {
  display: none;
  position: fixed;
  z-index: 999999;
  background: #fff;
  top: 20%;
  width: 60%;
  left: 20%;
}
#prompt {
  border: 3px solid #0e60ab;
  border-radius: 10px;
  padding: 40px 10px !important;
}
#prompt_txt {
  font-weight: 600;
  color: #333;
}
#fstofs button,
#prompt button {
  margin-top: 30px;
  padding: 8px 40px;
  cursor: pointer;
}
#fstofs button#fstofs_ak1,
#prompt button#prompt_ak1 {
  margin-right: 20px;
  color: #fff;
  border: 1px solid #00334f;
  text-shadow: 0 1px 0 #003c5c;
  box-shadow:
    1px 1px 0 #62bbea inset,
    -1px -1px 0 #62bbea inset;
  background: #1599e1;
  background: -moz-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #1599e1),
    color-stop(100%, #0b7ab6)
  );
  background: -webkit-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: -o-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: -ms-linear-gradient(top, #1599e1 0, #0b7ab6 100%);
  background: linear-gradient(to bottom, #1599e1 0, #0b7ab6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1599e1', endColorstr='#0b7ab6', GradientType=0 );
}
#fstofs button#prompt_ak2,
#prompt button#prompt_ak2 {
  color: #fff;
  text-shadow: 0 1px 0 #4a0000;
  border: 1px solid #4a0000;
  box-shadow:
    1px 1px 0 #ff7070 inset,
    -1px -1px 0 #ff7070 inset;
  background: #fe0000;
  background: -moz-linear-gradient(top, #fe0000 0, #ac0000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fe0000),
    color-stop(100%, #ac0000)
  );
  background: -webkit-linear-gradient(top, #fe0000 0, #ac0000 100%);
  background: -o-linear-gradient(top, #fe0000 0, #ac0000 100%);
  background: -ms-linear-gradient(top, #fe0000 0, #ac0000 100%);
  background: linear-gradient(to bottom, #fe0000 0, #ac0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#ac0000', GradientType=0 );
}
#prompt button#prompt_ak2:hover {
  background: #e60000;
}
table {
  border-collapse: collapse;
}
td {
  font-size: 14px;
}
tr:nth-child(even) {
  background: #bdc8e2;
}
tr:nth-child(odd) {
  background: #eff4ff;
}
table,
td {
  padding: 8px 5px;
  border: 1px solid #0e2762;
  text-align: left;
}
th {
  background: #22428d;
  color: #fff;
  font-size: 16px;
  padding: 15px 5px;
}
#fstofs,
#fstofs select,
#fstofs textarea {
  font-size: 13px;
  color: #555;
  line-height: 30px;
}
#fstofs select,
#fstofs textarea {
  font-size: 13px;
  color: #555;
  line-height: normal;
  border: 1px solid #ccc;
  width: 190px;
  font-weight: 600;
}
#fstofs label {
  width: 60px;
  display: inline-block;
  text-align: left;
}
#fstofs {
  padding: 10px 0;
  border: 3px solid #0e60ab !important;
  border-radius: 10px;
}
@media (min-width: 1025px) {
  #fstofs {
    width: 50%;
    left: 23%;
    padding: 10px 20px;
  }
}
@media (max-width: 1024px) {
  #fstofs {
    padding: 10px;
  }
}
@media (max-width: 800px) {
  #fstofs {
    width: 75%;
    left: 10%;
    padding: 10px;
  }
}
@media (max-width: 640px) {
  #fstofs {
    width: 87%;
    left: 5%;
    padding: 10px;
  }
}
@media (max-width: 480px) {
  #fstofs {
    width: 87%;
    left: 5%;
    padding: 10px 5px;
    top: 10px;
  }
  #fstofs button,
  #prompt button {
    padding: 3px 10px;
    margin-top: 15px;
  }
}
.pismo-buttons {
  display: flex;
  justify-content: center;
  width: 180px;
  margin: 20px auto 0px auto;
}
.dugme {
  flex: 1;
  padding: 15px 15px;
  font-family: "Capriola", sans-serif;
  border: 2px solid white;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  width: 50%;
}
.selected {
  border: 3px solid #f59829;
}
.cirilica {
  background-color: #0e60ab;
  color: white;
  border-radius: 15px 0 0 15px;
}
.latinica {
  background-color: #0c7ebc;
  color: white;
  border-radius: 0 15px 15px 0;
}
@media (min-width: 1024px) {
  #pretplata,
  #pretraga {
    padding-top: 50px;
  }
  #footer-box #pretplata {
    padding-top: 0px !important;
  }
  #kategorije #holder-k a,
  #komentari #title button,
  #korpa .Skorpa,
  #licni-podaci #title,
  #naslovi-izdavaca-box #naslov,
  #top-line #links,
  .content-carts p.naslov,
  .prodavac {
    text-transform: uppercase;
  }
  #navbar,
  .container {
    width: 1280px !important;
  }
  #nav-menu a,
  #navbar li {
    color: #fff !important;
  }
  #br-nar-e-knjige-p,
  #cena-e-knjige-p,
  #content #content-right,
  #content-left,
  #isplata-e-knjige-p,
  #kom-e-knjige-p,
  #korpa,
  #naslov-e-knjige-p,
  #navbar,
  #pdv-e-knjige-p,
  #pretraga,
  #provizija-e-knjige-p,
  #zahtev-e-knjige-p,
  #zarada-e-knjige-p,
  .activate ul {
    display: block !important;
  }
  #holder-moje-poruke,
  #korpa-holder,
  #korpa-holder-title,
  #porucbina-holder {
    clear: both;
  }
  #oblasti a:hover,
  #paginacija a:hover,
  #podgupa div:hover,
  #porucbine-holder-info #sajt a:hover,
  .linkovi-korisnika a:hover {
    text-decoration: underline;
  }
  #buttons #dodaj-u-korpu:active,
  #pojedinacna-knjige #button button:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7ac7', endColorstr='#618fe0', GradientType=0 );
  }
  .container {
    margin-right: auto;
    margin-left: auto;
  }
  #filter #raspored,
  #filter button,
  #korpa #kasa {
    width: 60px;
  }
  #header {
    height: 195px !important;
    border: 0 !important;
  }
  #korpa div,
  #logo {
    float: left;
  }
  #logo img {
    padding-top: 25px;
    padding-left: 10px;
    height: 100% !important;
  }
  #pretraga {
    padding-left: 140px;
    float: left;
  }
  #pretraga-box {
    height: 45px;
    border: 1px solid #35478c;
    border-radius: 50px;
    position: relative;
    float: left;
  }
  #pretraga-box input {
    width: 365px;
    height: 45px;
    border: 0;
    outline: 0;
    margin-left: 18px;
    font-style: italic;
    font-size: 14px;
    color: #aaa;
  }
  #pretraga-box button {
    background-color: #fff;
    cursor: pointer;
    border: 0;
    outline: 0;
    top: 5px;
    position: relative;
    margin-right: 15px;
  }
  #korpa {
    padding-top: 30px;
    float: right;
    color: #16193b;
  }
  #korpa .Skorpa {
    font-size: 18px;
    font-weight: 400;
  }
  #korpa h3 {
    font-size: 12px;
    font-weight: 400;
  }
  #korpa input {
    background: #16193b;
    height: 24px;
    color: #fff;
    font-size: 11px;
    border: 0;
    outline: 0;
    cursor: pointer;
  }
  #korpa #pregledaj-korpu {
    margin-right: 15px;
    padding-top: 15px;
    width: 120px;
  }
  #korpa #pregledaj-korpu #holder {
    height: 40px;
  }
  #korpa #kasa #holder {
    height: 55px;
  }
  #korpa #pregledaj-korpu input {
    width: 120px;
    margin-top: 10px;
  }
  #korpa #kasa input {
    width: 60px;
    margin-top: 10px;
  }
  #navbar {
    top: 190px !important;
  }
  #toggle-menu {
    display: none;
  }
  #navbar #nav-menu {
    height: 41px !important;
    border-bottom: 4px solid #0c7ebc !important;
    background: #0d63ad !important;
    background: -moz-linear-gradient(top, #0d63ad 0, #233f8a 100%) !important;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #0d63ad),
      color-stop(100%, #233f8a)
    ) !important;
    background: -webkit-linear-gradient(
      top,
      #0d63ad 0,
      #233f8a 100%
    ) !important;
    background: -o-linear-gradient(top, #0d63ad 0, #233f8a 100%) !important;
    background: -ms-linear-gradient(top, #0d63ad 0, #233f8a 100%) !important;
    background: linear-gradient(to bottom, #0d63ad 0, #233f8a 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d63ad', endColorstr='#233f8a', GradientType=0 ) !important;
  }
  #navbar li {
    float: left !important;
    padding: 6px 20px 8px !important;
    margin: 8px 10px 0 !important;
    background: 0 0 !important;
    font-size: 14px !important;
    border: 0 !important;
  }
  #content #content-right #small-knjige > div,
  #content .container > div {
    float: left;
  }
  #navbar li img {
    display: none !important;
  }
  #navbar #selected {
    background: #0c7ebc !important;
    -webkit-border-top-left-radius: 10px !important;
    -webkit-border-top-right-radius: 10px !important;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-topright: 10px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }
  #content-left {
    width: 288px;
  }
  #content-mid {
    width: 780px;
    margin: 0 20px 0 12px;
    padding-top: 0;
  }
  #content-mid-polovne {
    width: 780px;
    margin: 0 0 0 12px;
    padding-top: 0;
  }
  #content-mid-polovne #title {
    margin-top: 50px;
    margin-bottom: 60px;
  }
  #content-mid-5-knjiga {
    margin-top: 25px;
    width: 992px;
  }
  #content-mid-5-knjiga #knjige-holder-4 {
    margin-left: 15px;
  }
  #top-20-num {
    text-align: center;
    font-size: 20px;
    color: #0c7ebc;
    margin-bottom: 10px;
  }
  #content-mid-5-knjiga #top-20-title {
    border: 0 !important;
    font-size: 22px;
    color: #0c7ebc;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
  }
  #content-right {
    width: 205px;
    float: left;
  }
  #content #content-right {
    padding-top: 20px;
  }
  #content #content-left #title {
    font-size: 20px;
    font-weight: 600;
    color: #16193b;
    padding: 20px 0px;
  }
  #content #content-left li,
  #content #content-left li a {
    color: #16193b;
    font-size: 13px;
  }
  #content #content-left li {
    line-height: 0;
    padding: 15px 0;
  }
  #content #content-left hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d9d9d9;
    width: 170px;
  }
  #content #content-right #title,
  #content #content-right #title h1,
  #content #content-right #title h2 {
    color: #16193b;
    font-size: 15px;
    font-style: italic;
    padding-bottom: 5px;
    font-weight: 600;
  }
  #content #content-right #title h1,
  #content #content-right #title h2 {
    padding-bottom: 0;
  }
  #content #content-right #small-knjige {
    padding-top: 10px;
    border-top: 1px solid #e2e2e2;
    clear: both;
  }
  #content #content-right #small-korice {
    line-height: 0;
  }
  #content #content-right #small-korice img {
    width: 65px;
    margin-bottom: 10px;
  }
  #content #content-right #small-info {
    width: 105px;
    padding-left: 10px;
  }
  #content #content-right #small-info h4 {
    font-weight: 400;
    font-size: 12px;
    color: #16193b;
  }
  #content #content-right #small-info h5 {
    font-weight: 400;
    font-size: 12px;
    color: #616161;
  }
  #content #content-right #small-info h6 {
    font-weight: 600;
    font-size: 12px;
    color: #4e7ac7;
  }
  #knjige-holder {
    width: 165px;
    height: 520px;
    padding-left: 15px;
    padding-right: 15px;
    border: 0 !important;
  }
  #content-mid #knjige-holder-4 {
    width: 780px;
  }
  #knjige-holder-4 #about {
    margin-top: 10px;
    height: 160px;
    overflow: hidden;
  }
  #knjige-holder-4 #info {
    padding-top: 0;
    width: 100%;
  }
  #knjige-holder-4 #info .Snaslov,
  #knjige-holder-4 #info h1 {
    font-size: 13px;
    font-weight: 600;
    color: #16193b;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  #knjige-holder-4 #info .Snaslov:hover,
  #knjige-holder-4 #info h1:hover {
    white-space: normal;
  }
  #knjige-holder-4 #info .Spisac,
  #knjige-holder-4 #info h2 {
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  #knjige-holder-4 #info .Spisac:hover,
  #knjige-holder-4 #info h2:hover {
    white-space: normal;
  }
  #knjige-holder-4 #info h3 {
    font-size: 13px;
    font-weight: 400;
    color: #4e7ac7;
  }
  #buttons #dodaj-u-korpu {
    width: 165px !important;
    padding: 5px 0;
    font-size: 14px;
    position: relative;
    top: 0;
    left: 0;
  }
  #buttons #dodaj-u-korpu:hover {
    background: #618fe0;
    background: -moz-linear-gradient(top, #618fe0 0, #4e7ac7 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #618fe0),
      color-stop(100%, #4e7ac7)
    );
    background: -webkit-linear-gradient(top, #618fe0 0, #4e7ac7 100%);
    background: -o-linear-gradient(top, #618fe0 0, #4e7ac7 100%);
    background: -ms-linear-gradient(top, #618fe0 0, #4e7ac7 100%);
    background: linear-gradient(to bottom, #618fe0 0, #4e7ac7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#618fe0', endColorstr='#4e7ac7', GradientType=0 );
  }
  #buttons #dodaj-u-korpu:active {
    background: #4e7ac7;
    background: -moz-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #4e7ac7),
      color-stop(100%, #618fe0)
    );
    background: -webkit-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: -o-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: -ms-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: linear-gradient(to bottom, #4e7ac7 0, #618fe0 100%);
  }
  #buttons #dodaj-u-korpu #korpa-text {
    margin-left: 50px;
  }
  #buttons #dodaj-u-korpu img {
    margin-left: 15px;
    margin-top: 1px;
  }
  #knjige-holder-4 #buttons #saznaj-vise {
    display: none;
    position: relative;
    top: 175px;
    left: 20px;
    padding: 5px 0;
  }
  #buttons a {
    font-size: 12px;
    color: #fff;
  }
  #knjige-holder-4 #box-knjige > div,
  #knjige-holder-4 > div {
    float: left !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  #knjige-holder-4 #naslovna-strana img {
    padding: 0;
  }
  #knjige-holder-4 #naslovna-strana #naslovna {
    width: 165px;
    height: 233px;
  }
  #content-mid-polovne #knjige-holder {
    height: 300px !important;
    width: 215px !important;
  }
  #content-mid-polovne #naslovna-strana {
    position: relative;
    width: 215px !important;
    height: 161px;
    padding: 5px 0;
    border: 1px solid #4e7ac7;
    margin-bottom: 10px;
  }
  #content-mid-polovne #naslovna {
    max-height: 161px !important;
    max-width: 205px !important;
    display: block;
    height: auto !important;
    width: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  #content-mid-polovne #naslovna-strana:hover {
    background: #f5f5f5;
  }
  #knjige-holder-4 #knjige-holder {
    clear: none;
  }
  #knjige #title-bar,
  #knjige #title-bar h2 {
    font-size: 20px;
    font-weight: 600;
    color: #4e7ac7;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  #knjige #title-bar h2 {
    display: inline-block;
    width: 40%;
    margin-left: 0;
  }
  #knjige #title-bar a,
  #knjige #title-bar h2 a {
    font-size: 14px;
    color: #444;
    font-weight: 400;
    font-style: italic;
  }
  #knjige-holder-4 #box-knjige {
    padding-top: 45px;
  }
  .activate div {
    background: #0c7ebc;
    padding-left: 30px !important;
    padding-top: 14px !important;
    width: 230px;
  }
  #knjige-holder-4 #box-bg {
    height: 400px;
    width: 780px;
    position: absolute;
    border-top: 1px solid #fff;
    box-shadow: 0 -1px 0 #d4d4d4;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0, #fff 25%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #f5f5f5),
      color-stop(25%, #fff)
    );
    background: -webkit-linear-gradient(top, #f5f5f5 0, #fff 25%);
    background: -o-linear-gradient(top, #f5f5f5 0, #fff 25%);
    background: -ms-linear-gradient(top, #f5f5f5 0, #fff 25%);
    background: linear-gradient(to bottom, #f5f5f5 0, #fff 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );
  }
  #banner {
    margin-top: 35px;
    margin-bottom: 60px;
  }
  #activate,
  .activate div {
    padding-bottom: 18px !important;
    margin-bottom: -2px;
  }
  .activate {
    color: #fff !important;
  }
  #podgupa {
    cursor: pointer;
  }
  .activate div {
    margin-top: -18px;
    margin-left: -30px;
  }
  .activate ul li {
    padding: 20px !important;
    left: -30px;
    top: 2px;
    background: #e2eeef;
    width: 220px;
    border-bottom: 1px solid #d0d2d2;
  }
  .activate #arrow-drop {
    height: 9px;
    width: 9px;
    position: absolute;
    z-index: 10;
    top: 7px !important;
    left: -20px;
    background-image: url(../img/drop-arrow-w.png) !important;
  }
  #kategorije #holder-k::after,
  #kategorije #holder-k::before {
    content: "";
    height: 34px;
    width: 13px;
    background-repeat: no-repeat;
    top: 0;
  }
  #oblasti,
  #pretplata #box {
    background: #f5f5f5;
    border-bottom: 2px solid #0c7ebc;
  }
  .activate ul li a {
    color: #000 !important;
  }
  #button,
  #elektronske-knjige #knjige-holder h4,
  #oblasti li ul,
  #ostavite-komentar,
  #postavi-pitanje-hidden,
  #toggle-list,
  #toggle-navbar-div {
    display: none;
  }
  #oblasti #arrow-drop {
    height: 9px;
    width: 9px;
    position: absolute;
    z-index: 10;
    top: 11px;
    left: -20px;
    background-image: url(../img/drop-arrow-b.png);
  }
  #oblasti {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 40px;
  }
  #footer .container,
  #oblasti li {
    position: relative;
  }
  #pretplata #pretplata-title {
    height: 46px;
    background: #0c7ebc;
  }
  #pretplata #pretplata-title img {
    float: left;
  }
  #pretplata #pretplata-title span {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    float: left;
    padding-top: 23px;
    padding-left: 20px;
    line-height: 0;
  }
  #pretplata #box {
    padding: 15px 20px 35px;
  }
  #pretplata p {
    font-size: 12px;
    color: #616161;
    text-align: center;
    padding-bottom: 30px;
  }
  #pretplata #email {
    width: 170px;
    padding: 0 0 0 15px;
    height: 30px;
    font-size: 12px;
    color: #767676;
    outline: 0;
    border: 0;
    box-shadow:
      1px 1px 0 #e4e4e4,
      -1px -1px 0 #bebebe;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #pretplata #pretplata-submit {
    background: #0c7ebc;
    height: 30px;
    font-size: 12px;
    color: #fff;
    width: 59px;
    border: 0;
    outline: 0;
    cursor: pointer;
    box-shadow:
      1px 1px 0 #003b5b,
      -1px -1px 0 #419acb;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  #pretplata #detaljnije {
    background: #0c7ebc;
    height: 30px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #0b5076;
    outline: 0;
    cursor: pointer;
    padding: 0 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #footer {
    height: 411px;
    background: #35478c;
    margin-top: 60px;
    overflow: hidden;
  }
  #footer-logo {
    position: absolute !important;
    left: -60px;
    z-index: 0 !important;
  }
  #footer #footer-box {
    padding-top: 50px;
    float: left;
    width: 256px;
    position: relative;
    z-index: 10;
  }
  #footer #footer-title {
    font-size: 20px;
    color: #fff;
    font-style: italic;
    padding-bottom: 45px;
    line-height: 0;
  }
  #footer #footer-list li,
  #footer #footer-list li a,
  #footer-info {
    font-size: 13px;
    color: #fff;
  }
  #footer #footer-list li {
    padding-bottom: 12px;
  }
  #footer #footer-list li img {
    padding: 0 5px;
  }
  #footer-info {
    margin-top: 70px;
  }
  #img-drop {
    display: none !important;
  }
  #nav-menu hr {
    border: 0 !important;
  }
  #top-line {
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
  }
  #top-line div li {
    float: left;
    list-style: none;
    color: #3f3f3f;
    font-size: 12px;
  }
  #jezik {
    padding: 10px 0 0;
  }
  #jezik li {
    margin-right: 15px;
  }
  #jezik li img {
    width: 24px;
    height: 18px;
  }
  #top-line #links {
    list-style: none;
  }
  #telefon li,
  #top-line #links li {
    margin-right: 30px;
  }
  #top-line #links li a {
    text-decoration: none;
    color: #3f3f3f;
  }
  #top-line #links li:last-child {
    margin-right: 70px;
  }
  #lista-zelja {
    color: #16193b;
    font-size: 12px;
    float: right;
  }
  #lista-zelja li img {
    height: 21px;
    width: 21px;
  }
  #lista-zelja li a {
    text-decoration: none;
    color: #3f3f3f;
    padding: 0 0 0 10px;
    top: 2px;
    position: relative;
  }
  iframe {
    margin-bottom: 30px;
  }
  #kategorije {
    width: 1280px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 80px;
    padding-left: 25px;
  }
  @media (max-width: 1280px) {
    #kategorije {
      padding-left: 15px;
    }
  }
  #kategorije #holder-k {
    background: #0e60ab;
    padding: 0 20px;
    color: #fff;
    position: relative;
    text-align: center;
    float: left;
    margin-right: 20px;
    line-height: 0;
    height: 34px;
  }
  #kategorije #holder-k a {
    color: #fff;
    font-size: 11px;
    line-height: 0;
    top: 15px;
    position: relative;
  }
  #kategorije #holder-k::before {
    background-image: url(../img/bg-before.png);
    position: absolute;
    left: -12px;
  }
  #kategorije #holder-k::after {
    background-image: url(../img/bg-after.png);
    position: absolute;
    right: -13px;
  }
  #pojedinacna {
    margin-top: -30px;
    width: 100%;
  }
  #pojedinacna > div {
    float: left;
  }
  #pojedinacna-left {
    width: 216px !important;
    float: left;
    margin: 0 34px 0 0 !important;
  }
  #pojedinacna-mid {
    max-width: 700px;
    float: left;
  }
  #pojedinacna-right {
    width: 280px;
    float: right !important;
  }
  #mid-right {
    width: 1030px;
  }
  #dostava-hidden,
  #nacina-placanja-hidden {
    font-size: 12px;
    margin-bottom: 20px;
    display: none;
  }
  #dostava-hidden p,
  #nacina-placanja-hidden p {
    font-size: 14px;
    margin: 10px 0 !important;
    padding: 0 !important;
    font-weight: 600;
  }
  #postavi-pitanje-hidden input {
    width: 80%;
    padding: 1% 2%;
    outline: 0;
    margin-bottom: 20px;
    font-size: 12px;
  }
  #postavi-pitanje-hidden textarea {
    resize: vertical;
    width: 94%;
    padding: 2%;
    height: 60px;
    outline: 0;
    margin-bottom: 10px;
    font-size: 12px;
  }
  #postavi-pitanje-hidden button {
    padding: 1px 10px;
    cursor: pointer;
  }
  #naslovna-p img {
    width: 204px;
    border: 6px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  #naslovna-small {
    margin-top: 10px;
    width: 216px;
  }
  #naslovna-small img {
    width: 59px;
    margin: 0 5px;
  }
  #pojedinacna-mid #naslov h1 {
    font-size: 30px;
    font-weight: 600;
    color: #0b0b0b;
    margin-top: -10px;
    width: 1000px;
  }
  #pojedinacna-mid #naslov .author {
    padding-top: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #16193b;
  }
  #dodaj-u-korpu,
  #moj-nalog-dodaj button {
    padding: 5px 10px;
  }
  #pojedinacna-mid #naslov p {
    font-size: 13px;
    font-weight: 400;
    color: #16193b;
    margin-top: 3%;
  }
  #prelistaj {
    margin-top: 10px;
  }
  #prelistaj img {
    margin-right: 10px;
    position: relative;
  }
  #o-knjizi #left {
    float: left;
    width: 300px;
  }
  #o-knjizi #right {
    margin-right: 50px;
  }
  #komentari {
    width: 630px;
  }
  #komentari #title,
  #pojedniacna-holder-knjige #title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    color: #16193b;
    padding-bottom: 15px;
    padding-left: 12px;
    border-bottom: 1px solid #e2e2e2;
  }
  #komentari #title button {
    color: #fff;
    border: 0;
    outline: 0;
    font-size: 12px;
    padding: 10px 15px;
    background: #0c7ebc;
    float: right;
    cursor: pointer;
  }
  #komentari #komentari-box {
    padding: 20px 0;
    margin: 0 10px;
  }
  #komentari #komentar-ime {
    color: #16193b;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  #komentari #komenter {
    font-size: 12px;
    color: #616161;
    line-height: 25px;
    margin: 0 10px;
  }
  #ostavite-komentar {
    height: 320px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
  }
  #ostavite-komentar input {
    width: 250px !important;
    margin-top: 20px;
    margin-left: 20px;
  }
  #ostavite-komentar textarea {
    width: 400px !important;
    margin-top: 20px;
    height: 100px;
    margin-left: 20px;
  }
  #ostavite-komentar #submit {
    width: 120px !important;
    position: absolute;
    left: 325px !important;
    margin-top: 10px;
  }
  #title h2 {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    color: #16193b;
    display: inline;
  }
  #pojedniacna-holder-knjige #arrows {
    float: right;
    margin-right: 15px;
  }
  #pojedniacna-holder-knjige #arrows button {
    height: 25px;
    width: 25px;
    border: 0;
    outline: 0;
    background: rgba(255, 255, 255, 0);
    cursor: pointer;
    margin-left: 10px;
  }
  #pojedinacna-knjige #button button {
    padding: 5px 0;
    width: 160px;
    font-size: 14px;
    background: #4e7ac7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #2b5195;
    text-shadow: 1px 1px 0 #07537b;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    cursor: pointer;
    color: #fff;
    line-height: 0;
    margin-top: 20px;
  }
  #pojedinacna-knjige #button button span {
    line-height: 0;
    top: -3px;
    position: relative;
  }
  #pojedinacna-knjige #button button:hover {
    background: #4e7ac7;
    background: -moz-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #4e7ac7),
      color-stop(100%, #618fe0)
    );
    background: -webkit-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: -o-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: -ms-linear-gradient(top, #4e7ac7 0, #618fe0 100%);
    background: linear-gradient(to bottom, #4e7ac7 0, #618fe0 100%);
  }
  #pojedinacna-knjige #button button img {
    position: relative;
    left: -10px;
  }
  #pojedinacna-naslov {
    line-height: 0;
  }
  #pojedinacna-knjige #info {
    width: 160px;
  }
  #pojedinacna-knjige #info .Snaslov,
  #pojedinacna-knjige #info h1 {
    font-size: 13px;
    font-weight: 600;
    color: #16193b;
  }
  #pojedinacna-knjige #info .Spisac,
  #pojedinacna-knjige #info h2 {
    font-size: 13px;
    font-weight: 400;
    color: #616161;
  }
  #pojedinacna-knjige #info .Scena,
  #pojedinacna-knjige #info h3 {
    font-size: 13px;
    font-weight: 400;
    color: #4e7ac7;
  }
  #pojedinacna-knjige #info .Scena span,
  #pojedinacna-knjige #info h3 span {
    font-weight: 600;
  }
  #pojedinacna-polica #pojedinacna-knjige {
    float: left;
    margin: 20px 15px;
    width: 160px;
  }
  #pojedinacna-polica {
    width: 10000px !important;
    position: relative;
  }
  #pojedniacna-holder-knjige {
    width: 950px;
    overflow: hidden;
  }
  #pojedinacna-left #content-right {
    margin-top: 50px;
    position: relative;
    float: left;
  }
  #valuta-navbar {
    float: right;
    margin-right: 15px;
    margin-top: 8px;
  }
  #valuta-navbar button {
    padding: 2px 8px;
    border: 0;
    outline: 0;
    background: rgba(255, 255, 255, 0);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin-left: 5px;
  }
  .valuta-selected {
    border: 1px solid #fff !important;
  }
  #filter #raspored,
  #filter #sortiraj {
    padding: 2px 5px;
    border: 1px dotted #fff;
    color: #0c7ebc;
  }
  #filter {
    background: #b9e1f4;
    padding: 0 10px;
    font-size: 12px;
  }
  #filter #filter-title {
    color: #16193b;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    padding: 20px 0 10px;
  }
  #filter input {
    width: 35px;
    padding: 2px 5px;
    margin: 5px 0;
    border: 1px solid #ddd;
    outline: 0;
  }
  #filter div {
    padding: 15px 0 10px;
    border-bottom: 1px dotted #fff;
  }
  #filter #sortiraj {
    width: 150px;
  }
  #filter button,
  .filter-button {
    background: #43517c;
    padding: 4px 5px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    cursor: pointer;
  }
  #broj-stranice button {
    height: 50px;
    width: 50px;
    background: #555;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    outline: 0;
    border: 1px solid #333;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #525252;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #broj-stranice #left-stranice,
  #broj-stranice #right-stranice {
    height: 50px;
    width: 50px;
    background: #4f7ac8;
    box-shadow: 0 1px 0 #698fd6 inset;
    cursor: pointer;
  }
  #broj-stranice #left-stranice {
    float: left;
    border: 1px solid #335ba1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #broj-stranice #left-stranice img,
  #broj-stranice #right-stranice img {
    margin-top: 10px;
    height: 30px;
  }
  #broj-stranice #right-stranice {
    float: right;
    border: 1px solid #335ba1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #activate {
    background: #0c7ebc;
    padding-left: 30px !important;
    padding-top: 14px !important;
    position: absolute;
    width: 230px;
    left: -30px;
    margin-top: -2px;
  }
  #activate a {
    color: #fff !important;
  }
  #content-mid-right {
    width: 1200px;
  }
  #registracija #login-box,
  .only-desktop {
    display: block;
  }
  #content-mid-right #login-box {
    width: 39%;
    float: left;
    margin: 2%;
    padding: 3%;
    border: 1px solid #888;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  #content-mid-right #login-box #title,
  #konkatk-strana #title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 30px;
    color: #16193b;
    text-transform: uppercase;
  }
  #content-mid-right #login-box input[type="text"],
  #content-mid-right #login-box input[type="password"],
  #content-mid-right #login-box select {
    width: 94%;
    padding: 10px 3%;
    margin: 10px 0;
  }
  #content-mid-right #login-box button,
  #kotakt-input button {
    width: 120px;
    margin-top: 10px;
  }
  #content-mid-right #login-box a {
    font-size: 14px;
    color: #0c7ebc;
  }
  #postanski-br {
    width: 100px !important;
  }
  #konkatk-strana {
    margin: 2%;
    display: flex;
    justify-content: space-between;
  }
  #kontakt-box {
    padding: 3%;
    border: 1px solid #888;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 500px;
  }
  #konkatk-strana a {
    color: #000;
  }
  #kontakt-info {
    line-height: 30px;
  }
  #kontakt-info img {
    margin-right: 15px;
    line-height: 0;
    top: 3px;
    position: relative;
  }
  #kotakt-input {
    margin-top: 30px;
  }
  #kotakt-input input {
    width: 300px;
    padding: 10px 12px;
    margin: 10px 0;
  }
  #kotakt-input textarea {
    width: 400px;
    margin-top: 20px;
    height: 100px;
  }
  #kotakt-input button:hover {
    background: #108ed2;
  }
  #kotakt-input button:active {
    border-top: 2px solid #0d4d7d;
    border-bottom: 0 solid #0d4d7d;
  }
  #paginacija {
    margin-top: 80px;
    font-size: 16px;
    font-weight: 300;
  }
  #paginacija a {
    color: #0c7ebc;
  }
  #pisci-mid-right {
    width: 1030px;
    margin-bottom: 100px;
  }
  #pisci-mid-right #pisci-left {
    width: 45%;
    float: left;
    margin-right: 5%;
  }
  #pisci-mid-right #pisci-right {
    width: 50%;
    float: left;
  }
  #pisci-mid-right #pisci-left #title {
    margin-bottom: 40px;
  }
  #pisci-mid-right #pisci-left h1 {
    line-height: 20px;
    font-size: 30px;
    font-weight: 400;
    color: #0b0b0b;
    position: absolute;
  }
  #pisci-mid-right #pisci-left h3 {
    font-size: 20px;
    padding-top: 35px;
    font-weight: 400;
    color: #0b0b0b;
  }
  #pisci-mid-right p {
    font-size: 13px;
    font-weight: 400;
    color: #505050;
  }
  #naslovi-izdavaci {
    width: 1030px;
    float: right;
  }
  #naslovi-izdavaci #title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    color: #16193b;
    padding-bottom: 15px;
    padding-left: 12px;
    border-bottom: 1px solid #e2e2e2;
  }
  #info-kupac > div,
  #naslovi-izdavaca-holder {
    margin-top: 20px;
  }
  #naslovi-izdavaca-box {
    background: #ccf2fd;
    padding-top: 17px !important;
    height: 17px !important;
    position: relative;
  }
  #naslovi-izdavaca-box:nth-child(even) {
    background: #a3e8fb;
  }
  #naslovi-izdavaca-box > div {
    font-size: 14px;
    color: #16193b;
    float: left;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    margin-top: -8px;
    text-overflow: ellipsis;
  }
  #naslovi-izdavaca-box #num {
    padding-left: 10px;
    width: 35px !important;
  }
  #naslovi-izdavaca-box #naslov {
    width: 420px !important;
    margin-right: 5px;
  }
  #naslovi-izdavaca-box #pisac {
    color: #616161;
    width: 310px !important;
  }
  #naslovi-izdavaca-box #cena {
    color: #cc1614;
    width: 100px !important;
    font-weight: 600;
  }
  #naslovi-izdavaca-box #button-izdavaci {
    width: 155px !important;
  }
  #pisci-right > div {
    width: 50%;
    float: left;
    margin-top: 70px;
  }
  #pisci-right #right-left,
  #podaci-box {
    margin-top: 50px;
  }
  #info-kupac {
    color: #979797;
    font-size: 13px;
    margin-top: 30px;
    margin-left: 40px;
  }
  #info-kupac li,
  #info-kupac span {
    color: #16193b;
  }
  #knjige-holder-4 #info h2 {
    margin-bottom: 5px;
  }
  #buttons {
    margin-top: 10px;
  }
  #dodaj-u-korpu {
    width: 125px;
    background: #4e7ac7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #2b5195;
    text-shadow: 1px 1px 0 #07537b;
    box-shadow: 0 0 1px rgba(255, 255, 255, 1) inset;
  }
  #dodaj-u-korpu img {
    margin-left: 10px;
    line-height: 0;
    position: absolute;
    height: 1.2em;
  }
  #holder-prodaja-polovne-knjige,
  #knjige-holder,
  #moj-nalog-box-button,
  #next-step,
  #porucbina-holder > div {
    position: relative;
  }
  #pojedinacna-right #sifra {
    margin-top: 70px;
  }
  #title-strane-knjige {
    width: 1280px;
    margin-top: 30px;
  }
  #title-strane-knjige h5 {
    font-size: 22px;
    color: #0c7ebc;
    text-align: center;
    font-weight: 600;
  }
  #title-strane-knjige h6 {
    font-size: 18px;
    color: #16193b;
    text-align: center;
    margin-top: 10px;
    font-weight: 400;
  }
  #porucbina-box-info {
    width: 80%;
    margin: 100px 10%;
  }
  #porucbina-box-info #title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
  }
  #porucbine-holder-info > div {
    float: left;
  }
  #porucbine-holder-info {
    height: 40px;
    font-size: 18px;
    float: left;
    margin-left: 40px;
  }
  #porucbine-holder-info #opis,
  #porucbine-holder-info #sajt,
  #porucbine-holder-info #slika {
    width: 250px;
  }
  #porucbine-holder-info #sajt a {
    color: #0c7ebc;
    font-weight: 600;
  }
  #porucbina-box {
    margin-top: 150px;
  }
  #porucbina-holder > div {
    float: left;
  }
  #porucbina-holder #num {
    width: 30px;
    padding-top: 10px;
  }
  #porucbina-holder #naslov {
    width: 350px;
  }
  #porucbina-holder #naslov .input {
    width: 300px;
  }
  #porucbina-holder #autor {
    width: 350px;
  }
  #porucbina-holder #autor .input {
    width: 300px;
  }
  #porucbina-holder #isbn {
    width: 200px;
  }
  #porucbina-holder #isbn .input {
    width: 150px;
  }
  #porucbina-holder #kolicina {
    width: 94px;
  }
  #porucbina-holder #kolicina .input {
    width: 47px;
    margin-bottom: 5px;
  }
  #strane {
    float: left;
    height: 185px;
  }
  #podaci-box {
    width: 500px;
  }
  #podaci-box .input {
    width: 450px;
    margin-top: 10px;
  }
  #podaci-box .button {
    width: 250px;
    margin-top: 30px;
  }
  #podaci-box h6 {
    color: red;
    margin-top: 10px;
  }
  #podaci-box #title {
    font-weight: 600;
    color: #0c7ebc;
  }
  #elektronske-knjige #content-mid {
    width: 960px;
    margin-top: 40px;
  }
  #elektronske-knjige #knjige-holder {
    height: 450px;
  }
  #link-top-moj-nalog {
    margin-top: 10px;
    padding-bottom: 10px;
    width: 1280px;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }
  #link-top-moj-nalog a {
    font-size: 16px;
    color: #1e4792;
    font-weight: 600;
    margin-right: 10px;
    margin-left: 10px;
  }
  #title-e-knjige {
    font-size: 20px;
    color: #555;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
  }
  #content-moj-nalog {
    width: 1280px;
  }
  #licni-podaci #title {
    padding: 5px 0;
    color: #fff;
    text-align: center;
    background: #0c7ebc;
  }
  #moj-nalog-left,
  #moj-nalog-right {
    width: 49%;
  }
  #moj-nalog-left {
    float: left;
    margin-right: 1%;
  }
  #moj-nalog-right {
    float: right;
    margin-left: 1%;
  }
  #licni-podaci {
    margin-bottom: 20px;
  }
  #podaci-box-nalog {
    border: 1px solid #dcdcdc;
  }
  #podaci-holder-nalog {
    margin-top: 40px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  #podaci-holder-nalog #left,
  #podaci-holder-nalog .Ileft {
    width: 30%;
    float: left;
    color: #888;
    padding-bottom: 25px;
  }
  #podaci-holder-nalog #right,
  #podaci-holder-nalog .Iright {
    float: left;
    width: 60%;
    padding-bottom: 25px;
    font-weight: 600;
    color: #333;
  }
  #podaci-holder-nalog .Ileft,
  #podaci-holder-nalog .Iright {
    padding-bottom: 10px;
    color: #333;
  }
  #podaci-box-nalog #dodatno {
    text-align: center;
    border-top: 1px solid #dcdcdc;
    padding: 8px 0;
    font-size: 14px;
    color: #0c7ebc;
  }
  #podaci-box-nalog .dodatno {
    display: inline-block;
    width: 100%;
  }
  #oceni-prodavca,
  #toggle-textarea {
    background: #fff;
    position: absolute;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: none;
  }
  #podaci-box-nalog #dodatno,
  #podaci-box-nalog #dodatno a {
    color: #0c7ebc;
    cursor: pointer;
  }
  #holder-naruzbina > div {
    width: 31.33%;
    padding: 5px 1%;
    float: left;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
  }
  #holder-vasa-zarada #datum,
  #holder-vasa-zarada #iznos,
  #holder-vasa-zarada #kolicina,
  #holder-vasa-zarada #zarada,
  #holder-vasa-zarada-all #iznos {
    width: 20%;
    text-align: right;
  }
  #holder-vasa-zarada-all > div,
  #holder-vasa-zarada > div {
    padding: 5px 1%;
    float: left;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
  }
  #holder-moje-poruke:last-child,
  #holder-prodaja-polovne-knjige:last-child {
    border-bottom: 1px solid #ccc;
  }
  #holder-naruzbina #br-knjiga,
  #holder-naruzbina #br-narudzbina {
    text-align: right;
  }
  #holder-vasa-zarada #opis {
    width: 54%;
  }
  #holder-vasa-zarada-all #opis {
    width: 76%;
  }
  #podaci-box-nalog #isplata button {
    width: 100%;
    border: 0;
    outline: 0;
    background: #0c7ebc;
    padding: 8px 0;
    cursor: pointer;
    color: #fff;
  }
  .title-moj-nalog {
    font-weight: 600;
    color: #0c7ebc;
  }
  #holder-prodaja-polovne-knjige > div {
    float: left;
  }
  #holder-prodaja-polovne-knjige {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
    height: 80px;
  }
  #aktivna-ponuda,
  #e-knjige-opcije,
  #kupljene-knjige,
  #prodate-knjige {
    margin-top: 50px;
    font-size: 14px;
  }
  #holder-prodaja-polovne-knjige b {
    font-weight: 600;
  }
  #holder-prodaja-polovne-knjige a {
    color: #1e4792;
    font-weight: 600;
    cursor: pointer;
  }
  #holder-prodaja-polovne-knjige #prodaja-slika {
    width: 80px !important;
    margin-right: 0 !important;
  }
  #holder-prodaja-polovne-knjige #prodaja-opis-knjige {
    width: 600px !important;
    margin: 0;
    margin-right: 0 !important;
  }
  #holder-prodaja-polovne-knjige #prodaja-ocena-prodavca {
    width: 300px !important;
    margin-top: 30px;
    margin-right: 0 !important;
  }
  #holder-prodaja-polovne-knjige #prodaja-cena {
    width: 258px !important;
    text-align: right;
    margin-top: 30px;
    float: left;
    margin-right: 0 !important;
  }
  #holder-prodaja-polovne-knjige #prodaja-slika img {
    max-height: 80px;
    max-width: 52px;
    height: auto;
    width: auto;
    margin-right: 0 !important;
  }
  #oceni-prodavca .textarea {
    width: 400px;
    height: 100px;
    margin-top: 20px;
  }
  #oceni-prodavca button {
    width: 150px;
    margin-right: 10px;
    margin-top: 10px;
  }
  #oceni-prodavca {
    padding: 20px;
    border: 1px solid #b8b8b8;
    left: 550px;
    top: 80px;
    z-index: 100;
  }
  #box-prodaja-polovne-knjige #title-bar {
    position: relative;
    height: 50px;
  }
  #box-prodaja-polovne-knjige #title-bar #left {
    float: left;
  }
  #box-prodaja-polovne-knjige #title-bar #right {
    float: right;
  }
  #box-prodaja-polovne-knjige #title-bar .button {
    width: 150px;
    margin-left: 30px;
  }
  #holder-e-knjige #cena-e-knjige,
  #holder-e-knjige #datum-e-knjige,
  #title-holder-e-knjige #cena-e-knjige,
  #title-holder-e-knjige #datum-e-knjige,
  #zarada-e-knjige-p {
    width: 150px !important;
  }
  #holder-unos-knjige input[type="radio"],
  #lista-zelja-holder #delete img {
    margin-left: 20px;
  }
  #holder-moje-poruke #korisnicko-ime {
    width: 150px;
  }
  #holder-moje-poruke {
    border: 1px solid #ccc;
    border-bottom: 0.5px solid #ccc;
    padding: 5px 10px 0;
    height: 25px;
  }
  #holder-unos-knjige .textarea,
  #toggle-textarea .textarea {
    height: 100px;
    resize: vertical;
  }
  #holder-moje-poruke #overflow > div {
    float: left;
    font-size: 14px;
  }
  #holder-moje-poruke #naslov-poruke {
    width: 400px;
  }
  #holder-moje-poruke #text-pruke {
    width: 480px;
  }
  #holder-moje-poruke #datum-poruke {
    width: 200px;
  }
  #holder-moje-poruke #delet-poruke {
    width: 28px;
    text-align: right;
  }
  #holder-e-knjige #check,
  #title-holder-e-knjige #check {
    width: 20px !important;
  }
  #holder-e-knjige #autor-e-knjige,
  #holder-e-knjige #naslov-e-knjige,
  #title-holder-e-knjige #autor-e-knjige,
  #title-holder-e-knjige #naslov-e-knjige {
    width: 400px !important;
  }
  #holder-e-knjige #status-e-knjige,
  #title-holder-e-knjige #status-e-knjige {
    width: 100px !important;
  }
  #holder-e-knjige #delete-e-knjige,
  #title-holder-e-knjige #delete-e-knjige {
    width: 30px !important;
  }
  #datum-e-knjige-p {
    width: 90px !important;
    display: block !important;
    padding-left: 10px;
  }
  #br-nar-e-knjige-p,
  #cena-e-knjige-p,
  #isplata-e-knjige-p {
    width: 100px !important;
  }
  #naslov-e-knjige-p {
    width: 345px !important;
  }
  #kom-e-knjige-p {
    width: 40px !important;
  }
  #pdv-e-knjige-p,
  #provizija-e-knjige-p {
    width: 60px !important;
  }
  #zahtev-e-knjige-p {
    width: 200px !important;
  }
  #naslovi-izdavaca-box #button-izdavaci button {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    padding: 5px 15px !important;
    font-size: 13px !important;
  }
  #moj-nalog-dodaj {
    margin-top: 20px;
  }
  #moj-nalo-selekcija {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  #moj-nalo-selekcija span {
    margin-right: 50px;
  }
  #holder-unos-knjige {
    font-size: 14px;
  }
  #info-unesi-knjigu {
    width: 300px;
    float: right;
  }
  #info-unesi-knjigu #title {
    width: 298px;
    text-align: center;
    background: #ddd;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
  }
  #info-unesi-knjigu #box {
    padding: 20px;
    font-size: 14px;
    color: #333;
    border: 1px solid #888;
    margin-top: -1px;
  }
  #unos-knjige {
    width: 724px;
    float: left;
  }
  #holder-unos-knjige .input,
  #holder-unos-knjige .textarea {
    width: 700px;
    margin-bottom: 20px;
  }
  #holder-unos-knjige input[type="checkbox"] {
    margin-bottom: 20px;
  }
  #holder-unos-knjige .button {
    width: 150px;
    margin-bottom: 20px;
  }
  #holder-unos-knjige a {
    color: #0c7ebc;
  }
  #holder-unos-knjige #title {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #0c7ebc;
  }
  #holder-unos-knjige p {
    margin-bottom: 20px;
  }
  #next-step .button {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 160px;
  }
  #prednosti #content-mid-right {
    margin-top: 20px;
    margin-left: 40px;
  }
  #lista-zelja-holder #delete,
  #lista-zelja-title-bar #delete {
    width: 105px;
  }
  #lista-zelja-holder #slika,
  #lista-zelja-title-bar #slika {
    width: 160px;
  }
  #lista-zelja-holder #naslov,
  #lista-zelja-title-bar #naslov {
    width: 500px;
  }
  #lista-zelja-holder #cena,
  #lista-zelja-title-bar #cena {
    width: 110px;
    margin-right: 30px;
    text-align: right;
  }
  #lista-zelja-holder #sifra,
  #lista-zelja-title-bar #sifra {
    width: 120px;
  }
  #toggle-textarea {
    padding: 20px;
    width: 624px;
    right: 0;
    top: 50px;
    z-index: 200;
  }
  #toggle-textarea .textarea {
    width: 600px;
    z-index: 200;
  }
  #box-scorling #pojedniacna-holder-knjige {
    margin-left: 0 !important;
  }
  #elektronsle-banner #left,
  #elektronsle-banner #right {
    width: 50%;
    float: left;
    position: relative;
  }
  #korpa-holder #redni-broj,
  #korpa-holder-title #redni-broj {
    width: 50px !important;
    text-align: center;
  }
  #korpa-holder #slika-korpa,
  #korpa-holder-title #slika-korpa {
    width: 70px !important;
    padding-left: 10px !important;
  }
  #korpa-holder #naslov-korpa,
  #korpa-holder-title #naslov-korpa {
    width: 390px !important;
    padding-left: 10px;
  }
  #korpa-holder #kolicina-korpa,
  #korpa-holder-title #kolicina-korpa {
    width: 70px !important;
    padding-right: 10px;
    text-align: right;
  }
  #korpa-holder #cena-korpa,
  #korpa-holder-title #cena-korpa {
    width: 90px !important;
    padding-right: 10px;
  }
  #korpa-holder #iznos-korpa,
  #korpa-holder-title #iznos-korpa {
    width: 90px !important;
    padding-right: 10px !important;
  }
  #korpa-holder #izbaci-korpa,
  #korpa-holder-title #izbaci-korpa {
    width: 56px !important;
    position: relative !important;
  }
  #korpa-holder div span {
    padding-top: 25px;
    display: block;
  }
  #korpa-holder-bottom #svega {
    width: 520px !important;
    padding-left: 10px;
  }
  #korpa-holder-bottom #kolicina-korpa {
    width: 60px !important;
    padding-right: 20px;
    text-align: right;
  }
  #korpa-holder-bottom #iznos-korpa {
    width: 190px;
    text-align: right;
  }
  #posalji-narucbinu button {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
  }
  #korpa-box {
    width: 874px;
  }
  #korpa-conetnt {
    width: 1280px;
  }
  #podaci-o-narucbini span {
    width: 200px;
  }
  #podaci-o-narucbini input[type="text"] {
    width: 300px;
  }
  #podaci-o-narucbini select#drzkur {
    width: 300px;
  }
  #podaci-o-narucbini select#ydrzkur {
    width: 300px;
  }
  #promo-kod {
    margin-top: -32px;
  }
  #podaci-o-narucbini input#pib {
    width: 83px;
  }
  #podaci-o-narucbini input#mbr {
    width: 83px;
  }
  #podaci-o-narucbini input#posta-br {
    width: 100px;
  }
  #podaci-o-narucbini textarea {
    outline: 0;
    resize: vertical;
    width: 500px;
    height: 80px;
    padding: 5px;
  }
  #korpa-holder-bottom > div,
  #korpa-holder-title > div,
  #korpa-holder > div {
    float: left;
  }
  #korpa-holder {
    height: 80px;
  }
  #korpa-holder > div {
    height: 80px;
  }
  #korpa-holder #kolicina-korpa input {
    width: 40px;
    padding: 0 5px;
    text-align: right;
    outline: 0;
    margin-top: 25px;
  }
  .profil {
    width: 780px;
    margin-top: 20px;
  }
  .prodavac {
    background: #f0f0f0;
    padding: 8px 20px;
    font-size: 18px;
    color: #16193b;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .user {
    margin: 30px 20px;
    width: 720px;
  }
  .left-side-user {
    width: 250px;
    float: left;
  }
  .filter-pretrage {
    padding: 20px 10px 50px;
  }
  .filter-pretrage div {
    float: left;
  }
  #nav-menu,
  #navbar {
    position: relative;
    z-index: 15 !important;
  }
  .bg-black {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
  }
  .holder-add-carts {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 15%;
    width: 1000px;
    min-height: 200px;
    background: #fff;
    z-index: 100001;
  }
  .carts-left,
  .carts-right {
    float: left;
    width: 42%;
    height: 350px;
    padding: 3% 4%;
  }
  .carts-right {
    background: #fafafa;
    box-shadow: -1px 0 0 #d6d4d4;
  }
  .carts-right .title {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
  }
  .carts-left .artiakl {
    margin-top: 30px;
  }
  .carts-left .artiakl img {
    max-height: 245px;
    max-width: 160px;
    height: auto !important;
    width: auto !important;
    float: left;
  }
  .carts-left .info {
    float: right;
    width: 230px;
    margin-top: 0;
  }
  .content-carts p.naslov {
    font-weight: 700;
  }
  .content-carts p.ukupno {
    margin-top: 80px;
    font-size: 16px;
  }
  .carts-right button {
    margin-top: 140px;
    width: 45%;
    float: left;
    margin-right: 5%;
    padding: 10px 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    outline: 0;
  }
  #korpa {
    position: relative !important;
  }
  #hiden-korpa {
    width: 100%;
    background: #292c57;
    position: absolute;
    top: 119px;
    z-index: 999999;
    display: none;
  }
  #hiden-korpa .holder {
    padding: 10px;
    border-bottom: 1px solid #16193b;
  }
  #hiden-korpa .knjiga {
    float: left;
  }
  #hiden-korpa .info {
    margin-left: 10px;
    width: 120px;
    color: #fff;
    font-size: 12px;
  }
  #hiden-korpa .info a {
    color: #fff;
  }
  #hiden-korpa .knjiga img {
    max-height: 70px;
    max-width: 45px;
    height: auto;
    width: auto;
  }
  #hiden-korpa .info .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  #hiden-korpa .ukupno {
    font-size: 14px;
    color: #fff;
    width: 175px;
  }
  #hiden-korpa button.naplata {
    width: 175px;
    padding: 5px 0;
  }
}
#kontakt-box {
  padding: 3%;
  margin-top: 30px;
}
.udzbenici-naslov {
  font-size: 150%;
  margin: auto;
  color: #494949;
  text-align: center;
}
.skole-info {
  display: flex;
  flex-direction: row;
  margin-top: 25px;
  justify-content: center;
  align-items: center;
  gap: 70px;
  padding-bottom: 30px;
}
.big-razmak {
  gap: 75px;
}
.skola-baner {
  width: 350px;
}
.big-baner {
  width: 400px;
}
.razredi-linkovi {
  display: flex;
  flex-direction: column;
}
.manjine-baner {
  width: 100%;
  max-width: 1000px;
}
.manjine-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  margin-top: 25px;
  gap: 20px;
}
.manjine-linkovi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.manjine-linkovi #arrow-drop {
  height: 9px;
  width: 9px;
  background-image: url(../img/drop-arrow-b.png);
}
.tbudzbenici {
  display: flex;
  flex-direction: column;
}
.skola-udzbenici {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1080px;
  margin: auto;
  margin-bottom: 25px;
}
.skola-tekst {
  padding: 30px 10px 0px 10px;
  border-top: #9a9a9a solid 2px;
  color: #494949;
  margin-top: 30px;
}
.skola-tekst h2 {
  font-size: 17px;
}
.konkatk-strana {
  width: 100%;
  max-width: 780px;
  margin: auto;
}
:root {
  --kk-bg: #ffffff;
  --kk-border: #d6d6d6;
  --kk-text: #0f172a;
  --kk-muted: #475569;
  --kk-title: #0b1b3a;
  --kk-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 10px 20px rgba(0, 0, 0, 0.06);
  --kk-radius: 12px;
  --kk-success: #17a34a;
  --kk-success-bg: #ecfdf3;
  --kk-success-br: #bbf7d0;
  --kk-focus: #2563eb;
}
.kk-alert {
  display: none; 
  align-items: flex-start;
  gap: 12px;
  margin-top: 14px;
  padding: 14px 14px;
  border: 1px solid var(--kk-success-br);
  background: var(--kk-success-bg);
  border-left: 6px solid var(--kk-success);
  border-radius: 10px;
  box-shadow: var(--kk-shadow);
  color: var(--kk-text);
}
.kk-alert.is-visible {
  display: flex;
  animation: kkPopIn 0.22s ease-out both;
}
@keyframes kkPopIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.kk-alert__icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #dcfce7;
  color: var(--kk-success);
  box-shadow: inset 0 0 0 1px rgba(23, 163, 74, 0.18);
  flex: 0 0 auto;
  margin-top: 1px;
}
.kk-alert__content {
  flex: 1 1 auto;
  min-width: 0;
}
.kk-alert__title {
  font-weight: 800;
  font-size: 14px;
  line-height: 1.2;
  margin: 2px 0 4px 0;
}
.kk-alert__text {
  font-size: 13px;
  line-height: 1.35;
  color: #334155;
}
.kk-alert__close {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.65);
  color: #0f172a;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display: grid;
  place-items: center;
  transition:
    transform 0.12s ease,
    background-color 0.12s ease;
  flex: 0 0 auto;
  margin-left: 6px;
}
.kk-alert__close:hover {
  background: rgba(255, 255, 255, 0.95);
  transform: translateY(-1px);
}
.kk-alert__close:active {
  transform: translateY(0);
}
.razredi-linkovi a {
  color: #7c7c7c;
  text-decoration: underline;
  margin: 5px 0px;
}
@media (min-width: 510px) {
  .skole-info {
    border-bottom: #9a9a9a solid 2px;
  }
}
@media (min-width: 1024px) {
  .udzbenici {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 440px) {
  .skole-info {
    flex-direction: column;
    align-items: center;
    overflow-x: auto;
    gap: 30px;
  }
  .big-razmak {
    gap: 35px;
  }
  .skola-baner {
    width: 100%;
  }
  .razredi-linkovi a {
    margin: 10px 0px;
  }
}
@media (max-width: 624px) {
  .jezici-manjina {
    padding: 5px;
    text-align: center;
    text-justify: auto;
  }
}
@media (min-width: 440px) and (max-width: 1024px) {
  .skole-info {
    flex-wrap: wrap;
  }
  .big-razmak {
    gap: 4%;
    flex-wrap: nowrap;
  }
  .big-baner {
    width: 98%;
  }
}
#navbar #selected,
#navbar li {
  background: #fff;
}
#content #content-right,
#content-left,
#korpa,
#pretraga {
  display: none;
}
#menu-toggle,
#toggle-navbar {
  position: absolute;
  left: -9999px;
}
#banner img,
#navbar,
.container {
  width: 100%;
}
@media (max-width: 340px) {
  #toggle-list,
  #toggle-menu div {
    margin-top: 15px;
  }
  #header {
    height: 60px;
    border-bottom: 1px solid #bfbfbf;
  }
  #header #logo img {
    height: 25px;
    padding-top: 15px;
    padding-left: 10px;
  }
  #toggle-menu button {
    padding: 5px;
  }
  #toggle-list {
    float: left;
    margin-left: 0 !important;
  }
  #toggle-list img {
    height: 15px;
  }
  #toggle-list button {
    background: rgba(255, 255, 255, 0);
    border: 0;
    outline: 0;
    cursor: pointer;
    padding: 5px;
  }
  #oblasti hr:last-child {
    border: 0 !important;
  }
  #title-bar {
    font-size: 12px;
    font-weight: 600;
  }
  #title-bar a {
    font-size: 10px;
    color: #fff;
  }
}
#navbar {
  position: absolute;
  top: 61px;
  z-index: 10000;
}
#navbar #nav-menu {
  background: #fff;
  border-bottom: 0;
}
#navbar #nav-menu a {
  color: #3b3b3b;
  font-size: 1.1em;
  text-transform: uppercase;
}
#navbar li {
  float: none;
  padding: 15px 20px;
  border-bottom: 1px solid #bfbfbf;
  border-radius: 0;
}
#nav-menu hr {
  border-top: 1px solid #bfbfbf;
}
#navbar li #img-drop {
  display: block;
  float: right;
  height: 20px;
  width: 20px;
  margin-top: 0;
  background: url(../img/arrow-drop.png) no-repeat;
  background-size: 20px;
}
#logo {
  float: left;
  margin-left: 40px;
}
#header #logo img {
  height: 30px;
  padding-top: 15px;
  padding-left: 10px;
}
#toggle-menu {
  margin-right: 35px;
  float: right;
  position: relative;
}
#toggle-menu div {
  margin-top: 15px;
  display: block;
  float: left;
}
#toggle-menu button {
  padding: 8px;
  background: rgba(255, 255, 255, 0);
  border: 0;
  outline: 0;
  cursor: pointer;
}
#toggle-menu button img,
#toggle-navbar-div img {
  height: 15px;
}
#toggle-navbar-div img {
  padding: 8px;
}
#banner {
  line-height: 0;
}
@media (max-width: 1023px) {
  #toggle-navbar-div {
    margin-top: 15px;
    position: absolute;
    right: 5px;
  }
  #navbar {
    visibility: hidden;
  }
  #link-only-mobile,
  #navbar #nav-menu,
  .only-mobile {
    display: block;
  }
  #holder-prodaja-polovne-knjige #prodaja-slika img,
  #pretraga {
    height: 80px;
  }
  #content-left,
  #pretraga,
  #knjige-meni-opcije {
    top: 61px;
    background: #fff;
  }
  #pretraga-box,
  #toggle-list {
    margin-top: 15px;
    float: left;
  }
  #content-left,
  #header,
  #pretraga,
  #knjige-meni-opcije {
    background: #fff;
  }
  #ostavite-komentar input,
  #ostavite-komentar textarea {
    width: 90%;
    padding: 10px 5%;
    margin-top: 20px;
  }
  #banner,
  #dhl,
  #dostava,
  #footer-info,
  #footer-logo,
  #marker,
  #nacin-placana,
  #naslovna-small,
  #oblasti #title,
  #oblasti li ul,
  #pojedniacna-holder-knjige #arrows,
  #prelistaj,
  #pretplata,
  #top-line,
  #valuta-navbar {
    display: none;
  }
  #footer-box #pretplata {
    display: block;
  }
  #footer-box #pretplata #pretplata-title,
  #footer-box #pretplata #box,
  #footer-box #pretplata #box p {
    margin-bottom: 45px;
  }
  #footer-box #pretplata #pretplata-title #title-text {
    translate: 0px !important;
  }
  #button button,
  #content-left,
  #content-left #oblasti,
  #saznaj-vise-p {
    display: block !important;
  }
  #content-left,
  #header,
  #navbar,
  #knjige-meni-opcije {
    position: fixed;
  }
  #pretraga input,
  #select-valuta,
  #toggle-list button {
    background: rgba(255, 255, 255, 0);
    outline: 0;
  }
  #navbar #nav-menu {
    height: 90%;
  }
  #knjige #title-bar a {
    display: block;
    margin: 0;
    padding: 0;
    color: #b3c5e7;
    margin-top: -7px !important;
    float: rigth;
  }
  #footer {
    background: #35478c;
    margin-top: 60px;
  }
  #footer #footer-box {
    padding-top: 50px;
    border: 1px solid #2f3e7b;
    padding-bottom: 50px;
  }
  #footer #footer-title {
    font-size: 20px;
    color: #fff;
    font-style: italic;
    padding-bottom: 45px;
    line-height: 0;
    text-align: center;
  }
  #footer #footer-list li,
  #footer #footer-list li a {
    font-size: 13px;
    color: #fff;
  }
  #footer #footer-list li {
    padding-bottom: 12px;
    text-align: center;
  }
  #footer #footer-list li img {
    padding: 0 5px;
  }
  #pretraga {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #bfbfbf;
    z-index: 100;
  }
  #pretraga input {
    height: 100%;
    width: 75%;
    border: 0;
    margin-left: 18px;
    font-style: italic;
    color: #aaa;
    font-size: 11px;
  }
  #pretraga-box {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 45px;
    border: 1px solid #35478c;
    border-radius: 50px;
    position: relative;
  }
  #pretraga-box button {
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    border: 0;
    outline: 0;
    padding: 6px 10px;
    top: 3px;
    right: 5px;
    position: relative;
    float: right;
  }
  #nav-menu ul li ul {
    padding-top: 15px;
  }
  #title-bar {
    background: #4e7ac7;
    padding: 10px 5px 10px 10px;
    color: #fff;
    clear: both;
    border-top: 1px solid #bfbfbf;
    font-weight: 600;
  }
  #title-bar a {
    font-size: 12px;
    color: #fff;
  }
  #content-left,
  #knjige-meni-opcije {
    width: 75%;
    z-index: 30;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    border-right: 1px solid #ccc;
    left: -100%;
    margin-left: -3px;
    height: 100%;
    overflow: hidden;
  }
  #knjige-meni-opcije {
    position: fixed !important;
    overflow-y: scroll;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
  }
  #content-left #oblasti {
    height: 200px;
    overflow-y: scroll;
    width: 100%;
  }
  #knjige-meni-opcije #oblast {
    padding: 15px !important;
    font-size: 12px !important;
    border-bottom: 1px solid #ccc !important;
  }
  #navbar #podoblast {
    padding: 5px 5px !important;
    margin: 0px !important;
    font-size: 12px !important;
    border: none !important;
  }
  .noscroll {
    overflow: hidden !important;
    position: fixed;
    height: 100%;
  }
  #last-bottom {
    margin-bottom: 61px;
  }
  #oblasti li {
    padding: 10px 15px;
    border-bottom: 1px solid #dedede;
  }
  #oblasti li ul li {
    border: 0;
  }
  #oblasti li,
  #oblasti li a {
    color: #16193b;
    font-size: 12px;
  }
  #oblasti hr {
    width: 0;
    border-color: #fff !important;
    background: #fff !important;
  }
  #header,
  #pojedinacna-knjige {
    border-bottom: 1px solid #bfbfbf;
  }
  #oblasti hr:last-child {
    border: 0 !important;
  }
  #toggle-list {
    margin-left: 5px;
    position: absolute;
    top: -60px;
    visibility: visible;
  }
  #toggle-list img {
    height: 15px;
  }
  #toggle-list {
    border: 0;
    cursor: pointer;
    padding: 8px;
  }
  label[for="toggle-navbar"],
  label[for="menu-toggle"] {
    z-index: 9999;
    position: relative;
  }
  #menu-toggle:checked ~ #knjige-meni-opcije {
    left: 0;
  }
  html:has(#menu-toggle:checked):has(#toggle-navbar:not(:checked)) #navbar {
    left: -100%;
  }
  html:has(#menu-toggle:checked):has(#toggle-navbar:not(:checked))
    #toggle-list {
    left: 100%;
  }
  html:has(#menu-toggle:checked) body html:has(#toggle-navbar:checked) body {
    overflow: hidden !important;
    position: fixed;
    height: 100%;
  }
  html:has(#toggle-navbar:checked) #pretraga {
    display: hidden;
  }
  #toggle-navbar:checked ~ #navbar,
  html:has(#menu-toggle:checked) #navbar {
    visibility: visible;
  }
  #header {
    height: 60px;
    z-index: 100;
    width: 100%;
  }
  #banner {
    position: relative;
  }
  #naslovna-p {
    line-height: 0;
    width: 50%;
    margin: 5%;
  }
  #naslovna-p img {
    border: 6px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 100%;
  }
  #pojedinacna-mid #naslov {
    width: 30%;
    float: left;
    padding: 5px 20px 20px;
  }
  #pisci-mid-right #title h1 {
    font-size: 18px;
    font-weight: 600;
    position: relative !important;
  }
  #pisci-mid-right #title h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  #pisci-mid-right #pisci-left {
    margin: 0 5%;
    text-align: justify;
  }
  #pisci-mid-right p {
    font-size: 12px;
    font-weight: 400;
  }
  #pisci-right #box-cena {
    width: 89%;
    margin: 20px 5% 0;
    border: 1px solid #4166a5;
  }
  #info-kupac {
    padding-bottom: 20px;
    width: 89%;
    margin: 0 5%;
    text-align: center;
    font-size: 14px;
    color: #979797;
  }
  #info-kupac li,
  #info-kupac span {
    color: #16193b;
  }
  #info-kupac > div {
    margin-top: 20px;
  }
  #holder-prodavac {
    width: 89%;
    margin: 0 5% 40px;
  }
  #pojedinacna-mid #naslov h1 {
    font-size: 16px;
    font-weight: 600;
    color: #0b0b0b;
    margin-bottom: 5px;
  }
  #pojedinacna-mid #naslov .author {
    font-size: 14px;
    font-weight: 400;
    color: #16193b;
    margin-bottom: 20px;
  }
  #o-knjizi,
  #ostavite-komentar {
    margin: 0 5%;
    position: relative;
  }
  #pojedinacna-mid #naslov p {
    font-size: 12px;
    font-weight: 400;
  }
  #o-knjizi #left {
    float: left;
    width: 50%;
    margin-left: 10px;
  }
  #o-knjizi #right {
    margin-right: 10px;
  }
  #komentari #title {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    color: #16193b;
    padding-bottom: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2;
  }
  #komentari #title button {
    color: #fff;
    border: 0;
    outline: 0;
    font-size: 12px;
    padding: 5px 15px;
    background: #0c7ebc;
    text-transform: uppercase;
    float: right;
    cursor: pointer;
    margin-right: 10px;
  }
  #komentari #komentari-box {
    padding: 20px 0;
    margin: 0 20px;
  }
  #komentari #komentar-ime {
    color: #16193b;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  #komentari #komenter {
    font-size: 12px;
    color: #616161;
    line-height: 25px;
    margin: 0 10px;
  }
  #ostavite-komentar {
    height: 320px;
    border-bottom: 1px solid #e2e2e2;
    display: none;
  }
  #ostavite-komentar input {
    outline: 0;
    border: 0;
    border-left: 1px solid #adadad;
    border-top: 1px solid #adadad;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #ostavite-komentar input:focus,
  #ostavite-komentar textarea:focus {
    border: 1px solid #0c7ebc !important;
    -webkit-transition: ease-out all 0.5s;
    -moz-transition: ease-out all 0.5s;
    -o-transition: ease-out all 0.5s;
    transition: ease-out all 0.5s;
  }
  #ostavite-komentar textarea {
    outline: 0;
    border: 0;
    border-left: 1px solid #adadad;
    border-top: 1px solid #adadad;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    resize: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 100px;
  }
  #ostavite-komentar #submit {
    background: #0c7ebc;
    color: #fff;
    border: 0;
    outline: 0;
    cursor: pointer;
    width: 30%;
    padding: 5px 0;
    font-size: 14px;
    position: absolute;
    left: 70%;
    margin-top: 10px;
    border-bottom: 2px solid #0d4d7d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #ostavite-komentar #submit:hover {
    background: #108ed2;
  }
  #ostavite-komentar #submit:active {
    border-top: 2px solid #0d4d7d;
    border-bottom: 0 solid #0d4d7d;
  }
  #rating {
    margin-left: 0 !important;
  }
  #pojedinacna-right {
    margin-bottom: 40px;
  }
  #pojedniacna-holder-knjige #title {
    background: #35478c;
    padding: 15px 5px;
    color: #fff;
    font-weight: 600;
  }
  #pojedinacna-knjige {
    clear: both;
    position: relative;
    padding-bottom: 1.2em;
  }
  #pojedinacna-knjige:last-child {
    border: 0;
  }
  #button button,
  #dodaj-u-korpu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #pojedinacna-knjige #info,
  #pojedinacna-knjige #pojedinacna-naslov {
    width: 10em;
    float: left;
  }
  #pojedinacna-knjige #pojedinacna-naslov img {
    width: 8em;
    padding: 1em;
  }
  #button {
    padding-top: 9.3em;
  }
  #button button {
    padding: 0.2em 0;
    width: 125px;
    background: #4e7ac7;
    border-radius: 5px;
    border: 1px solid #2b5195;
    color: #fff;
    text-shadow: 1px 1px 0 #07537b;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    cursor: pointer;
    margin-top: 0.5em;
    position: relative;
    font-size: 12px;
  }
  #select-valuta,
  #toggle-kurs button {
    font-size: 14px;
    font-weight: 700;
    color: #4e7ac7;
  }
  #button button span {
    margin-left: 20px;
  }
  #pojedinacna-knjige #button button img {
    left: 10px;
    line-height: 0;
    position: absolute;
    height: 1.2em;
  }
  #pojedinacna-right #box-cena,
  #rasprodato {
    margin: 20px;
  }
  #navbar {
    overflow: hidden;
    height: 100%;
  }
  #navbar li {
    clear: both;
  }
  #toggle-kurs button {
    margin-top: -2px;
  }
#select-valuta {
  border: 0;
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
    margin-top: 7px;
    text-align: center;
  }
  #naslovna-strana {
    margin: 1em;
  }
  #naslovna-strana #naslovna {
    padding: 0;
    max-width: 8em;
    max-height: 181px;
    height: auto !important;
    width: auto !important;
  }
  #knjige-holder-4 #about {
    height: 85px;
    overflow: hidden;
  }
  #blog-content {
    margin-top: 0;
  }
  #broj-stranice {
    width: 100%;
    margin-top: 40px;
  }
  #broj-stranice button {
    height: 50px;
    width: 50px;
    background: #555;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    outline: 0;
    border: 1px solid #333;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #525252;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #broj-stranice #left-stranice,
  #broj-stranice #right-stranice {
    height: 50px;
    width: 50px;
    background: #4f7ac8;
    box-shadow: 0 1px 0 #698fd6 inset;
    cursor: pointer;
  }
  #dodaj-u-korpu,
  #saznaj-vise {
    width: 125px;
    background: #4e7ac7;
    text-shadow: 1px 1px 0 #07537b;
    left: 13em;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    position: absolute;
  }
  #broj-stranice #left-stranice {
    float: left;
    border: 1px solid #335ba1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #broj-stranice #left-stranice img,
  #broj-stranice #right-stranice img {
    margin-top: 10px;
    height: 30px;
  }
  #broj-stranice #right-stranice {
    float: right;
    border: 1px solid #335ba1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #porucbina-box-info #strane,
  #registracija #login-box,
  #sifra {
    display: none;
  }
  #info {
    width: 49%;
    padding-top: 1em;
  }
  #knjige-holder {
    border-bottom: 1px solid #bfbfbf;
    clear: both;
    position: relative;
  }
  #box-knjige {
    display: flex;
    flex-direction: column;
  }
  #knjige-holder > div {
    float: left;
  }
  #content-mid-5-knjiga #top-20-title {
    padding: 20px 0;
    font-size: 13px;
    text-align: center;
    color: #0c7ebc;
    margin-top: 4svh;
  }
  #dodaj-u-korpu,
  #info .Snaslov,
  #info .Spisac,
  #info h1,
  #info h2 {
    font-size: 12px;
  }
  #content-mid-5-knjiga #izabrana-oblast {
    padding-top: 0;
  }
  #content-mid-5-knjiga #dodaj-u-korpu {
    left: 14.5em;
  }
  #dodaj-u-korpu {
    padding: 0.2em 0 !important;
    border-radius: 5px;
    border: 1px solid #2b5195;
    top: 14.4em;
  }
  #dodaj-u-korpu img,
  #saznaj-vise img {
    margin-left: 10px;
    line-height: 0;
    position: absolute;
    height: 1.2em;
  }
  #saznaj-vise span {
    margin-left: 40px;
  }
  #dodaj-u-korpu span {
    margin-left: 35px;
  }
  #info .Scena,
  #info h3 {
    font-size: 12px;
    margin-bottom: 5px;
  }
  #info h4 {
    font-size: 10px;
  }
  #saznaj-vise {
    padding: 0.2em 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #2b5195;
    top: 13.2em;
  }
  #holder-k {
    float: left;
    margin-left: 8px;
  }
  #holder-k:first-child {
    float: left;
    margin-left: 3px;
  }
  #kategorije {
    padding-bottom: 30px;
  }
  #kategorije #holder-k a {
    color: #4e7ac7;
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
  }
  #kategorije #holder-k::after {
    content: ">";
    margin-left: 8px;
    font-size: 11px;
    color: #4e7ac7;
  }
  #kategorije #holder-k:last-child::after {
    content: "";
  }
  #login-register-button {
    margin: 5%;
  }
  #login-register-button button {
    background: #0c7ebc;
    border: 0 solid #0d4d7d;
    outline: 0;
    color: #fff;
    padding: 5px 20px;
    cursor: pointer;
    margin-right: 10px;
  }
  .selected-login {
    background: #898989 !important;
  }
  #content-mid-right #login-box {
    width: 80%;
    margin: 5%;
    padding: 5%;
    border: 1px solid #888;
    font-size: 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  #content {
    padding-top: 61px;
  }
  #content-mid-right #login-box #title,
  #konkatk-strana #title {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
    color: #16193b;
    text-transform: uppercase;
  }
  #content-mid-right #login-box input[type="text"],
  #content-mid-right #login-box input[type="password"],
  #content-mid-right #login-box select {
    width: 94%;
    padding: 10px;
    margin: 10px 0;
  }
  #login-box .button {
    margin-top: 10px;
    width: 100%;
  }
  #pisci-right p {
    margin: 40px 5%;
    text-align: justify;
  }
  #pisci-left #title h1 {
    margin-bottom: 20px;
    padding-top: 8px;
  }
  #blog-holder h1,
  #blog-holder h3 {
    font-size: 16px;
  }
  #blog-holder h5,
  #blog-holder p {
    font-size: 12px;
  }
  #content-mid-polovne #naslovna-strana {
    height: 8em;
  }
  #content-mid-polovne #dodaj-u-korpu {
    top: 10em;
  }
  #title-strane-knjige h5 {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #0c7ebc;
    margin: 10px;
  }
  #title-strane-knjige h6 {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
  }
  #porucbina-box-info #title {
    font-size: 14px;
    text-align: center;
    margin: 0 10px;
  }
  #porucbine-holder-info > div {
    text-align: center;
  }
  #porucbine-holder-info {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #999;
  }
  #porucbina-holder .input::-webkit-input-placeholder {
    color: #555;
  }
  #porucbina-holder #num {
    text-align: center;
  }
  #porucbina-holder {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #999;
  }
  #porucbina-holder .input {
    width: 89%;
    padding: 10px 2%;
    margin: 3%;
  }
  #porucbina-holder:nth-child(even) {
    background: #f9f9f9;
  }
  #porucbina-holder:nth-child(odd) {
    background: #f0f0f0;
  }
  #podaci-box {
    margin: 3%;
  }
  #podaci-box #title {
    padding: 10px 0;
    font-size: 16px;
  }
  #podaci-box .input {
    width: 89%;
    padding: 10px 2%;
    margin: 10px 0;
  }
  #holder-prodaja-polovne-knjige #prodaja-slika,
  #naslovi-izdavaca-box #naslov,
  #naslovi-izdavaca-box #pisac {
    margin-right: 10px;
  }
  #podaci-box .button {
    width: 200px;
    margin-top: 20px;
  }
  #podaci-box h6 {
    color: red;
  }
  #naslovi-izdavaci {
    font-size: 14px;
    margin: 0 5%;
  }
  #naslovi-izdavaca-box #button-izdavaci button {
    font-size: 12px;
    padding: 2px 10px;
  }
  #naslovi-izdavaca-box > div {
    text-align: center;
  }
  #naslovi-izdavaca-box {
    clear: both;
    background: #ccf2fd;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #naslovi-izdavaca-box:nth-child(even) {
    background: #a3e8fb;
  }
  #naslovi-izdavaci #title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  #content-mid-polovne #title {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #lista-zelja-holder #delete,
  #lista-zelja-title-bar #delete {
    width: 30px;
  }
  #lista-zelja-holder #slika,
  #lista-zelja-title-bar #slika {
    width: 70px;
  }
  #lista-zelja-holder #naslov,
  #lista-zelja-title-bar #naslov {
    width: 35%;
  }
  #lista-zelja-holder #cena,
  #lista-zelja-title-bar #cena {
    float: right;
    width: 25%;
    margin-right: 10px !important;
    text-align: right;
  }
  #lista-zelja-holder #dodaj-u-korpu {
    position: absolute !important;
    top: 100px;
    left: 30px;
    color: #fff;
  }
  #lista-zelja-holder #delete img {
    height: 20px;
    width: 20px;
    margin-left: 5px;
  }
  #lista-zelja-holder {
    height: 140px;
    position: relative;
  }
  #lista-zelja-title {
    margin-top: 10px !important;
  }
  #licni-podaci #title {
    padding: 5px 0;
    color: #fff;
    text-align: center;
    background: #0c7ebc;
    text-transform: uppercase;
  }
  #link-top-moj-nalog {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  #link-top-moj-nalog a {
    display: inline-block;
  }
  #title-e-knjige {
    padding: 15px 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    text-align: center;
  }
  #content-moj-nalog {
    font-size: 14px;
  }
  #podaci-holder-nalog {
    margin: 10px;
  }
  #podaci-holder-nalog #left,
  #podaci-holder-nalog #right,
  #podaci-holder-nalog .Ileft,
  #podaci-holder-nalog .Iright {
    float: left;
  }
  #podaci-holder-nalog #left,
  #podaci-holder-nalog .Ileft {
    width: 40%;
    color: #888;
  }
  #podaci-holder-nalog #right,
  #podaci-holder-nalog .Iright {
    width: 60%;
  }
  #podaci-holder-nalog .Ileft,
  #podaci-holder-nalog .Iright {
    padding-bottom: 5px;
    color: #333;
  }
  #podaci-box-nalog #dodatno {
    padding: 5px;
    text-align: center;
    border-top: 1px solid #888;
  }
  #podaci-box-nalog .dodatno {
    display: inline-block;
    width: 100%;
  }
  #br-nar-e-knjige-p,
  #cena-e-knjige-p,
  #check input[type="checkbox"],
  #datum-e-knjige-p,
  #holder-e-knjige #datum-e-knjige,
  #isplata-e-knjige-p,
  #kom-e-knjige-p,
  .cart-table-header,
  #moj-nalo-selekcija,
  #moj-nalog-dodaj,
  #oceni-prodavca,
  #pdv-e-knjige-p,
  #provizija-e-knjige-p,
  #title-holder-e-knjige,
  #zahtev-e-knjige-p {
    display: none;
  }
  #holder-naruzbina > div,
  #holder-prodaja-polovne-knjige > div,
  #holder-vasa-zarada-all > div,
  #holder-vasa-zarada > div {
    float: left;
  }
  #elektronsle-banner #left,
  #elektronsle-banner #right,
  #holder-e-knjige > div {
    float: none;
  }
  #holder-naruzbina {
    clear: both;
    border-bottom: 1px solid #ccc;
  }
  #holder-naruzbina #status,
  #holder-vasa-zarada #opis {
    width: 50%;
  }
  #holder-naruzbina #br-narudzbina {
    width: 20%;
    text-align: right;
    padding: 2px 0;
  }
  #holder-naruzbina #br-knjiga,
  #holder-vasa-zarada #datum,
  #holder-vasa-zarada #kolicina,
  #holder-vasa-zarada-all #iznos {
    width: 20%;
    text-align: right;
  }
  #holder-vasa-zarada,
  #holder-vasa-zarada-all {
    clear: both;
  }
  #holder-vasa-zarada #iznos,
  #holder-vasa-zarada #zarada {
    width: 30%;
    text-align: right;
  }
  #holder-vasa-zarada-all #opis {
    width: 80%;
  }
  #podaci-box-nalog #isplata button {
    width: 100%;
    border: 0;
    outline: 0;
    background: #0c7ebc;
    padding: 8px 0;
    cursor: pointer;
    color: #fff;
  }
  #holder-prodaja-polovne-knjige {
    border-top: 1px solid #ccc;
    position: relative;
    clear: both;
    padding-top: 10px;
  }
  #aktivna-ponuda,
  #e-knjige-opcije,
  #kupljene-knjige,
  #prodate-knjige {
    margin-top: 50px;
    font-size: 14px;
  }
  #holder-prodaja-polovne-knjige b {
    font-weight: 600;
  }
  #holder-prodaja-polovne-knjige a {
    color: #1e4792;
    font-weight: 600;
    cursor: pointer;
  }
  #holder-prodaja-polovne-knjige #prodaja-ocena-prodavca {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  #holder-prodaja-polovne-knjige #prodaja-cena {
    text-align: right;
    margin-top: 30px;
    float: right;
    margin-bottom: 10px;
  }
  #box-prodaja-polovne-knjige #title-bar {
    background-color: transparent;
    padding: 0;
    color: #333;
    border: 0;
    font-weight: 400;
  }
  #oceni-prodavca .textarea {
    height: 100px;
    margin-top: 20px;
    width: 90%;
  }
  #oceni-prodavca button {
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px 10px;
  }
  #oceni-prodavca {
    background: #fff;
    width: 90%;
    padding: 5%;
    top: 80px;
    z-index: 100;
    margin: 0;
  }
  #moj-nalog-box-button button {
    clear: both;
    width: 100%;
    padding: 10px 0;
  }
  #moj-nalog-box-button input {
    width: 89% !important;
    margin: 5%;
  }
  #vasi-generisani-uslovi {
    z-index: 300;
    position: relative;
  }
  #toggle-textarea {
    background: #fff;
    width: 100%;
    z-index: 200;
    display: none;
    border: 0;
    top: 0;
    position: relative;
    border-bottom: 1px solid #888;
    padding-bottom: 20px;
  }
  #toggle-textarea .textarea {
    resize: vertical;
    width: 90%;
    margin: 3%;
    padding: 2%;
    height: 100px;
    z-index: 200;
  }
  #toggle-textarea .button {
    width: 150px;
    margin-left: 3%;
  }
  #box-prodaja-polovne-knjige #title-bar a {
    color: #333;
  }
  #box-prodaja-polovne-knjige #title-bar #right {
    float: right;
  }
  #box-prodaja-polovne-knjige #title-bar #left {
    float: left;
  }
  #holder-moje-poruke:first-child {
    border-top: 1px solid #ccc;
  }
  #holder-moje-poruke {
    clear: both;
    height: auto !important;
    width: 98%;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 5px 0;
  }
  #overflow {
    width: 90%;
    overflow: hidden;
  }
  #holder-moje-poruke #korisnicko-ime {
    width: 150px;
  }
  #holder-moje-poruke #naslov-poruke {
    width: 400px;
  }
  #holder-moje-poruke #text-pruke {
    width: 480px;
  }
  #holder-moje-poruke #datum-poruke {
    width: 200px;
  }
  #holder-moje-poruke #delet-poruke {
    position: absolute;
    top: 30%;
    right: 0;
    font-size: 20px;
  }
  #uslovi-i-pravila {
    text-align: center;
    color: #555;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  #uslovi-i-pravila:hover {
    text-decoration: none;
  }
  #holder-e-knjige {
    clear: both;
    height: auto;
    position: relative;
    border: 0;
    border-top: 1px solid #ccc;
  }
  #holder-e-knjige #delete-e-knjige {
    position: absolute;
    top: 40%;
    right: 5px;
  }
  #naslov-e-knjige-p {
    width: 80%;
  }
  #kupljene-knjige #title-holder-e-knjige,
  #prodate-knjige #title-holder-e-knjige {
    display: block;
  }
  #banner-holder .textarea {
    width: 90%;
    height: 150px;
  }
  #box-scorling #pojedniacna-holder-knjige {
    clear: both;
  }
  #elektronsle-banner #right {
    margin-bottom: 50px;
  }
  #korpa-box {
    margin: 20px 2% 0;
  }
  #podaci-o-narucbini span {
    width: 35%;
  }
  #podaci-o-narucbini input[type="text"] {
    width: 60%;
  }
  #podaci-o-narucbini select#drzkur {
    width: 60%;
  }
  #podaci-o-narucbini select#ydrzkur {
    width: 60%;
  }
  #title-bar-korpa span {
    width: 80%;
  }
  #podaci-o-narucbini textarea {
    width: 96%;
  }
  #posalji-narucbinu button,
  .profil {
    width: 100%;
    margin-top: 20px;
  }
  .checkout-main {
    margin-top: 60px;
  }
  .cart-table {
    overflow: visible;
    white-space: normal;
  }
  .cart-table-header {
    display: none;
  }
  .cart-row {
    display: block;
    position: relative;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 8px 38px 10px 62px;
    background: #fff !important;
  }
  .cart-row:last-child {
    border-bottom: 1px solid #ccc;
  }
  .cart-cell {
    display: block;
    border-bottom: none !important;
    padding: 3px 0 !important;
    font-size: 13px !important;
  }
  .cart-product {
    display: block !important;
    align-items: flex-start !important;
    margin-bottom: 4px;
  }
  .cart-product img {
    width: 42px !important;
    flex: 0 0 auto;
    position: absolute;
    left: 8px;
    top: 10px;
  }
  .cart-qty::before {
    content: "Količina: ";
  }
  .cart-qty input {
    width: 34px !important;
    padding: 0 4px;
    text-align: right !important;
  }
  .cart-price::before {
    content: "Cena: ";
  }
  .cart-price span,
  .cart-total span {
    display: block;
  }
  .cart-availability::before {
    content: "Dostupnost: ";
    color: #000;
  }
  .cart-total {
    display: block;
  }
  .cart-total::before {
    content: "Iznos: ";
  }
  .izbaci-cart {
    position: absolute;
    top: 6px;
    right: 6px;
    width: auto !important;
    padding: 0 !important;
  }
  .remove-btn {
    font-size: 36px !important;
  }
  .checkout-container {
    flex-direction: column;
  }
  .checkout-summary {
    position: static;
  }
  .checkout-step:not(#step-1) .step-footer {
    flex-wrap: nowrap;
    gap: 8px;
  }
  .checkout-step:not(#step-1) .step-footer > .btn-secondary {
    flex: 0 0 auto;
  }
  .checkout-step:not(#step-1) .step-footer > .btn-primary {
    flex: 1 1 auto;
    white-space: normal;
  }
  #step-1 .left-buttons {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }
  #step-1 .left-buttons > button:not(#cartContinueCheckout) {
    width: 100%;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    min-height: 42px;
    font-size: 13px;
    line-height: 1.2;
    white-space: normal;
  }
  #cartContinueCheckout {
    order: 3;
    grid-column: 2;
    justify-self: end;
    text-wrap: nowrap;
    margin-top: 10px;
  }
  #empty-cart {
    order: 2;
    margin-left: 0;
  }
  #podaci-o-narucbini input#pib {
    width: 15%;
  }
  #podaci-o-narucbini input#mbr {
    width: 15%;
  }
  #podaci-o-narucbini input#posta-br {
    width: 100px;
  }
  .prodavac {
    background: #f0f0f0;
    padding: 8px 20px;
    font-size: 18px;
    text-transform: uppercase;
    color: #16193b;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .user {
    margin: 30px 20px;
    width: 100%;
  }
  .user_ocene {
    padding: 0 !important;
  }
  .left-side-user {
    width: 50%;
    float: left;
  }
  .linkovi-korisnika a:hover {
    text-decoration: underline;
  }
  .ocene {
    width: 100%;
  }
  .user_ocene li {
    width: 100%;
  }
  .user-left,
  .user-right {
    font-size: 14px !important;
  }
  .filter-pretrage {
    padding: 20px 10px 50px;
    height: 100px;
  }
  .user_ocene .datum {
    width: 100%;
    display: inline;
  }
  .user_ocene .knjiga {
    width: 100%;
  }
  .user_ocene .ocena {
    width: 100%;
    font-weight: 400;
  }
  .user_ocene .komentar {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .user_ocene .ocenu-dao {
    width: 100%;
  }
  .user-left {
    width: 23% !important;
    padding-left: 2%;
    float: left !important;
  }
  .user-right {
    width: 75% !important;
    float: right !important;
  }
  .user_ocene li span {
    padding: 5px 0;
  }
  #hide-all {
    display: block;
  }
  #hide-all:last-child {
    display: none;
  }
  #content-mid-polovne #info {
    margin-left: 10px;
  }
  .filter-pretrage div {
    margin-bottom: 10px;
    float: none !important;
  }
  .filter-pretrage select {
    width: 50%;
  }
  .bg-black {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    background: #fff;
    z-index: 100000;
  }
  #prompt {
    border-radius: 0;
    position: fixed !important;
    width: 100% !important;
    background: #fff !important;
    z-index: 100001 !important;
    top: 0 !important;
    left: 0 !important;
    padding: 40px 0 !important;
  }
  #prompt_txt {
    padding: 0 !important;
  }
  .holder-add-carts {
    position: fixed;
    width: 100%;
    min-height: 200px;
    background: #fff;
    z-index: 100001;
  }
  .carts-left {
    background: #fff;
    padding-bottom: 10px !important;
  }
  .carts-left,
  .carts-right {
    width: 90%;
    padding: 1% 5%;
    height: 48%;
    position: relative;
  }
  .carts-right {
    background: #fafafa;
    box-shadow: 0 -1px 0 #d6d4d4;
    top: 50%;
    padding-top: 10px;
  }
  .carts-right .title {
    border-bottom: 1px solid #555;
    padding-bottom: 10px;
    position: relative;
    top: 75px;
  }
  .carts-left .artiakl {
    margin-top: 15px;
    height: 60%;
    position: relative;
    display: flex;
  }
  .carts-left .artiakl img {
    height: 100%;
    float: left;
  }
  .carts-left .info {
    float: left;
    margin-left: 20px;
  }
  .carts-close img {
    right: 24px;
  }
  .content-carts p.naslov {
    font-weight: 700;
    text-transform: uppercase;
  }
  .content-carts p.ukupno {
    margin-top: 20px;
    font-size: 16px;
    position: relative;
    top: 75px;
  }
  .carts-right button {
    margin-top: 20px;
    width: 45%;
    float: left;
    margin-right: 5%;
    padding: 10px 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    outline: 0;
    position: relative;
    top: -90px;
  }
  .update-naslov {
    font-family: "Capriola", sans-serif !important;
  }
  .podoblasti-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    margin: 5px 10px !important;
  }
  .oblasti-naslov {
    font-weight: 600 !important;
    font-size: 36px !important;
    margin: 40px 0px;
    top: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
  }
  .ordering {
    flex-direction: row-reverse !important;
    top: 0px !important;
    right: 40px !important;
  }
  .filter {
    left: -180px !important;
  }
  .filterForm {
    position: fixed !important;
    width: 100% !important;
    min-height: 200px !important;
    background: #fff !important;
    z-index: 100001 !important;
    left: 0px !important;
    border-radius: 24px;
    top: 160px !important;
  }
  .filter-content {
    background: #b9e1f4 !important;
    width: 75%;
    margin: 10px 25px !important;
    padding: 10px 15px !important;
    color: #0b0b0b;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 400;
    z-index: 10;
    position: relative;
  }
  #filter-box-title {
    display: block !important;
    margin: 15px 25px !important;
    color: #0e60ab;
    font-family: "Inter";
    font-size: 20px;
    font-weight: 400;
  }
  #prikazi-sve {
    width: 120px !important;
    margin: 15px 0 !important;
  }
}
@media (min-width: 768px) {
  #toggle-list button,
  #toggle-menu button {
    padding: 10px;
    line-height: 0;
  }
  #korpa-holder #cena-korpa,
  #korpa-holder #iznos-korpa,
  #korpa-holder #kolicina-korpa,
  #korpa-holder-title #cena-korpa,
  #korpa-holder-title #iznos-korpa,
  #korpa-holder-title #kolicina-korpa {
    width: 10%;
    margin-left: 0;
    padding-right: 10px;
    text-align: right;
  }
  #toggle-list button {
    margin-left: 10px;
    margin-right: 10px;
  }
  #toggle-list {
    margin-top: 13px;
  }
  #content-mid-5-knjiga #top-20-title {
    border-bottom: 1px solid #bfbfbf;
    font-size: 16px;
  }
  #toggle-menu {
    margin-right: 20px;
  }
  #toggle-menu div {
    margin-top: 13px;
    margin-left: 5px;
  }
  #knjige-holder-4 #knjige-holder,
  #pojedinacna-knjige {
    float: left;
    clear: none;
  }
  #ostavite-komentar input,
  #ostavite-komentar textarea {
    width: 96%;
    padding: 10px 2%;
  }
  #ostavite-komentar #submit {
    width: 20%;
    left: 80%;
  }
  #ostavite-komentar #submit:hover {
    background: #108ed2;
  }
  #ostavite-komentar #submit:active {
    border-top: 2px solid #0d4d7d;
    border-bottom: 0 solid #0d4d7d;
  }
  #dostava {
    vertical-align: central;
  }
  #naslovna-p {
    line-height: 0;
  }
  #lista-zelja-holder #dodaj-u-korpu {
    position: relative;
    top: 0 !important;
    left: 0 !important;
  }
  #lista-zelja-holder {
    height: 100px;
  }
  #holder-e-knjige #autor-e-knjige,
  #lista-zelja-holder #naslov,
  #lista-zelja-title-bar #naslov,
  #naslov-e-knjige-p {
    width: 30%;
  }
  #lista-zelja-holder #cena,
  #lista-zelja-title-bar #cena {
    float: left;
    width: 20%;
    margin-right: 30px;
    text-align: right;
  }
  #lista-zelja-holder #sifra,
  #lista-zelja-title-bar #sifra,
  #zarada-e-knjige-p {
    width: 10%;
  }
  #lista-zelja-holder #buttons {
    position: relative;
  }
  #korpa-holder-title,
  #prodate-knjige #title-holder-e-knjige,
  #sifra {
    display: block;
  }
  #holder-prodaja-polovne-knjige #prodaja-opis-knjige {
    margin-right: 100px;
  }
  #br-nar-e-knjige-p,
  #datum-e-knjige-p {
    display: none;
  }
  #kom-e-knjige-p {
    display: block;
    width: 5%;
  }
  #cena-e-knjige-p,
  #isplata-e-knjige-p,
  #pdv-e-knjige-p,
  #provizija-e-knjige-p {
    display: block;
    width: 10%;
  }
  #zahtev-e-knjige-p {
    display: block;
    width: 15%;
  }
  #holder-e-knjige > div {
    float: left;
  }
  #holder-e-knjige {
    height: 50px;
  }
  #holder-e-knjige #naslov-e-knjige {
    width: 40%;
  }
  #holder-e-knjige #cena-e-knjige {
    width: 100px;
  }
  #holder-e-knjige #delete-e-knjige {
    top: 20px;
  }
  #holder-e-knjige-p {
    clear: both;
    border: 0;
    border-top: 1px solid #888;
    padding: 10px 0;
    height: 20px;
  }
  #holder-e-knjige-p:last-child {
    border-top: 1px solid #888;
    border-bottom: 0 solid #888;
  }
  #elektronsle-banner #left,
  #elektronsle-banner #right {
    width: 50%;
    float: left;
    position: relative;
  }
  #korpa-holder-title > div,
  #korpa-holder > div {
    float: left !important;
    clear: none !important;
  }
  #korpa-holder {
    clear: both;
    border: 0;
    height: 80px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-bottom: 0;
  }
  #korpa-holder > div {
    height: 80px;
    border-right: 1px solid #ccc;
  }
  #korpa-holder #redni-broj,
  #korpa-holder-title #redni-broj {
    display: block;
    width: 40px;
    text-align: center;
  }
  #korpa-holder #slika-korpa,
  #korpa-holder-title #slika-korpa {
    float: left;
    width: 10%;
  }
  #korpa-holder #naslov-korpa,
  #korpa-holder-title #naslov-korpa {
    width: 42%;
  }
  #korpa-holder #cena-korpa,
  #korpa-holder-title #cena-korpa {
    display: block;
  }
  #korpa-holder #izbaci-korpa,
  #korpa-holder-title #izbaci-korpa {
    position: absolute;
    width: 70px;
    right: 0;
  }
  #korpa-holder div span {
    padding-top: 25px !important;
    display: block;
  }
  #korpa-holder #kolicina-korpa input {
    padding: 0 5px;
    text-align: right;
    outline: 0;
    margin-top: 25px;
  }
  #korpa-holder #cena-korpa::before,
  #korpa-holder #iznos-korpa::before,
  #korpa-holder-title #iznos-korpa {
    content: "";
  }
}
@media (min-width: 480px) {
  #elektronsle-banner #left,
  #elektronsle-banner #right {
    width: 50%;
    float: left;
    position: relative;
  }
  #pojedinacna-left {
    float: left;
    width: 30%;
    margin: 10px 5%;
  }
  #naslovna-p {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #naslovi-izdavaci {
    font-size: 14px;
    margin: 0 5%;
  }
  #naslovi-izdavaca-box #button-izdavaci button {
    font-size: 12px;
    padding: 2px 10px;
  }
  #naslovi-izdavaca-box #button-izdavaci {
    float: right;
    margin-right: 5px;
    margin-top: -2px;
  }
  #naslovi-izdavaca-box > div {
    float: left;
    text-align: left;
  }
  #naslovi-izdavaca-box {
    clear: both;
    height: 15px;
    background: #ccf2fd;
    padding-top: 5px;
  }
  #naslovi-izdavaci #title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  #naslovi-izdavaca-box #naslov,
  #naslovi-izdavaca-box #pisac {
    width: 30%;
  }
  #kupljene-knjige #title-holder-e-knjige,
  #prodate-knjige #title-holder-e-knjige {
    display: block;
  }
  .profil {
    width: 100%;
    margin-top: 20px;
  }
  .prodavac {
    background: #f0f0f0;
    padding: 8px 20px;
    font-size: 18px;
    text-transform: uppercase;
    color: #16193b;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .user {
    margin: 30px 20px;
    width: 100%;
  }
  .user_ocene {
    padding: 0 !important;
  }
  .left-side-user {
    width: 50%;
    float: left;
  }
  .linkovi-korisnika a:hover {
    text-decoration: underline;
  }
  .ocene {
    width: 100%;
  }
  .user_ocene li {
    width: 100%;
  }
  .filter-pretrage {
    padding: 20px 10px 50px;
  }
  .filter-pretrage div {
    float: left;
  }
  .user_ocene .datum {
    width: 13%;
    font-size: 12px;
  }
  .user_ocene .knjiga {
    width: 28%;
    font-size: 12px;
  }
  .user_ocene .ocena {
    width: 13%;
    font-size: 12px;
  }
  .user_ocene .komentar {
    width: 31%;
    font-size: 12px;
    white-space: normal !important;
  }
  .user_ocene .ocenu-dao {
    width: 15%;
    font-size: 12px;
  }
  .user-left,
  .user-right {
    width: 100% !important;
    font-size: 14px !important;
  }
  .user-left {
    float: left !important;
  }
  .user-right {
    float: right !important;
  }
  #hide-all {
    display: none;
  }
}
body,
html {
  overflow-x: hidden;
}
#navbar #nav-menu {
  max-height: 90vh !important; 
  border-bottom: 0px !important;
  padding-bottom: 4px;
}
#navbar #selected {
  background: #0c7ebc !important;
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-topright: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
#navbar li {
  float: left !important;
  padding: 5px 20px 8px !important;
  margin: 6px 10px 0 !important;
  background: 0 0 !important;
  font-size: 14px !important;
  border: 0 !important;
  font-weight: 600; 
}
#oblasti,
#pretplata #box {
  background: #fff;
  border-bottom: 2px solid #224184;
}
.valuta-selected {
  border: 0 !important;
  background: #0c7ebc !important;
}
#valuta-navbar button {
  padding: 5px 8px !important;
}
.override-trziste {
  font-style: italic;
  color: #224184;
  text-align: center;
  font-size: 24px;
}
#title-bar {
  background: #224184;
}
#knjige #title-bar {
  margin: 0px;
}
#knjige #title-bar h2 {
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-left: 0px !important;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 300;
  text-transform: normal;
  padding-left: 8px;
}
#knjige #title-bar a,
#knjige #title-bar h2 a {
  color: red;
  color: #fff !important;
  font-weight: 400;
  font-style: normal !important;
  text-transform: none !important;
  margin-right: 8px;
}
#knjige #title-bar a {
  font-size: 12px;
}
#knjige #title-bar h2 {
  font-size: 16px;
  font-weight: 600; 
  text-transform: uppercase; 
}
#content-mid.override {
  width: 975px !important;
  margin: 0 0px 0 25px !important;
  padding-top: 0;
}
#title-bar.title-override {
  width: 975px !important;
}
#oblasti {
  padding-left: 20px !important;
}
#content-left {
  width: 280px;
}
#knjige-holder-4 #box-bg {
  width: 1280px;
}
#knjige #title-bar {
  width: 1280px !important;
}
#box-knjige {
  width: 1280px;
  background: #fff !important;
  display: flex;
  justify-content: space-between;
}
.books-grid__items {
  width: 100%;
}
#knjige-holder-4.books-grid {
  --book-cover-width: 165px;
}
#knjige-holder-4.books-grid
  > .books-grid__items
  > a
  > #knjige-holder
  #naslovna-strana {
  width: var(--book-cover-width) !important;
  aspect-ratio: 33 / 47;
}
#knjige-holder-4.books-grid
  > .books-grid__items
  > a
  > #knjige-holder
  #naslovna-strana
  img,
#knjige-holder-4.books-grid
  > .books-grid__items
  > a
  > #knjige-holder
  #naslovna-strana
  #naslovna {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}
#knjige-holder-4 #box-knjige {
  padding-top: 20px;
}
#info .Snaslov,
#info h1 {
  text-transform: none;
  height: 40px;
  vertical-align: middle;
  overflow: hidden !important;
  white-space: normal !important;
}
#info .Snaslov {
  margin-bottom: 8px !important;
}
#banner {
  margin-top: 0px;
}
#naslov {
  display: table-cell;
}
#naslov a {
  vertical-align: middle;
  display: table-cell;
}
#knjige-holder-4 #info .Snaslov,
#knjige-holder-4 #info h1,
#pojedinacna-knjige #info .Snaslov {
  display: block;
  height: 40px;
  overflow: hidden !important;
}
.dodaj-korpa-override {
  position: relative;
  width: 100%;
}
.dodaj-korpa-override button {
  position: absolute;
  right: 0px;
  cursor: pointer;
  height: 28px;
  width: 46px;
  border: 1px solid #0a2258;
  background-image: url("../img/korpa-icon-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px auto;
  background-color: #224184;
}
.dodaj-korpa-override .override-cena {
  line-height: 25px;
  vertical-align: bottom;
}
#knjige-holder-4 #info h3 span {
  font-size: 13px;
}
#banner {
  width: 1280px;
  margin-bottom: 60px;
}
#banner img {
  width: 1280px;
}
#slidshow-box {
  height: 310px;
}
.dodaj-korpa-override .override-cena b {
  font-weight: 700 !important;
}
#knjige {
  background: #fff;
}
#knjige-holder {
  height: 400px;
}
#pretplata #pretplata-title {
  height: 35px;
  background: #224184;
  font-size: 18px;
  color: #fff;
  line-height: 35px;
  padding-left: 10px;
}
#footer-box #pretplata #pretplata-title,
#footer-box #pretplata #box,
#footer-box #pretplata #box p {
  background: #35478c !important;
  color: #fff !important;
  border: none !important;
}
#footer-box #pretplata #box #email {
  position: relative !important;
  height: 50px !important;
  border: #fff 1px solid !important;
}
#footer-box #pretplata #box #email::placeholder {
  color: #fff !important;
}
#footer-box #pretplata #pretplata-title #title-text {
  font-size: 18px;
  color: #fff;
  line-height: 35px;
  translate: -20px;
}
#footer-box #pretplata .override-preptalti {
  margin-top: 0px !important;
}
#pretplata #pretplata-title span {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  float: left;
  line-height: 0px;
}
#pretplata #pretplata-title img {
  padding-top: 6px;
  padding-right: 12px;
}
#pretplata #box {
  padding: 15px 10px 35px;
}
.override-email {
  position: relative;
  height: 50px;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #c9c9c9;
}
#pretplata #email {
  width: 100%;
  height: 20px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  padding: 0 8px !important;
  background: red;
  position: absolute;
  bottom: 23px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  box-sizing: border-box;
  border-color: #fff;
  box-shadow: 0 !important;
}
#pretplata #box {
  position: relative;
  height: 215px;
  box-sizing: border-box;
}
#pretplata #box.sec {
  height: 160px !important;
}
#pretplata #box.tri {
  height: 180px !important;
  border-bottom: 2px solid #652f84;
}
#pretplata.cetiri {
  padding-top: 20px !important;
}
#pretplata.cetiri #box {
  border-bottom: 0px solid #652f84;
}
#pretplata.cetiri #box img {
  margin-left: 30px;
  cursor: pointer;
}
#navbar li {
  color: #fff;
}
#navbar li:hover {
  color: #49b1ea !important;
}
.override-email .unesite-email {
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 10px;
  color: #b3b3b3;
  background: #ededed;
  height: 20px;
  width: 100%;
  line-height: 16px;
  margin: auto;
}
.override-email .override-title {
  position: absolute;
  width: 45px;
  left: 10px;
  background: #fff;
  color: #c9c9c9;
  top: -10px;
  font-size: 14px;
  margin: auto;
  text-align: center;
}
.override-preptalti {
  cursor: pointer;
  left: 0;
  right: 0;
  bottom: 25px;
  margin: auto;
  background: #0c7ebc;
  color: #fff;
  width: 90px;
  height: 30px;
  font-size: 12px;
  border: 0px;
  border-bottom: 2px solid #35a8e7;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}
.override-preptalti:hover {
  background: #35a8e7;
  border-bottom: 2px solid #0c7ebc;
}
.override-cards li {
  float: left;
}
.override-text {
  margin-top: 60px;
  font-size: 14px;
  color: #575757;
}
.footer-margin {
  margin-bottom: 80px;
}
.override-text p {
  padding-top: 20px;
}
.override-list {
  margin-bottom: 45px;
}
.override-list li {
  padding: 5px 0 !important;
}
.override-list img {
  vertical-align: middle;
  margin-right: 12px;
}
#footer {
  width: 100vw;
}
#lista-zelja {
  margin-top: -5px;
}
.override-prijava {
  padding: 0 30px;
  line-height: 28px;
  cursor: pointer;
  color: #fff;
  background: #224184;
  border: 1px solid #2b4e9a;
}
.override-registracija {
  margin-left: 6px;
  padding: 0 30px;
  line-height: 28px;
  cursor: pointer;
  color: #fff;
  background: #0c7ebc;
  border: 1px solid #0e5a83;
  box-sizing: border-box;
}
#prelistaj button {
  position: relative;
  width: 100%;
  padding: 0px 0px;
  color: #224184;
  font-size: 18px;
  background: transparent;
  border: 3px solid #224184;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  outline: 0;
  vertical-align: middle;
  height: 55px;
  font-weight: bold;
}
#prelistaj button img {
  margin-right: 20px;
  vertical-align: middle;
  margin-left: -45px;
}
#pojedinacna-mid #naslov p.overider-p {
  width: 700px !important;
  line-height: 1.5;
}
#vaucer img {
  margin-top: 20px;
  width: 280px;
}
.prelistaj {
  cursor: pointer;
  background: transparent;
  border: 2px solid #224184;
  box-sizing: border-box;
  padding: 4px 0px;
  width: 70%;
  font-size: 18px;
  color: #224184;
}
.prelistaj img {
  height: 30px;
  vertical-align: middle;
  margin-left: -10px;
  margin-right: 10px;
}
iframe {
  margin-bottom: 2px;
}
.overider-p {
  text-rendering: geometricPrecision;
}
.ispod-opisa {
  position: relative;
  width: 700px;
  height: auto;
  padding-top: 20px;
  color: #222;
  font-size: 14px;
}
.prelistaj-knjug {
  float: left;
  margin-right: 20px;
}
.prelistaj-knjug:hover {
  text-decoration: underline;
  cursor: pointer;
}
.prelista-image {
  display: inline-block;
  height: 20px;
  width: 30px;
  text-decoration: underline;
  background: url("../img/open-book.png") no-repeat;
  vertical-align: middle;
}
.prelistaj-knjug:hover {
  color: #0c7ebc;
}
.prelistaj-knjug:hover > .prelista-image {
  background-position: 0px -20px;
}
.vise-detalja {
  float: right;
}
.vise-detalja:hover {
  color: #0c7ebc;
  cursor: pointer;
  text-decoration: underline;
}
.vise-detalja-image {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  background: url("../img/dots.png") no-repeat;
}
.vise-detalja:hover > .vise-detalja-image {
  background-position: 0px -20px;
}
.opis-knjige {
  background: red;
  width: 100%;
  font-size: 14px;
}
.override-opis {
  width: 700px !important;
  font-size: 14px;
  float: left;
  margin-right: 40px;
}
.override-opis .title {
  margin-bottom: 20px;
  font-size: 22px;
  color: #224184;
}
.override-opis-knjige {
  float: left;
  box-sizing: border-box;
  border: 1px solid #c2c2c2;
  width: 370px;
  margin-top: 40px;
  padding: 15px 15px;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.dostva {
  margin-top: 20px;
}
.kljucne-reci {
  margin-top: 20px;
}
#komentari {
  margin-top: 40px;
}
.vaucer {
  width: 100%;
  margin-top: 50px;
}
.vaucer .text-vaucer {
  font-weight: bold;
  margin-bottom: 10px;
}
.vaucer .vaucer-image {
  margin-top: 20px;
}
.vaucer .vaucer-image img {
  width: 340px;
}
#knjige-holder-4 #info .Spisac a {
  font-size: 11px !important;
}
#knjige-holder-4 #info .Spisac a {
  color: #999 !important;
}
#knjige-holder-4 #info .Snaslov {
  display: table-cell;
  overflow: hidden;
  word-break: normal;
  font-size: 13px !important;
  font-weight: normal;
  width: 100%;
}
#pojedinacna-knjige #info .Spisac {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#cena {
  padding-top: 5px;
}
#knjige-holder-4 #info h3 {
  font-size: 14px;
}
#title h2,
#komentari #title {
  font-style: normal !important;
}
.pojedinace-knjige {
  font-size: 13px;
  color: #4e7ac7;
  position: relative;
  margin-top: 46%;
}
#pojedinacna-polica #pojedinacna-knjige {
  margin: 20px 12px;
  margin: 20px 0; 
}
#knjige-holder {
  padding: 0px;
  margin: 15px;
  height: 380px;
  margin-top: 30px;
}
#knjige-holder .Spisac a:hover {
  text-decoration: underline;
}
#knjige-holder .Snaslov a:hover {
  text-decoration: underline;
  color: #0c7ebc !important;
}
.override-cena {
  color: #224184;
  font-size: 14px;
}
.mob-udz-filt {
  float: right;
}
.kk-baner {
  width: 630px;
}
#udzbenici-opcije {
  display: none;
}
@media (min-width: 1024px) {
  .oblasti-naslov {
    top: -25px;
    margin-right: 350px;
  }
  #knjige-meni-opcije {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    height: 400px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 55;
    overflow-x: auto !important;
    padding: 15px;
  }
  #knjige-meni-opcije li {
    display: inline-block;
    flex-direction: column;
    text-decoration: none;
    box-sizing: border-box;
    width: 250px !important;
    margin: 0px 10px !important;
  }
  #knjige-meni-opcije a:hover {
    background-color: #f1f1f1;
  }
  #navbar #oblast {
    padding: 0px !important;
    margin: 0px !important;
  }
  #oblast a {
    color: #16193b !important;
    font-size: 12px !important;
    font-weight: 600;
    white-space: unset;
    padding: 10px 15px !important;
    margin: 0px !important;
    display: flex !important;
    flex-direction: column !important;
    text-transform: none !important;
    cursor: pointer;
  }
  #navbar #podoblast {
    padding: 0px !important;
    margin: 0px !important;
  }
  #podoblast a {
    color: #16193b !important;
    font-size: 10px !important;
    font-weight: 400;
    line-height: 1.4;
    white-space: unset;
    text-transform: none !important;
    padding: 5px !important;
    padding-left: 15px !important;
    margin: 0px !important;
  }
  #udzbenici-opcije {
    display: none;
    position: absolute;
    top: 80%;
    left: 0;
    background-color: #f9f9f9;
    width: 600px;
    height: 300px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 55;
    overflow-x: auto !important;
    padding: 15px;
  }
  #knjige-meni-opcije {
    display: none;
    position: absolute;
    top: 80%;
    left: 0;
    padding: 15px;
    width: 100%;
  }
  #udzbenici-opcije li {
    display: inline-block;
    flex-direction: column;
    text-decoration: none;
    box-sizing: border-box;
    width: 250px !important;
    margin: 0px 10px !important;
  }
  #udzbenici-opcije ul {
    display: block !important;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0 !important;
    margin: 0px 10px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  #knjige-meni:hover #udzbenici-opcije,
  #knjige-meni:hover #knjige-meni-opcije {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  #udzbenici-opcije a:hover {
    background-color: #f1f1f1;
  }
  #udzbenici-opcije #oblast a {
    font-size: 14px !important;
  }
  #udzbenici-opcije #podoblast a {
    font-size: 12px !important;
  }
  .mob-udz-filt {
    display: none;
  }
  .no-link {
    color: #fff;
    font-size: 12px;
    line-height: 0;
    top: 15px;
    position: relative;
  }
  #knjige-holder-4 #naslovna-strana #naslovna ~ a {
    text-decoration: underline !important;
  }
  #pretplata #email {
    box-shadow:
      0px 0px 0 transparent,
      0px 0px 0 transparent;
  }
  #pojedinacna-mid #naslov h1 {
    width: 700px;
  }
  #pojedinacna-right #sifra {
    margin-top: -25px;
  }
  #pojedniacna-holder-knjige {
    width: 1280px;
    width: 990px; 
    margin-top: 40px;
    margin-bottom: 60px;
  }
  #knjige-holder:hover ~ .Snaslov {
    text-decoration: underline !important;
    color: #0c7ebc !important;
  }
  #pojedinacna-naslov {
    height: 160px;
  }
  .books-grid.books-grid--wide {
    width: 1280px !important;
  }
}
@media (max-width: 440px) {
  body,
  html {
    width: 100vw;
    overflow-x: hidden;
  }
  #knjige #title-bar {
    width: 100%;
  }
  #knjige-holder-4 #about {
    width: 90%;
  }
  #knjige-holder {
    height: auto !important;
  }
  .override-text {
    margin-left: 20px;
    margin-right: 20px;
  }
  #box-knjige {
    width: 100%;
  }
  #knjige-holder-4 #box-knjige {
    width: 100%;
  }
  .only-mobile button {
    cursor: pointer;
    height: 28px;
    width: 46px;
    float: left;
    border: 1px solid #0a2258;
    background-image: url("../img/korpa-icon-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px auto;
    background-color: #224184;
  }
  #pojedinacna-mid #naslov p.overider-p {
    width: 320px !important;
    margin-left: 0 !important;
  }
  #pojedinacna-mid #naslov h1 {
    margin-left: 0;
  }
  #pojedinacna-mid #naslov .author {
    margin-left: 0;
  }
  .container {
    position: relative;
    width: 100% !important;
  }
  .ispod-opisa {
    position: relative;
    width: 320px;
  }
  .override-opis {
    width: 90%;
    margin-left: 0;
  }
  .vaucer .vaucer-image img {
    width: 90%;
    margin-left: 5%;
  }
  .vaucer .text-vaucer {
    font-size: 12px;
    margin-left: 5%;
  }
  #pojedniacna-holder-knjige #title {
    font-size: 11px;
    font-weight: lighter;
    margin-top: 20%;
  }
  .override-opis-knjige {
    margin-left: 5%;
  }
  .prelistaj-knjug {
    float: none !important;
    display: block !important;
    margin-bottom: 20px;
  }
  .vise-detalja {
    float: none;
  }
  #navbar #nav-menu {
    position: fixed;
    height: 100vh !important;
    width: 100vw;
    background: #fff !important;
  }
  #navbar #nav-menu a,
  #navbar li {
    color: #224184 !important;
  }
  #navbar #nav-menu #knjige-meni a {
    color: #036 !important;
    font-size: 12px !important;
    text-transform: none !important;
    font-weight: 400 !important;
  }
  #navbar li {
    clear: both;
  }
  #navbar li {
    float: none !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #bfbfbf !important;
    border-radius: 0 !important;
  }
  #navbar #selected {
    background: transparent !important;
  }
  #knjige #title-bar {
    width: 100vw !important;
    font-size: 12px;
  }
  #header {
    width: 100vw !important;
  }
}
@media (max-width: 440px) {
  #pojedinacna-naslov {
    padding-top: 10px;
  }
  #info .Scena,
  #info h3 {
    color: #0a2258;
  }
  .dodaj-korpa-override {
    height: auto !important;
    margin-top: 17px;
    padding-bottom: 6px;
  }
  #knjige-holder-4 #about {
    margin-bottom: 10px;
  }
  @media (max-width: 439px) {
    .dodaj-korpa-override {
      height: auto !important;
      margin-bottom: 6px;
    }
  }
}
#content-mid-polovne #title {
  font-style: normal;
  font-weight: 600;
}
#top-20-num div:first-of-type {
  background: rgba(34, 65, 132, 0.7);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  margin: 3px -25px -25px 3px;
  font-size: 16px;
}
#lista-zelja-holder #delete {
  width: 50px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#lista-zelja-holder #delete a,
#lista-zelja-holder #delete a img {
  text-align: center;
  margin-left: 0;
  width: auto;
}
#lista-zelja-holder #sifra {
  float: right;
}
@media (max-width: 440px) {
  #login-register-button.only-mobile {
    width: 100%;
    height: 25px;
    margin-left: 0;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  h3#cena button {
    margin-top: -3px;
  }
  .kk-baner {
    width: 98%;
    margin-left: 1%;
  }
  .index-strana h3#cena,
  .pa-strana h3#cena {
    display: none !important;
  }
  #login-register-button button {
    width: 105px;
    display: inline-block;
    float: none !important;
  }
  #banner {
    display: block;
    width: 100%;
    width: 100vw;
    height: 300px;
    margin-bottom: 0;
    z-index: 0;
  }
  #banner img {
    width: 100vw;
  }
  #slidshow-box,
  #banner,
  #banner img {
    height: 30.4vw;
  }
  #knjige #title-bar {
    width: 100vw !important;
  }
  .pa-strana #pojedinacna-knjige {
    padding-bottom: 0;
  }
  .pa-strana #pojedinacna-mid #naslov p.overider-p {
    max-width: 100vw !important;
    width: -webkit-calc(100vw - 30px) !important;
    width: calc(100vw - 30px) !important;
  }
  .mob-spec .override-opis-knjige {
    float: none;
    margin-top: 20px;
    display: none;
    margin-left: -webkit-calc(50vw - 144px);
    margin-left: calc(50vw - 144px);
  }
  #navbar li {
    float: none !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #bfbfbf !important;
    border-radius: 0 !important;
    color: rgb(34, 65, 132) !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
  .hide-small {
    display: none !important;
  }
  #navbar #selected {
    background: #d2e5f0 !important;
  }
  #lista-zelja-holder #dodaj-u-korpu {
    position: absolute !important;
    top: 35px;
    left: 100%;
    color: #fff;
    margin-left: -50px;
  }
  #lista-zelja-holder #cena {
    margin-right: 60px !important;
    width: 120px;
    margin-left: 15px;
  }
  #lista-zelja-holder #naslov {
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 350px);
  }
  #lista-zelja-holder {
    height: auto;
  }
  #lista-zelja-holder #slika img {
    max-width: 68px;
  }
  #pretraga-box input {
    font-size: 13px;
    height: 45px !important;
  }
}
@media (min-width: 1024px) {
  #content-mid {
    width: 1280px;
    margin: 0 20px 0 0px;
    padding-top: 0;
  }
  .books-grid.books-grid--wide > .books-grid__items {
    width: 100%;
    float: left !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: flex-start;
  }
  .ima-right #content-mid {
    width: 780px;
  }
  .kk-baner {
    max-width: 50%;
  }
  .kk-baner.baner-2 {
    margin-right: -20px;
    margin-left: 15px;
  }
  #pojedniacna-holder-knjige.dod1,
  #kupci.dod2 {
    width: 100%;
    max-width: 100vw;
    overflow: hidden !important;
  }
  #pojedniacna-holder-knjige.dod1 {
    margin-bottom: 0;
  }
  #kupci.dod2 .dodaj-korpa-override button {
    right: 4px;
  }
  #kupci.dod2 #pojedinacna-polica #pojedinacna-knjige {
    margin: 20px 12px;
  }
  #kupci #pojedinacna-naslov,
  #pisci #pojedinacna-naslov {
    text-align: center;
  }
  #pisci #pojedniacna-holder-knjige {
    width: 1280px;
  }
  #pisci #pojedinacna-polica #pojedinacna-knjige {
    margin: 20px 12px;
  }
  #top-20-num div:first-of-type {
    left: 50%;
    margin-left: -13px;
  }
  #kolicna.lis-cena {
    display: inline-block;
    min-width: 45px;
  }
}
@media (min-width: 601px) and (max-width: 1023px) {
  #knjige-holder-4.books-grid {
    --book-cover-width: clamp(92px, 18vw, 140px);
  }
  #box-knjige {
    width: 100%;
  }
  .books-grid > .books-grid__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .books-grid > .books-grid__items > a {
    display: block;
    width: calc(50% - 3px);
  }
  #knjige-holder,
  #knjige-holder-4 #knjige-holder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    margin: 2px;
    padding: 0 0;
    width: 49%;
    width: -webkit-calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    display: inline-block;
    border: none;
    box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.2);
  }
  #knjige-holder-4.books-grid > .books-grid__items > a > #knjige-holder {
    width: 100% !important;
    margin: 2px 0 !important;
  }
  #knjige-holder #naslovna-strana img {
    max-width: 15vw !important;
    width: auto !important;
    height: 200px !important;
  }
  #knjige-holder #naslovna-strana {
    margin: 5px;
  }
  #knjige-holder #info {
    width: 29vw;
  }
  .dodaj-korpa-override button {
    position: inherit;
    display: inline-block;
    vertical-align: text-top;
  }
  .pa-baners {
    width: 98%;
    text-align: center;
  }
  .pa-baners img {
    width: auto;
    margin-top: 5px;
  }
  .pa-baners .baner-2 {
    margin-top: 0;
  }
  .mob-spec #pojedinacna-knjige {
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 170px;
    margin: 2px !important;
    padding: 0 0;
    width: 49%;
    width: -webkit-calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    display: inline-block;
    border: none;
    box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.2);
    padding: 5px;
  }
  .mob-spec #pojedinacna-knjige #pojedinacna-naslov {
    width: 19vw;
  }
  .mob-spec #pojedinacna-knjige img {
    max-width: 18vw !important;
    width: auto !important;
    height: 160px !important;
    padding: 0 !important;
  }
  .mob-spec #pojedinacna-knjige #info {
    width: 57% !important;
    margin-top: 10px;
  }
  .mob-spec .dodaj-korpa-override button {
    position: absolute;
  }
}
@media (max-width: 600px) {
  #knjige-holder-4.books-grid {
    --book-cover-width: 25vw;
  }
  .books-grid > .books-grid__items > a {
    display: block;
    width: 100%;
  }
  #knjige-holder #naslovna-strana {
    margin: 20px 15px 5px 15px;
  }
  #knjige-holder {
    height: auto;
    margin: 0;
    padding-left: 5px;
    padding-bottom: 10px;
  }
  #top-20-num div:first-of-type {
    margin-left: -3px;
    margin-top: 15px;
  }
  #knjige-holder #naslovna-strana img {
    width: 25vw !important;
    height: auto !important;
    max-height: none !important;
    min-height: none !important;
    max-width: none !important;
  }
  #knjige-holder #info {
    width: 62vw;
  }
  h4#about {
    height: auto !important;
    max-height: none !important;
  }
  .index-strana #buttons,
  .pa-strana #buttons {
    display: block;
    left: -webkit-calc(25vw + 25px);
    left: calc(25vw + 25px);
    width: 60vw;
    top: 58%;
  }
  .index-strana #knjige-holder #naslovna-strana img,
  .pa-strana #knjige-holder #naslovna-strana img {
    max-height: 160px !important;
  }
  .mob-spec #pojedinacna-knjige #info {
    width: 55vw;
    margin-top: 10px;
  }
  .mob-spec #pojedinacna-knjige #pojedinacna-naslov {
    max-width: 40vw;
  }
  .mob-spec #pojedinacna-knjige #pojedinacna-naslov img {
    padding-left: 5px;
    max-width: 35vw !important;
  }
  .hide509 {
    display: none !important;
  }
  #lista-zelja-holder #cena {
    width: 65px;
    font-size: 12px;
  }
  #lista-zelja-holder #naslov {
    width: -webkit-calc(100% - 260px);
    width: calc(100% - 260px);
    overflow: hidden !important;
  }
  #lista-zelja-holder #naslov {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 100px;
    display: flex;
    align-items: center;
    font-size: 9px;
  }
  #lista-zelja-holder #delete {
    width: auto;
    margin: 0 8px 0 2px;
  }
}
#buttons #dodaj-u-korpu.zelja-u-korpu,
#dodaj-u-korpu.zelja-u-korpu:hover {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../img/korpa-icon-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px auto;
  height: 28px;
  width: 46px;
  max-width: 46px;
  border: 1px solid #0a2258;
  background-color: #224184;
  border-radius: 0;
  display: inline-block;
  margin-top: 4px;
}
#box-prodaja-polovne-knjige #left button {
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width: 1024px) {
  .override-preptalti {
    display: block;
    margin-top: 10px;
  }
  #pretplata,
  #pretplata #box {
    height: auto;
  }
  #pretplata-input {
    margin-top: 15px;
  }
  #pojedinacna-mid #naslov a {
    display: inline-block;
  }
  #box-prodaja-polovne-knjige #left {
    float: none;
    padding: 8px 8px;
    color: #fff;
  }
  #box-prodaja-polovne-knjige #left button {
    margin-top: -4px;
  }
  #box-prodaja-polovne-knjige #title-bar {
    box-sizing: border-box;
    padding-top: 6px;
  }
}
div.chkgrp {
  width: 90%;
}
div.chkbox {
  max-height: 200px;
  overflow: auto;
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 13px;
  border-radius: 5px;
  color: #333;
  line-height: 1.5em;
}
div.chkbox label:hover {
  text-decoration: underline;
}
a.rajt {
  float: right;
  font-size: 12px;
  margin-bottom: 10px;
  cursor: default;
}
div.chkbox span {
  line-height: normal;
}
div.chkbox input[type="checkbox"] {
  visibility: hidden;
}
div.chkbox input[type="checkbox"] + span:before {
  border: 1px solid #aaa;
  border-radius: 2px;
  content: "\00a0";
  display: inline-block;
  margin: 0 5px 0 -9px;
  padding: 0;
  vertical-align: middle;
  font-size: 10px;
  width: 14px;
  height: 14px;
  font-size: 10px;
}
div.chkbox input[type="checkbox"]:checked + span:before {
  background: #0e61ab;
  color: #fff;
  content: "\2713";
  text-align: center;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .malouza {
    width: 690px !important;
  }
}
@media (min-width: 1280px) {
  .malouza {
    width: 980px !important;
  }
}
#pojedinacna-right #sifra {
  display: block !important;
}
#kukiji {
  z-index: 8888;
  display: none;
  margin: auto;
  position: fixed;
  bottom: 0;
  border: 1px solid #00f;
  background: #f7f7f7;
  padding: 10px 20px;
  font-size: 13px;
  width: 1240px;
}
#kukiji button {
  padding: 0;
  width: 120px;
  height: 30px;
  float: right;
}
#kukiji button:hover {
  font-weight: bold;
}
#kukiji div {
  display: block;
}
@media (max-width: 1024px) {
  #kukiji {
    width: 100%;
    padding: 0;
  }
}
#footer div.banke {
  align-items: center;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  justify-content: center;
  margin-top: 2px;
  padding: 16px 20px;
}
#footer div.banke a {
  align-items: center;
  display: flex;
}
#footer div.banke img {
  display: block;
}
@media (min-width: 1024px) {
  #footer-info {
    margin-top: 2px;
  }
  #footer #footer-box {
    padding-top: 30px;
    float: left;
    width: 300px !important;
    position: relative;
    z-index: 10;
  }
}
@media (max-width: 1023px) {
  #footer #footer-box {
    padding-top: 50px;
    border: 1px solid #2f3e7b;
    padding-bottom: 50px;
  }
}
table.korpa-rekap {
  width: auto;
  min-width: 340px;
  margin: auto;
  margin-top: 10px;
  background: #fff;
  border: none;
  color: #f00;
}
table.korpa-rekap tr,
table.korpa-rekap td {
  border: none;
  background: #fff !important;
}
table.korpa-rekap td {
  padding: 3px 0;
}
table.korpa-rekap td.des {
  text-align: right;
}
table#cgbih {
  margin-top: 5px;
  display: none;
  color: #333;
}
table#cgbih td {
  text-align: center;
  border: 1px solid #ccc;
  width: 50%;
}
div#info_pic {
  display: block;
  position: fixed;
  top: 20%;
  left: 30%;
  width: 40%;
  z-index: 9000;
  padding: 0;
  border-radius: 10px;
}
div#info_pic img {
  width: 100%;
  border-radius: 10px;
}
div#info_pic a {
  position: absolute;
  right: 5px;
  top: 5px;
  border: 1px solid #009;
  border-radius: 3px;
  padding: 0 5px;
  background: #009;
  color: #fff;
}
div#info_pic a:hover {
  background: #fff;
  color: #009;
}
@media (max-width: 600px) {
  div#info_pic {
    left: 10%;
    width: 80%;
  }
}
.bedz {
  position: relative !important;
}
.bedzx:after {
  position: absolute;
  content: "";
  width: 26%;
  height: 24%;
  background-size: 100% 100%;
  top: 5px;
  right: -6%;
}
.bedzx10:after {
  background-image: url(../img/snix10.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzx20:after {
  background-image: url(../img/snix20.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzx30:after {
  background-image: url(../img/snix30.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzx40:after {
  background-image: url(../img/snix40.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzx50:after {
  background-image: url(../img/snix50.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzx60:after {
  background-image: url(../img/snix60.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzy:after {
  position: absolute;
  content: "";
  width: 23%;
  height: 18%;
  background-size: 100% 100%;
  left: -10px;
  top: -16px;
}
.bedzy10:after {
  background-image: url(../img/sniy10.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzy20:after {
  background-image: url(../img/sniy20.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzy30:after {
  background-image: url(../img/sniy30.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzy40:after {
  background-image: url(../img/sniy40.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzy50:after {
  background-image: url(../img/sniy50.png);
  padding: 10px 25px 12px 10px !important;
}
.bedzy60:after {
  background-image: url(../img/sniy60.png);
  padding: 10px 25px 12px 10px !important;
}
@media (max-width: 1023px) {
  .bedzx:after {
    top: 70px;
    right: -7%;
  }
  .bedzq:after {
    top: 90px;
    right: 8% !important;
  }
}
@media (max-width: 509px) {
  .bedzx:after {
    top: 10px;
  }
}
.crv {
  color: #f00;
}
#filter #raspored,
#filter button,
.filterForm button {
  width: 60px;
}
#filter #raspored,
#filter #sortiraj {
  padding: 2px 5px;
  border: 1px dotted #fff;
  color: #0c7ebc;
}
#filter {
  background: #b9e1f4;
  padding: 0 10px;
  font-size: 12px;
}
#filter #filter-title {
  color: #16193b;
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  padding: 20px 0 10px;
}
#filter input,
.filterForm input {
  width: 35px;
  padding: 2px 5px;
  margin: 5px 0;
  border: 1px solid #ddd;
  outline: 0;
}
#filter div {
  padding: 15px 0 10px;
  border-bottom: 1px dotted #fff;
}
#filter #sortiraj {
  width: 150px;
}
#filter button,
.filterForm button {
  background: #43517c;
  padding: 4px 5px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  font-style: italic;
  cursor: pointer;
}
#filterButt {
  display: none;
}
#filter,
.filterForm {
  display: block;
  margin-top: 0;
}
.frmButton {
  display: flex;
  justify-content: center;
}
.filter {
  position: absolute;
  left: 200px;
}
.filterForm {
  width: 230px;
  z-index: 50;
  background: #b9e1f4;
  font-size: 12px;
}
.filter {
  padding: 10px;
}
.filterForm #filter-title {
  font-size: 16px;
}
.filterForm input {
  margin: 5px !important;
}
.filter-content,
.frmButton {
  padding: 10px 0 10px;
  border-top: 1px dotted #fff;
}
@media screen and (max-width: 1279px) {
  #filter {
    max-width: 300px;
    display: none;
    margin-top: -30px;
    position: absolute;
    right: 10px;
    z-index: 2500;
  }
  #filterButt {
    float: right;
    display: block;
    position: absolute;
    right: 10px;
    top: inherit;
  }
}
@media screen and (max-width: 1023px) {
  input#ffp {
    max-width: 62%;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
  }
  #moj-nalog-box-button > input:nth-child(6) {
    width: 22px !important;
    display: inline-block;
    margin: 0 !important;
  }
  #moj-nalog-box-button > span:nth-child(4) {
    margin-left: 5px !important;
    margin-right: 0 !important;
    padding: 0;
  }
  #vasi-generisani-uslovi {
    z-index: 0;
  }
  #box-prodaja-polovne-knjige #left {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  div.chkbox {
    line-height: 2em;
  }
  div#title.udztit {
    display: block !important;
    visibility: visible !important;
  }
  #filter,
  .filterForm {
    margin-top: 0;
    right: 0;
  }
  #filterButt {
    color: #00f;
    border: none;
    background: none;
    padding: inherit 10px;
    color: #4f7bca;
    right: 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .container {
    max-width: 100% !important;
  }
  div#header div.contaner-header {
    max-width: 100% !important;
  }
  div#header div#logo {
    max-width: 25% !important;
  }
  div#header div#logo img {
    max-width: 100% !important;
  }
  div#header div#pretraga {
    max-width: 60% !important;
    padding-left: 50px !important;
  }
  #navbar {
    max-width: 100% !important;
    margin-top: -10px !important;
  }
  #korpa-conetnt {
    max-width: 100%;
  }
  #footer-box {
    max-width: 25% !important;
  }
  #knjige-holder {
    width: 165px;
  }
  .knjige-6-holder,
  .books-grid.books-grid--wide .books-grid__card {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .kk-baner.baner-2 {
    margin-left: 0px;
  }
  .no1024 {
    display: none;
  }
  #pojedinacna #pojedinacna-left {
    max-width: 18%;
  }
  #pojedinacna #mid-right {
    max-width: 78% !important;
    margin-left: 5px;
  }
  #pojedinacna #mid-right #pojedinacna-mid {
    max-width: 73% !important;
    width: auto !important;
  }
  #pojedinacna #mid-right #pojedinacna-mid .overider-p {
    max-width: 100% !important;
  }
  #pojedinacna #mid-right #pojedinacna-mid div.twfb {
    margin-top: 18px;
  }
  #pojedinacna #mid-right #pojedinacna-mid .vise-detalja {
    width: auto !important;
  }
  #pojedinacna #mid-right #pojedinacna-mid .vise-detalja span,
  #pojedinacna #mid-right #pojedinacna-mid .vise-detalja .vise-detalja-image {
    width: auto !important;
  }
  #opis-knjige {
    max-width: 65%;
  }
  #pojedinacna-right {
    max-width: 25% !important;
  }
  .rjpol #pojedinacna-left img {
    max-width: 100%;
  }
  .rjpol #pisci-mid-right {
    max-width: 77% !important;
    margin-left: 5px;
  }
  .rjpol #pisci-mid-right #pisci-left {
    width: 42%;
    float: left;
    margin: auto 0 auto 0;
  }
  .rjpol #pisci-mid-right #pisci-right {
    width: 55%;
    float: right;
    margin: auto 0 auto 0;
  }
  .rjlogin {
    max-width: 100%;
  }
  .rjlogin #login,
  rjlogin #registracija {
    width: 100%;
  }
  .rjstrane #title-strane-knjige {
    width: 100%;
  }
  .rjstrane #porucbina-box-info {
    width: 100%;
    margin-left: 20px;
  }
  .rjudzbenici #content-left {
    margin-right: 0;
    max-width: 25%;
  }
  .rjudzbenici #content-mid {
    max-width: 70% !important;
    margin-left: 0;
  }
  .rjudzbenici #holder-k {
    margin-bottom: 5px;
  }
  .rjudzbenici .ima-right #content-right img {
    display: none !important;
  }
  .rjlista #content-left {
    max-width: 25%;
  }
  .rjlista #content-mid {
    max-width: 70%;
  }
  .rjlista .full-screen {
    max-width: 95% !important;
    width: 95% !important;
    margin: 0 2.5% !important;
  }
  .books-grid.books-grid--wide {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .rjpolok #content-left {
    width: 210px;
  }
  .rjpolok #content-left div {
    max-width: 100%;
  }
  .rjpolok #content-mid-polovne {
    max-width: calc(100% - 425px);
    margin-left: -5px;
    overflow: hidden;
  }
  .rjpolok #content-mid-polovne #polovinfo {
    padding-left: 5px;
  }
  .rjpolok #content-right {
    width: 185px;
    float: right !important;
    margin-left: 0;
  }
  .rjpolok .rjpof {
    max-width: calc(100% - 245px);
  }
  .rjpolok #content-left #oblasti li {
    white-space: nowrap;
  }
  .rjpolok #content-left #oblasti li#podgupa ul li {
    max-width: 180px;
  }
  .rjpolok #knjige #knjige-holder {
    margin-left: 10px;
  }
  .rjmojnal {
    max-width: 100%;
  }
  .rjmojnal div {
    max-width: 100%;
  }
  .rjmojnal #moj-nalog-left {
    max-width: 48%;
    margin-left: 5px;
  }
  .rjmojnal #moj-nalog-right {
    max-width: 48%;
    margin-right: 5px;
  }
  .rjmojnal .rjmojnpor,
  .rjmojnal #rjMsg {
    max-width: 99.5%;
  }
  .rjpretr .filter-pretrage {
    text-align: center;
  }
  .rjpretr .filter-pretrage div {
    margin: auto;
    float: none;
    display: inline-block;
  }
  .rjpretr .filter-pretrage #sabmit {
    display: block;
    margin-top: 10px;
  }
  .rjpretr .filter-pretrage #sabmit input {
    padding: 1px 15px !important;
  }
  .rjautor #pisci-mid-right {
    max-width: 73%;
    margin-left: 10px;
  }
  .rjblog #content-left {
    max-width: 25%;
  }
  .rjblog #content-mid {
    max-width: 70%;
  }
  .rjizdavc #pojedinacna-left {
    max-width: 25%;
  }
  .rjizdavc #pisci-mid-right {
    max-width: 73%;
    margin-left: 10px;
  }
  .rjizdavc .jebse {
    border: 1px solid #00f;
    float: left !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .rjindex #content-left {
    width: 210px;
  }
  .rjindex #content-left div {
    max-width: 100%;
  }
  .rjindex #content-left #oblasti li {
    white-space: nowrap;
  }
  .rjindex #content-left #oblasti li#podgupa ul li {
    max-width: 180px;
  }
  .rjindex #content-mid {
    width: calc(100% - 25px);
    margin: auto 0 auto 10px;
  }
  .rjindex #banner {
    width: 100%;
  }
  .rjindex #content-mid #rjbann img {
    width: 100%;
  }
  .rjindex #knjige {
    width: 100% !important;
  }
  .rjindex #knjige #title-bar {
    width: 100% !important;
  }
  .rjindex #knjige #box-bg {
    width: 100% !important;
    display: none;
  }
  .rjindex #knjige-holder-4 {
    width: 100% !important;
  }
  .rjindex #knjige #box-knjige {
    width: 100% !important;
    overflow: hidden;
    height: 400px;
  }
  .rjindex #knjige #box-knjige #knjige-holder {
    margin-top: 1px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
  #knjige-holder-4.books-grid.books-grid--wide {
    --book-cover-width: 150px;
  }
  .knjige-6-holder,
  .books-grid.books-grid--wide .books-grid__card {
    width: 150px !important;
  }
}
@media (min-width: 1024px) {
  .rjtop20 {
    --top-list-card-width: 165px;
  }
  .rjtop20 #content-left {
    display: none;
  }
  .rjtop20 #content-mid-5-knjiga,
  .rjtop20 .top-list-grid,
  .rjtop20 .top-list-grid__items {
    width: 100% !important;
    max-width: 100% !important;
  }
  .rjtop20 #content-mid-5-knjiga {
    margin: 25px 0 0 !important;
    float: none !important;
  }
  .rjtop20 .top-list-grid,
  .rjtop20 .top-list-grid__items {
    margin-left: 0 !important;
  }
  .rjtop20 #top-20-title {
    text-align: center;
  }
  .rjtop20 #knjige-holder-4 > .top-list-grid__items {
    display: grid !important;
    grid-template-columns: repeat(4, var(--top-list-card-width));
    justify-content: center;
    gap: 50px clamp(35px, 7vw, 95px);
    float: none !important;
  }
  .rjtop20 .top-list-grid__items > a {
    display: block;
    width: var(--top-list-card-width);
  }
  .rjtop20 .top-list-grid__items .books-grid__card {
    width: var(--top-list-card-width) !important;
    margin: 0 !important;
  }
}
.paginacija {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 100%;
  text-align: center;
}
.stranice {
  margin: 0px 30px;
}
#broj-stranice a {
  display: inline-block;
}
.paginacija a {
  height: 50px;
  width: 50px;
  background: #555;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  outline: 0;
  border: 1px solid #333;
  box-shadow: 0 1px 0 #fff inset;
  text-shadow: 0 1px 0 #525252;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 48px;
}
.ghost-broj {
  margin: 20px 0px;
}
.paginacija .ghost-broj a {
  height: 40px;
  width: 40px;
  background: #bbbbbb;
  font-size: 16px;
  border: 1px solid #aeaeae;
  line-height: 36px;
}
.selected-button {
  background: #117ac4 !important;
  border: 1px solid #0f629e !important;
}
#footer-box {
  text-align: center;
}
@media screen and (min-width: 510px) and (max-width: 1023px) {
  #pojedinacna-knjige #info .sFulH {
    height: auto !important;
  }
  #pojedinacna-knjige #info button {
    clear: both !important;
    float: right !important;
    position: absolute;
  }
  #pojedinacna-knjige #info .override-cena {
    clear: both !important;
    float: right !important;
    position: absolute;
  }
}
@media screen and (min-width: 441px) and (max-width: 1023px) {
  .override-opis,
  #pojedinacna-mid * {
    max-width: calc(100vw - 50px);
  }
}
.error-input {
  color: red;
  border-color: red !important;
}
.update-naslov {
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-weight: bold;
  color: #0e60ab;
}
#br_racuna {
  margin-top: 20px;
  height: 25px;
  width: 30%;
}
#prompt_ak1:disabled {
  cursor: auto;
  opacity: 0.6 !important;
}
.oblasti-naslov {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  text-align: center;
  color: #224184;
  position: relative;
}
.podoblasti-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin: 30px 0px 30px 0px;
}
.podoblast {
  height: 30px;
  background-color: #0e60ab26;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.podoblast a {
  color: #224184;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.hidden {
  display: none;
}
.podoblast:hover {
  background-color: #224184;
}
.podoblast:hover a {
  color: white;
}
.prikazi {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#prikazi-sve {
  font-family: "Inter", sans-serif;
  height: 60px;
  width: 19%;
  border: none;
  background-color: #0e60ab;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: auto;
}
.ordering {
  color: #0e60ab;
  gap: 30px;
  display: flex;
  flex-direction: row;
  float: right;
  position: relative;
  top: -30px;
  right: 200px;
  font-weight: 700;
}
.sorting {
  text-align: end;
  display: flex;
  flex-direction: column;
}
#sortiraj {
  color: #0e60ab;
  border-color: #0e60ab;
  margin-top: 5px;
  width: 150px;
  height: 25px;
  font-size: 14px;
}
#sortiraj option {
  border-color: #0e60ab;
}
.filterSlika {
  width: 35px;
  height: 35px;
}
#filter-title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px;
}
#filter-box-title {
  display: none;
}
#filter-background {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
}
#polovneNaslov {
  font-size: 21px;
  text-align: center;
  margin: 11% 0 2% 0;
  color: #036 !important;
}
.naslov-knjige {
  width: max-content;
  background-color: #0c7ebc;
  border-radius: 100px;
}
#pojedinacna-mid #naslov h2 {
  font-size: 13px;
  color: white !important;
  padding: 2px 5px 2px 5px;
  font-weight: 400;
}
#opis-knjige {
  display: none !important;
}
.cela {
  display: block;
  margin-top: 2vh;
  float: left;
  width: 400px;
}
#izabrana-oblast #knjige-holder a {
  color: #036;
  display: flex;
  flex-direction: row-reverse;
  align-content: space-between;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.override-opis-knjige .override-left-col > * {
  padding-bottom: 3px !important;
  display: flex;
}
.override-opis-knjige .override-left-col p span {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #000 !important;
  width: 44%;
}
#small-knjige a {
  display: flex;
}
#content #content-right #small-korice {
  line-height: 0;
  flex-shrink: 0;
  flex-basis: 81px;
}
#content #content-right #small-info {
  width: 0 !important;
  padding-left: 0 !important;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 99px;
}
#content #content-right #small-info h4 {
  margin-bottom: 9px;
}
#knjige-holder-4 #info h1 {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden !important;
  font-size: 13px !important;
  padding-top: 7px;
  font-weight: normal;
}
#pojedinacna-knjige #info .Snaslov {
  margin-bottom: 20px !important;
  padding-top: 8px;
  width: 100%;
  height: 34px;
  overflow: hidden !important;
  color: #036;
  font-size: 13px !important;
  font-weight: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#pojedinacna-knjige #info .Snaslov:hover {
  display: block;
  min-height: 34px !important;
  height: auto !important;
}
#pojedinacna-knjige #info .Spisac {
  color: #999 !important;
  font-size: 11px !important;
}
#knjige-holder-4 #info .Spisac {
  color: #999 !important;
  font-size: 11px !important;
}
#knjige-holder-4 #info .Snaslov {
  margin-bottom: 20px !important;
  padding-top: 8px;
  width: 100%;
  height: 34px;
  overflow: hidden !important;
  color: #036;
  font-size: 13px !important;
  font-weight: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#knjige-holder-4 #info .Snaslov:hover {
  display: block;
  min-height: 34px !important;
  height: auto !important;
}
#knjige-holder-4 #info .Spisac,
#knjige-holder-4 #info h2 {
  font-size: 11px;
  font-weight: 400;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#knjige-holder-4 #info h1 {
  margin-bottom: 20px !important;
  padding-top: 8px;
  width: 100%;
  height: 34px;
  overflow: hidden !important;
  color: #036;
  font-size: 13px !important;
  font-weight: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#knjige-holder-4 #info h1:hover {
  display: block;
  min-height: 34px !important;
  height: auto !important;
}
#knjige-holder-4 #box-knjige {
  margin-bottom: 4vh;
}
.mobilna {
  display: none;
}
.naslov {
  margin-top: 37% !important;
  margin-bottom: 2% !important;
}
@media screen and (min-width: 317px) and (max-width: 1023px) {
  #pojedinacna-knjige #info .Snaslov {
    margin-bottom: 6px !important;
    padding-top: 8px;
    width: 100%;
    height: auto;
    overflow: hidden !important;
    color: #036;
    font-size: 13px !important;
    font-weight: normal;
    display: block;
  }
  #knjige-holder-4 #info .Snaslov {
    margin-bottom: 6px !important;
    padding-top: 8px;
    width: 100%;
    height: auto;
    overflow: hidden !important;
    color: #036;
    font-size: 13px !important;
    font-weight: normal;
    display: block;
  }
  #knjige-holder-4 #info h1 {
    margin-bottom: 6px !important;
    padding-top: 8px;
    width: 100%;
    height: auto;
    overflow: hidden !important;
    color: #036;
    font-size: 13px !important;
    font-weight: normal;
    display: block;
  }
  #opis-knjige {
    display: block !important;
    margin-bottom: 5%;
  }
  #pojedinacna-mid .override-opis .ispod-opisa .vise-detalja {
    display: block !important;
  }
  .mobilna {
    display: block !important;
    width: auto;
    margin-left: calc(50vw - 152px) !important;
    margin-right: calc(50vw - 152px) !important;
    margin-bottom: 5svh;
  }
  #pojedinacna-mid #naslov h2 {
    font-size: 12px;
    margin: 0px 0px 14% 0px !important;
    width: fit-content;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  #pojedinacna-mid .override-opis .vise-detalja-p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .pojedinace-knjige {
    margin-top: 44% !important;
  }
}
@media screen and (width: 317px) and (max-width: 1023px) {
  .cela {
    display: none !important;
  }
  #knjige-holder-4 #info .Snaslov,
  #knjige-holder-4 #info h1,
  #pojedinacna-knjige #info .Snaslov {
    height: 8vh;
  }
  #pojedinacna-knjige #info .Snaslov {
    white-space: normal !important;
    width: auto;
  }
}
@media screen and (min-width: 1023px) {
  #pojedinacna-mid .override-opis .vise-detalja-p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6; 
    line-clamp: 6;
    -webkit-box-orient: vertical;
  }
}
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .dodaj-korpa-override button {
    position: inherit;
    display: inline-block;
    vertical-align: text-top;
    left: 44% !important;
  }
  .dodaj-korpa-override {
    position: absolute;
    bottom: 18%;
    left: 40%;
  }
  #polovneNaslov {
    margin: 8% 0 7% 0;
  }
}
@media screen and (min-width: 317px) and (max-width: 600px) {
  .dodaj-korpa-override {
    position: relative;
    margin-right: 28svw !important;
    margin-top: 9svw !important;
  }
  .dodaj-korpa-override button {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    left: 8% !important;
  }
  .dodaj-korpa-override {
    position: absolute;
    bottom: 12%;
    left: 37%;
  }
  .dodaj-korpa-override {
    position: relative;
    margin-top: 25% !important;
    left: 0svw;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: flex-start;
    align-items: stretch;
  }
  .pojedinacna-mobilna {
    margin-top: 50% !important;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1201px) {
  #pojedinacna-mid #naslov p.overider-p {
    width: 86% !important;
  }
  .ispod-opisa {
    width: 84%;
  }
}