@media (min-width: 1200px) {

#header .header-nav-main nav > ul > li > a {font-size: 18px !important; letter-spacing:1px !important;}
#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {padding: 35px 13px 35px !important;}

}



@media (min-width: 992px) {

#header .header-nav.header-nav-stripe nav > ul > li > a {color: #fff;}
#header .header-nav.header-nav-stripe nav > ul > li:hover > a {color:#fff !important; background:#d4af37;}
#header .header-nav.header-nav-stripe nav > ul > li.active > a {color:#fff !important; background:#d4af37;}

#header .header-nav-main nav > ul > li > a {
    border-radius: 0px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing:0px;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {border-top-color: #f6bb66 !important;}
#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {padding: 35px 10px 35px;}

}


@media (min-width: 768px) {

.lead {font-size: 24px !important; font-weight: 400 !important;}

}


@media (min-width: 480px) {

#header .header-logo img {width:300px !important; height:42px !important;}

}





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






@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;}

#header .header-btn-collapse-nav {position:relative; top:-17px; right:0; margin: 0 0 3px 15px; background:#d4af37; color:#000;}
#header .header-nav-main nav > ul li {border-bottom: 1px solid #272a34;}

#header .header-nav-main nav > ul > li > a {
    border-radius: 0px;
    font-size: 18px;
    font-weight: 600;
}

.slider-container .top-label-novi3, .slider-container .top-label-novi3 p {font-size:20px !important; line-height:28px !important; padding:20px !important;}
.slider-container .top-label-novi3 {padding:30px !important;}
.slider-container .top-label-novi3 h3 {font-size:20px !important; line-height:24px !important; margin:0 0 15px 0 !important; padding:0 !important;}
.slider-container .top-label-novi3 p {font-size:16px !important; padding: 0 0 0 15px !important; margin:0 0 15px 0 !important;}

.page-header {margin: 0 0 30px 0; padding: 150px 0 0 0 !important;}
.page-header h1 {font-size: 30px;}
.page-header .breadcrumb {letter-spacing:0 !important;}

.marginadoljemalerezolucije {margin-bottom:30px;}

}






@media (max-width: 767px) {

.lead {font-size: 18px !important;}
.headerslika {height:350px; width:100%; background: #000 url(https://mrinternational.hr/slike/header-podloga-02.jpg) center right no-repeat; background-repeat: no-repeat !important; background-size: cover !important;}

}






@media (max-width: 479px) {

.glavna-tekst img {width:100%; display:block;}

#header .header-logo img {width:200px !important; height:28px !important;}
#header .header-btn-collapse-nav {position:relative; top:-11px; right:0; margin: 0 0 3px 15px; background:#d4af37; color:#000;}

.slider-container .top-label-novi3 p {display:none !important;}

.page-header {margin: 0 0 30px 0; padding: 150px 0 0 0 !important;}
.page-header h1 {font-size: 28px;}

}