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

html.sticky-header-enabled #header.header-transparent .header-body {
    background: rgba(255, 255, 255, 1);
}

.hamburger {
    padding: 15px 15px;
    float: right;
    margin-top: 20px !important;
}

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

#header.header-transparent .header-nav-main nav > ul > li > a {
    padding: 12px 10px 10px;
}

#header .header-nav-main {
    float: none;
}

#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 {
    background-color: transparent;
}

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

#header .header-social-icons {
    float: left;
    margin: 0px 0 0 0px;
}

.social-icons li {
    display: inline-block !important;
    border-bottom: 0px solid #e8e8e8;
}

#header .header-nav-main nav > ul li ul li {
    border-bottom: 0px solid #e8e8e8;
}

.hamburger {
	display: inline-block;
}

.bg-drustvo {
    background: none;
}

.logo-bg {
    background-color: transparent;
    float: none;
    padding: 10px 0;
    margin-top: 0px;
}

.bg-drustvo h1 {
    float: none;
}

.sadrzaj-slider {
    padding: 60px 0px;
    z-index: 9999;
    line-height: normal;
    text-align: right;
    margin-top: 80px;
}

#slider-section {
    background-color: #fff;
    min-height: auto;
}

#drustvo-section {
    padding: 20px 0;
}

.sadrzaj-drustvo {
    padding: 30px 0 40px;
}

.desno-sadrzaj {
    text-align: left;
}

.page-header span {
    width: 60%;
}

.page-header {
    padding: 110px 0 20px;
}

.main {
    padding-top: 50px;
    background-position-y: -60px;
}

.main-kontakt {
    padding-top: 0px;
    background-position-y: 0px;
}

#header .header-body {
    box-shadow: 0 0 3px rgb(0 0 0 / 10%);
}

html #header.header-transparent .header-body {
    box-shadow: 0 0 3px rgb(0 0 0 / 10%) !important;
}


}






@media (max-width: 767px) {

.sadrzaj-slider h2 {
    font-size: 2.8em;
}

#tim-section {
    padding: 40px 0px 20px;
}

#podrucja-section {
    padding: 40px 0 20px;
}

.usluge-zajedno h4 {
    height: auto;
}

.page-header span {
    width: 80%;
}

.kontakt-footer .krug-2, .kontakt-footer .krug-4 {
	margin-left: 0px !important;
}

.trokut-img-5, .trokut-img-8, .trokut-img-17, .trokut-img-10, .trokut-img-4 {
	display: none;
}



}






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

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

.bg-drustvo {
	background: url(https://kcpp.hr/slike/drustvo-bg.jpg) right center no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    margin-right: 0px;
}

.sadrzaj-drustvo p {
    padding-right: 0px;
    color: #fff;
}

.sadrzaj-drustvo h1 {
    color: #fff;
}

.page-header span {
    width: 100%;
}

.page-header {
    min-height: 300px;
    padding: 130px 0 40px;
}

.page-not-found h3 {
    font-size: 1.8em;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: none;
}

.page-not-found h2 {
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.3;
    text-align: center;
}

#drustvo-section {
    padding: 0px 0;
}

.page-header h1 {
    font-size: 3em;
    margin-bottom: 10px;
}

.page-header p {
    font-size: 1.3em;
}


}