@media (max-width: 1199px) {

.btn-continue {float: none; display: block; width: 100%; margin: 0 0 10px;}

.onama-desno {
    text-align: right;
    margin-top: 30px;
    padding-left: 30px;
    border-bottom: 0px solid #f8f8f8;
    margin-bottom: 10px;
}

.stavke-onama {
	margin: 20px 0;
}

img.bg-zub {
    position: absolute;
    right: -80px;
    top: -210px;
}

#kontakt-section p {
    font-size: 82%;
}

#kontakt-section h5 {
    font-size: 90%;
}

}






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

.hamburger {
    padding: 7px 0px 10px 4px;
    float: right;
    margin-top: 24px;
    display: block;
}

#header.header-transparent .header-nav-main {
    padding: 6px;
    margin-bottom: 10px;
    background: transparent;
    border-radius: 0px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #fff;
}

html.sticky-header-active #header .hamburger-inner, html.sticky-header-active #header .hamburger-inner::before, html.sticky-header-active #header .hamburger-inner::after {
    background-color: #000;
}

#header .header-nav-main nav > ul > li > a {
    display: inline-block;
    border-radius: 0px;
    font-size: 1.1em;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    padding: 8px 16px 8px;
    width: 100%;
}

#header.header-transparent .header-nav-main {
    padding: 0px;
}

img.hero-img {
    margin-top: 0px;
}

.play-btn {
    position: absolute;
    top: 37%;
    left: 40%;
    z-index: 2;
}

html #header.header-transparent .header-body {
	background: #fff;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #000;
}

#header .header-container {
    border-top: 0px solid #4d5355;
}

.mail-slider {
    width: 60%;
    margin-bottom: 12px;
    margin-right: 0px;
}

.sadrzaj-lijevo-slider span {
    height: auto;
    align-items: center;
    justify-content: center;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    padding: 20px 0px 50px 0px;
}

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

#header .header-nav-main nav > ul > li > a i {
    font-size: 1.6em;
    margin-top: 16px;
}

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

html.sticky-header-negative.sticky-header-active #header .header-logo {
    padding-top: 0px;
}

#slider-bg {
    height: auto;
}

#header .header-body {
    border-bottom: 1px solid #fff;
    border-bottom-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

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

img.img-doktorica {
    right: 0px;
    position: absolute;
    width: 300px;
    height: auto;
    top: 50vh;
}

#slider-section {
    border-radius: 0 0 40% 40%;
}

#header .header-logo img {
    margin: 13px 15px 10px 0;
    width: 260px !important;
	height: 60px !important;   
}

html.sticky-header-active #header.header-transparent .header-body .header-logo img {
    width: 260px !important;
	height: 60px !important;
    top: 0px !important; 
}

h1 {
    font-size: 3.6em;
}

#header .header-logo img {
    filter: invert(26%) sepia(29%) saturate(4007%) hue-rotate(175deg) brightness(93%) contrast(95%);
}

html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a {
    color: #095579;
}

html #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a {
    color: #095579;
}

#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: #095579;
}

#header .header-nav-main nav > ul > li > a i {
	font-size: 1.2em;
    margin-top: 0px;
}

#strucnost-section {
    padding: 110px 0 30px;
}

.onama-desno {
    text-align: left;
    margin-top: 20px;
    padding-left: 0px;
    border-bottom: 0px solid #f8f8f8;
    margin-bottom: 0px;
}

.stavke-strucnost {
    width: 100%;
}

h2 {
    font-size: 3.6em;
}

#usluge-section {
    padding: 50px 0 30px;
}

.desno-gumb {
    padding-top: 30px;
}

#galerija-section {
    padding: 30px 0 10px;
}

#kontakt-section img.img-responsive {
    padding-top: 50px;
    margin-bottom: 40px;
    top: 100px;
    width: 520px;
    position: absolute;
}

.forma-naslovnica {
    width: 100%;
    margin-top: 30px;
}

.linkovi-footer {
    display: block;
}

img.footer-logo {
    width: 260px;
    height: auto;
    margin: 0px auto 40px;
}

.page-header {
    background-color: #171717;
    border-bottom: 5px solid #ACD4F7;
    border-top: 0px solid #384045;
    margin: 0 0 40px 0;
    min-height: 50px;
    padding: 120px 50px 70px;
    background: rgb(0,141,208);
    background: linear-gradient(180deg, rgba(0,141,208,1) 0%, rgba(9,85,121,1) 100%);
    border-radius: 0 0 30% 30%;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.08);
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    border-bottom: 0px solid #efefef;
    padding: 8px 12px 8px 6px;
}

#header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
    margin-left: 10px;
    padding: 0px 10px 0 10px;
}

#header .header-nav-main nav {
    margin: 0 0 0px;
}

#header.header-transparent .header-nav-main {
    margin-bottom: 0px;
}


}






@media (max-width: 767px) {

img.img-zub {
    position: absolute;
    bottom: -110px;
    left: 0px;
    width: 210px;
    height: auto;
}

.onama-desno p {
    font-size: 1.1em;
}

img.blok-kontakt {
    top: -80px;
}

#kontakt-section img.img-responsive {
    top: 260px;
}

.kontakt-foot {
    padding: 30px 16px 30px 24px;
}

#kontakt-section p, #kontakt-section h5 {
    font-size: 92%;
}

#kontakt-section {
    padding: 50px 0 30px;
}

#footer {
    height: 520px;
}

.datum {
    left: -12px;
}

.misija-zajedno {
	min-height: auto;
}


}




@media (max-width: 479px) {

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


#footer {
    height: auto;
}

.potpis-tekst {
    padding: 46px 16px 0px;
    height: auto;
    overflow: hidden;
}

#footer .potpis-tekst a, #footer .potpis-tekst p {
    font-size: 0.92em;
}

.page-header {
    padding: 120px 10px 30px;
}

.page-header img.img-zub {
    bottom: -70px;
    right: 0px;
    left: unset;
    width: 130px;
    height: auto;
}

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



}