@media (min-width: 992px) {
#header .header-nav-main nav > ul > li > a {font-size: 1em;font-weight: 400;}
html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a {color: #575756;}
#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {color: #575756;}
#header .header-nav.header-nav-stripe nav > ul > li:hover > a {color: #fff !important;}
#header .header-nav-main.header-nav-main-square {width: 80%;}
}






@media (min-width: 1200px) {
#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {padding: 45px 10px 30px;}
#header .header-nav-main nav > ul > li > a {font-size: 1em;}
#header .header-nav-main.header-nav-main-square {width: auto;}
}






@media (min-width: 1300px) {
#header .header-nav-main nav > ul > li > a {font-size: 1.1em;}
}






@media (min-width: 1400px) {
}






@media (min-width: 1500px) {
.container {width: 1400px;}
#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {padding: 45px 13px 30px;}
}






@media (min-width: 1700px) {
#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {padding: 45px 20px 30px;}
}






@media (max-width: 1499px) {
.cta h3 { width: 43%;}
}






@media (max-width: 1399px) {
#header.header-narrow .header-logo img {width: 400px;height: auto;}
}






@media (max-width: 1299px) {
#header.header-narrow .header-logo img {width: 339px;height: auto;}
}






@media (max-width: 1199px) {
.btn {white-space: normal;}
.btn-continue {float: none; display: block; width: 100%; margin: 0 0 10px;}
#header.header-narrow .header-logo img {width: 278px;height: auto;}
}






@media (max-width: 991px) {
.righttoleft {text-align:left;}
.centertoleft {text-align:left;}
.blockimg-right {padding:0 !important; float:none;}
.blockimg-left {padding:0 !important; float:none;}
.product-actions a.posaljiupit, .product-actions a.brzipregled {visibility:visible; opacity:1; left:auto; right:auto;}
.cta .cta-box {display: block;width: 100%;height: auto;padding: 20px 0;}
.cta .call-to-action-content {width: 100%;margin-left: 0;padding-top: 0;background: none;display: block;text-align: center;}
.cta h3 {width: 100%;margin: 0 0 20px;}
.cta .call-to-action-btn {width: 100%;margin: 0;display: block;text-align: center;}
#footer {background: #fff url('https://arhiva.cuk.hr/slike/footer-bg2.png') top right no-repeat;}
#footer h4 {margin: 50px 0 30px;}
.obrpro {margin: 50px 0 0;}
h2.term {margin-top: 100px;}
.novosti-tekst img {display: block;margin-bottom: 20px;}
}






@media (max-width: 767px) {
#header.header-narrow .header-logo img {width: 200px;height: auto;}
.cta h3 {margin: 0;}
h1 {font-size: 2.3em;}
h3 {font-size: 1.5em;}
.obrpro h2, .novter h2 {font-size: 1.6em;}
.cta h3 {font-size: 1.6em;}
.btn-blue {font-size: 16px;padding: 10px 23px;}
}






@media (max-width: 479px) {
.glavna-tekst img {width:100%; display:block;}
h1 {margin: 50px 0 10px;}
}