@media (max-width: 1699px) {

#header .header-nav-main nav > ul > li > a {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    padding: 30px 12px;
}

.sidenav-box {top:4%}
.homepage-entry-title {font-size:1.3em}
.box-centri-col-md-4 {height:300px}

}


@media (max-width: 1599px) {
.btn-continue {float: none; display: block; width: 100%; margin: 0 0 10px;}

#header .header-nav-main nav > ul > li > a {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    padding: 30px 10px;
}

.red-box-2 {font-size:0.8em}
.homepage-entry-title {font-size:1em}
.box-centri {padding:5px}
.box-centri-col-md-4 {height:300px}
.box-centri-naslov {line-height: 26px;font-size: 1.5em;}


}

@media (max-width: 1299px) {
.btn-continue {float: none; display: block; width: 100%; margin: 0 0 10px;}

#header .header-nav-main nav > ul > li > a {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    padding: 30px 8px;
}

#header .header-logo {
    float: left;
    margin-top: 0px;
    position: relative;
}

#header .header-logo img {
    width: 200px;
    height: auto;
}

#header .sporedni-logo {
    width: 70px !important;
    height: auto !important;
    top: -10px !important;
    margin-left:-10px !important;
}

.box-centri-naslov {line-height: 26px;font-size: 1.4em;}


}



@media (max-width: 1199px) {
.btn-continue {float: none; display: block; width: 100%; margin: 0 0 10px;}

#header .header-nav-main nav > ul > li > a {
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    padding: 30px 6px;
}

.homepage-naslov {font-size:2em}
.box-centri-col-md-4 {height:unset}

}






@media (max-width: 991px) {

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

.blockimg-right {padding:0 !important;}
.blockimg-left {padding:0 !important;}

.product-actions a.posaljiupit, .product-actions a.brzipregled {visibility:visible; opacity:1; left:auto; right:auto;}

#header .header-btn-collapse-nav {
    background: #A32016;
	margin: 47px 0 8px 15px;
}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    color: #000;
    background: rgba(0,0,0,.03);
}

#header .header-nav-main nav > ul > li > a {
    width: 100%;
    line-height: 18px;
    padding: 12px 26px;
}

#header .header-nav-main nav > ul li {
    border-bottom: 1px solid rgba(0,0,0,.03);
}

html.sticky-header-enabled #header .header-nav-main {
    max-height: 760px;
    width: 100%;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    opacity: 1;
    box-shadow: none;
    padding: 0px 34px;
}

#header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:hover {
    background: rgba(0,0,0,.03);
}

#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
	display: none;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu {
    width: 100% !important;
    right: 0px !important;
    left: auto !important;
    border-radius: 0px 0 0 0 !important;
    background: transparent !important;
}

#header .header-nav-main nav > ul > li > a {
    width: 100%;
    line-height: 18px;
    font-size: 14px;
    padding: 12px 26px;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    border-bottom: 0px solid #f4f4f4;
    color: #fff !important;
    font-size: 1em;
    font-weight: 600;
    padding: 12px 20px 12px 8px;
    position: relative;
    text-transform: none;
}

#header .header-logo img {
    margin: 8px 15px 8px 0;
}

aside {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.sadrzaj-okvir {
    margin-top: -180px;
}

.center {margin:0}
.homepage-naslov {font-size:1.7em;font-weight:600;margin:30px 0 20px 0;line-height:28px}
.col-md-5-custom {width:50%;float:left;padding:5px;height:300px;overflow:hidden}
.col-md-5-custom p {height:60px;overflow:hidden;font-size:0.9em}

}






@media (max-width: 767px) {
.red-box-1 {width:100%}
.red-box-2 {width:100%}
.box-centri {float:left;padding:0;margin:0 0 10px 0}
.col-md-5-custom {width:100%;float:left;padding:5px;}

}






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