@media (max-width: 1199px) {

ul.menu-dolje li a {
    padding-right: 40px;

}

.kontakt-karta {
display: none;

}

nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    padding: 37px 9px 36px;

}

#header .header-nav.header-nav-stripe nav > ul > li > a {
    font-size: 1em;
}

ul.kontakt-header li a {
    padding-right: 12px;
    font-size: 0.9em;
}

.proizvodi-bg-desno-rotator {
color: #fff;
background: rgba(0,0,0,0.8);
float: right;
padding-left: 70px;
padding-right: 60px;
padding-top: 62px;
margin-right: -40px;
min-height: 413px;
margin-top: 310px;
width: 54.3%

}

.rotator-tekst1 {
padding-right: 20px;

}




}








@media (max-width: 991px) {

.nav {
    transform: skewX(0deg);
}

.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:left;}


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


.proizvodi-bg-lijevo-kontakt {
padding: 70px 70px 70px 70px !important;

}

.proizvodi-bg-desno-kontakt {
padding: 70px 70px 70px 56px !important;
}


.bread-footer {
    padding-left: 70px !important;
}

.bread-footer {
    padding-left: 70px !important;
}

ul.menu-dolje li {
float: left !important;
padding-left: 30px !important;
}

ul.menu-dolje li a {
float: left !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

#footer .footer-copyright nav {
    float: left;
    padding-left: 70px;
}

html.sticky-header-enabled #header .header-nav-main {
    max-height: 400px;
}

#header .header-nav-main nav {
    margin: 12px 0 0 0;
    float: none !important;
}

#header .header-nav.header-nav-stripe nav > ul > li > a {
    font-size: 1.2em;
    border-left: 0px;
}

nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    margin: 0 0 0 0;
}

nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
    padding: 30px 30px;
}

#header .header-logo img {
    transform: skewX(180deg);
}

.logo-oko {
background-color: #fff;
transform: skewX(180deg);
margin-left: -20px;
}

#footer {
    padding: 0 0 0;
}

.line-vertical {
display: none;

}


.proizvodi-bg-desno-rotator {
color: #fff;
background: rgba(0,0,0,0.8);
float: right;
padding-left: 70px;
padding-right: 100px;
padding-top: 62px;
margin-right: -119px;
min-height: 413px;
margin-top: 280px;
width: 66%

}

.rotator-back {
margin-top: 130px;

}

.rotator-tekst1 {
margin-top: 84px;

}

.rotator-back img {
width: 100%;
}

#header .header-nav-main nav > ul > li:visited, #header .header-nav-main nav > ul > li:active, #header .header-nav-main nav > ul > li:focus {
    background: #bd0109;

}



}






@media (max-width: 767px) {

.proizvodi-bg-desno-rotator {
color: #fff;
background: rgba(0,0,0,0.8);
float: right;
padding-left: 20px;
padding-right: 20px;
padding-top: 62px;
margin-right: 0;
min-height: 413px;
margin-top: 366px;
width: 100%;
text-align: center;

}

.rotator-back {
margin: 110px -390px 0px !important;
min-width: 767px !important;
min-height: 300px !important;

}

.rotator-back img {
width: 100% !important;
min-height: 300px !important;
display: none;
}

.rotator-tekst1 h1 {
    color: #fff;
    font-size: 1em;
    text-align: center;
    font-weight: normal;
    margin-left: -700px !important;
display: none;
}




}



@media (max-width: 600px) {

.rotator-tekst1 h1 {
    color: #fff;
    font-size: 1.2em;
    text-align: center;
    font-weight: normal;
    margin-left: -530px !important;
    margin-top: -54px !important;
}

.rotator-back {
margin: 50px -390px 0px !important;

}

.page-header h1 {
    font-size: 2.3em;
}


}




@media (max-width: 479px) {

.proizvodi-bg-lijevo-kontakt {
padding: 70px 30px 70px 30px !important;

}

.proizvodi-bg-desno-kontakt {
padding: 70px 30px 70px 30px !important;
}

.bread-footer {
    padding-left: 30px !important;
}

ul.menu-dolje li {
float: left !important;
padding-left: 0px !important;
}


ul.menu-dolje li a {
float: left !important;
padding-left: 0px !important;
padding-right: 30px !important;
margin-left: -10px;
}

#footer .footer-copyright nav {
    float: left;
    padding-left: 30px;
}

.proizvodi-bg-desno {
padding-left: 0px;
}

.proizvodi-bg-lijevo {
    padding: 76px 20px 64px !important;
}

.proizvodi-bg-desno-rotator {
padding-top: 20px;

}

.rotator-tekst1 h1 {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    font-weight: normal;
    margin-left: -260px !important;
}

.page-header h1 {
    margin: 10px 0 -25px;
    font-size: 1.7em;
    padding: 0 0 21px 0;
}


}


@media (max-width: 370px) {

.proizvodi-bg-desno-rotator {
margin-top: 240px;
min-height: 10px;

}

.rotator-tekst1 h1 {
    color: #fff;
    font-size: 1.6em;
    text-align: center;
    font-weight: normal;
    margin-left: -200px !important;
}

.proizvodi-bg-desno {

padding-left: 20px !important;
margin-left: -86px !important;

}

#header.header-mobile-nav-only .header-logo {
    width: 200px !important;
}

#header .header-logo img {
    margin: 20px 10px 20px 10px;
    width: 88% !important;
}

.logo-oko {
    margin-left: 0px;
}



}