@media (max-width: 1120px) {
.slider-bijeli {padding: 28px !important;}
.slider-container .bottom-label {font-size: 33px !important;}
.box-zasto span {font-weight: 400;font-size: 20px;}
.zasto-l span, .zasto-r span {font-size: 15px;}
}

@media (max-width: 1024px) {
.slider-bijeli {padding: 28px !important;}
.slider-container .bottom-label {font-size: 30px !important;}
.box-zasto span {font-weight: 400;font-size: 20px;}
.zasto-l span, .zasto-r span {font-size: 15px;}
}

@media (min-width: 992px) {

}

@media (max-width: 991px) {
.container {width: 100%;}
.zasto-l  {text-align: left;padding: 0 0 0 75px;background-position: top left !important;}
h1.header {font-size: 23px;}
#header.header-narrow .header-logo img {top: -50px;}
h2.boxes-naslov  {font-size: 22px;}


#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a{padding: 10px !important;}
#header .header-nav-main nav {margin:0}
#header .header-nav-main nav > ul > li > a {margin:0}
#header .header-nav-main nav > ul li {border:none}
html #header .header-nav-main nav > ul > li.color1 a {border-bottom:3px solid #0196c8}
html #header .header-nav-main nav > ul > li.color2 a {border-bottom:3px solid #f7a131}
html #header .header-nav-main nav > ul > li.color3 a {border-bottom:3px solid #e54b4d}
html #header .header-nav-main nav > ul > li.color4 a {border-bottom:3px solid #88cb01}
html #header .header-nav-main nav > ul > li.color5 a {border-bottom:3px solid #ac59af}
html #header .header-nav-main nav > ul > li.color6 a {border-bottom:3px solid #ffca00}

#header .header-nav.header-nav-stripe nav > ul > li:hover.color1 > a {background:transparent;color:#0196c8;font-weight:600}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color2 > a {background:transparent;color:#f7a131;font-weight:600}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color3 > a {background:transparent;color:#e54b4d;font-weight:600}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color4 > a {background:transparent;color:#88cb01;font-weight:600}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color5 > a {background:transparent;color:#ac59af;font-weight:600}
#header .header-nav.header-nav-stripe nav > ul > li:hover.color6 > a {background:transparent;color:#ffca00;font-weight:600}

#header .header-nav-main nav > ul > li.color1.active > a {background:transparent;color:#0196c8;font-weight:600}
#header .header-nav-main nav > ul > li.color2.active > a {background:transparent;color:#f7a131;font-weight:600}
#header .header-nav-main nav > ul > li.color3.active > a {background:transparent;color:#e54b4d;font-weight:600}
#header .header-nav-main nav > ul > li.color4.active > a {background:transparent;color:#88cb01;font-weight:600}
#header .header-nav-main nav > ul > li.color5.active > a {background:transparent;color:#ac59af;font-weight:600}
#header .header-nav-main nav > ul > li.color6.active > a {background:transparent;color:#ffca00;font-weight:600}

#footer .footer-copyright .container .row > div {line-height: 5px;}


.righttoleft {text-align:left;}
.centertoleft {text-align:left;}

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

#header .header-btn-collapse-nav{margin: 25px 0 0 0;}
#header .header-logo img{margin: 0px 0px 0px 5px;}
#header{min-height: 140px !important;}
.tabs {margin-bottom:0}
}



@media (max-width: 767px) {
.slider-container .top-label {margin-left: auto !important;margin-right: auto !important;top: 0px;    font-size: 12px !important;}
.slider-container .bottom-label {top: -10px;font-size: 23px !important;line-height: 0 !important;}
.slider, .slider-container  {height:284px !important}


.table-responsive {border: none;}
html.boxed #header .header-body {min-height: 80px !important;border-top: 5px solid #5ab9b0;}

html.sticky-header-active #header {min-height: 80px !important;border-top: 5px solid #5ab9b0;}
#header {min-height: 80px !important;border-top: 5px solid #5ab9b0;}
#header.header-narrow .header-logo img {top: 0;width: 150px;height: auto;} 

#header .header-body {top: 5px !important;}
html.sticky-header-active #header .header-body {top: 0px !important;}

.slika-tab {margin:0 auto}
.tab-overtext {text-align:center; height: auto;}
#footer .footer-copyright .container .row > div {line-height: 18px !important;}
.container-footer {padding-top: 80px !important;}
.padding30 {padding: 15px;}
.box-zasto span {font-weight: 400;font-size: 20px;}
#pomak-gore {padding: 100px 15px 15px 15px;}
.pozadina-skupine {background-size:contain}
}


@media (max-width: 660px) {
#pomak-gore {margin: 0 auto 0 auto;}
.slider-container .top-label {top: 30px;}
.slider-container .bottom-label {top: 30px;}
}


@media (max-width: 560px) {
.slider-container .top-label {top: 50px;    padding: 10px !important;}
}



@media (max-width: 460px) {
#pomak-gore {margin: 60px auto 0 auto;}
.slider-container .top-label {top: 95px;}
.slider-container .bottom-label {top: 65px;}
}

@media (max-width: 310px) {
#pomak-gore {margin: 120px auto 0 auto;}
.slider-container .top-label {top: 120px;}
.slider-container .bottom-label {top: 77px;font-size: 20px !important;    padding: 20px !important;}
.onama-naslov {font-size:21px}
}

@media (max-width: 370px) {
.footer-tekst, .footer-tekst p, .footer-tekst a, #footer a {font-size: 13px;}
}

@media (max-width: 295px) {

}