@media (max-width: 1660px) {
.rotsadrzaj2 h1 {font-size:30px}
.rotsadrzaj2 span {font-size:16px}
.rotsadrzaj2 {bottom:9%}
html.side-header .main .container, html.side-header #footer .container {padding: 0 35px;}
.onama-pozadina {margin-top: 50px;margin-bottom: 90px;}
.pozadina-projekt-novost {padding: 90px 0;}
.tekst-novosti {font-size: 16px;}
.oko-novosti-naslov-gl {font-size: 16px;}
.oko-projekti p {font-size: 16px;}
.pozadina-reference p {font-size: 16px;}
.counters label {font-size: 14px;}
.onama-okolo p {font-size: 16px;}
.pozadina-djelatnosti p {font-size: 16px;}
.onama-okolo h2  {font-size: 33px;}
.pozadina-djelatnosti h3 {font-size: 33px;}
.oko-projekti h3 {font-size: 33px;}
.oko-novosti-naslov h3 {font-size: 33px;}
.pozadina-reference h3 {font-size: 33px;}
}

@media (max-width: 1355px) {
.rotsadrzaj2 {left:5%;width:70%}
.onama-okolo {padding: 40px;}
.oko-novosti-naslov {padding: 40px 15px 0 15px;}
.oko-projekti {padding: 40px 30px;}
.projekt-pozadina {padding: 0;}
.onama-pozadina {margin-bottom: 50px;    padding: 0;}
.onama-vise {bottom:-8%}
.tekst-novosti {font-size: 15px;padding: 0 15px 0 15px;}
.oko-novosti-naslov-gl {font-size: 15px;padding: 0 15px 0 15px;}
.oko-projekti p {font-size: 15px;}
.pozadina-reference p {font-size: 15px;}
.counters label {font-size: 14px;}
.onama-okolo p {font-size: 15px;}
.pozadina-djelatnosti p {font-size: 15px;}
.onama-okolo h2  {font-size: 30px;}
.pozadina-djelatnosti h3 {font-size: 30px;}
.oko-projekti h3 {font-size: 26px;}
.oko-novosti-naslov h3 {font-size: 26px;}
.pozadina-reference h3 {font-size: 30px;}
}

@media (max-width: 1250px) {
.counters strong {font-size: 25px;}
}


@media (max-width: 1199px) {
.onama-vise {padding:17px}
}






@media (max-width: 991px) {
#header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover {color: #000}
#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {    color: #000;font-weight: 400;}
 #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {background-color: #f5f5f5;}
#header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover {background-color: #f5f5f5;}
#header .header-nav-main nav > ul li {border:0}
#header .header-nav-main nav > ul > li > a {margin: 0;}
#header .header-nav-main nav {margin: 15px 0 6px;}
#header .header-btn-collapse-nav {margin: 72px 0 8px 15px;}



.jezici-izbornik {text-align: right;margin-bottom: 0;padding: 28px 0 0 0;}

.tekst-novosti {height:50px}
.lefttocenter {text-align:center}
.righttocenter {text-align:center}
#header.header-mobile-nav-only .header-logo {float: left;}
.righttoleft {text-align:left;}
.centertoleft {text-align:left;}


ul.ul-ref
{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

#footer .footer-copyright nav {float:none;}


#footer .contact i {float:left; margin:7px 8px 10px 0;}
#dropdowncartspecial {width:auto;}

}






@media (max-width: 767px) {
.slika-ref {display:none}
.podigni {position: initial;}
.counters strong {padding:25px 0 0 0}
}

@media (max-width: 565px) {
.rotsadrzaj1 {background:url(https://vd-mont.hr/slike/rotator-span.png) 33% 100% no-repeat}
.rotsadrzaj2 {width: 92%;}
}



@media (max-width: 515px) {
html.sticky-header-negative.sticky-header-enabled #header .header-logo {width:198px !important;height:55px  !important}
#header .header-logo img {width:198px !important;height:55px  !important;margin: 55px 0 15px 0;}
.jezici-izbornik {display:none}
html.sticky-header-active #header .header-body {min-height:190px}
html.sticky-header-active #header .header-btn-collapse-nav {margin: 144px 0 0 15px;}
#header .header-btn-collapse-nav {margin: 72px 0 0 0;}
}

@media (max-width: 400px) {
.onama-vise {bottom: -4%;}
.oko-novosti-naslov h3 {margin-bottom:12px}
.oko-projekti {padding: 40px 0;}
.onama-okolo {padding: 40px 20px;}
.pozadina-projekt-novost {padding: 45px 0;}
}


@media (max-width: 380px) {
.rotsadrzaj2 h1 {font-size:20px;margin:0}
.rotsadrzaj2 span {font-size:12px;line-height: 18px;}
}

@media (max-width: 340px) {
.onama-okolo h2, .pozadina-djelatnosti h3,.oko-projekti h3, .oko-novosti-naslov h3, .pozadina-reference h3  {font-size:23px}
}


@media (max-width: 300px) {
html.sticky-header-negative.sticky-header-enabled #header .header-logo {width:180px !important;height:50px  !important}
#header .header-logo img {width:180px !important;height:50px  !important}
html.sticky-header-active #header .header-btn-collapse-nav {
    margin: 90px 0 0 15px;
}
}