@media (max-width: 1700px) {
.working-line nav ul li {padding: 0 18px 0 39px;}
.oko-text-effect {padding: 14% 0 14% 5%;}
}


@media (max-width: 1630px) {
.introtext1 {font-size: 7.5em !important;}
.introtext2 {font-size: 7.5em !important;}
.txt-rotate {font-size: 10.5em !important;}
span.wrap {height: 120px;line-height: 120px}
}

@media (max-width: 1480px) {
#header .header-body {padding: 8px 100px;}
.container-crta {padding: 0 125px;}
.slika-crta {position: absolute;margin: 8px 0 0 0;width: 115px;height: 5px;}
.oko-text-effect {padding: 14% 0 14% 12%;}
}

@media (max-width: 1325px) {
.oko-text-effect {padding: 14% 0 14% 7%;}
}

@media (max-width: 1290px) {
.thumb-info:hover .thumb-info-action-icon {right: 4%;top: 80%;}
.working-line {font-size: 13px;}
.working-line nav ul li {padding: 0 12px 0 33px;    line-height: 16px;}
.section-portfolio {padding: 55px 0 50px 0 !important;}
.clear100 {height:55px;}
.page-header {margin: 0 0 55px 0;}
.section-intro {min-height: 530px;padding: 145px 0 0 0 !important;}
.introtext1 {font-size: 6.5em !important;line-height: 0.5em;}
.introtext2 {font-size: 6.5em !important;line-height: 0.5em;}
.txt-rotate {font-size: 6.5em !important;line-height: 1.3em;}
span.wrap {height: 80px;line-height: 80px}
}

@media (min-width: 1200px) {
.video-fluid-wrapper-backup {width: 100%;height: 85vh;overflow: hidden;}
.video-fluid-wrapper {width: 100%;height: auto;overflow: hidden;}
.video-fluid {object-fit: cover;width: 100%;height: 100%;display: flex;top: 0;justify-content: center;}
}

@media (max-width: 1199px) {
.container-crta {padding: 0 90px;}
.working-line nav ul li {padding: 0 5px 0 26px;}
.video-fluid-wrapper {width: 100%;height: auto;overflow: hidden;}
.video-fluid {object-fit: cover;width: 100%;height: auto;}
.introtext1 {font-size: 5.5em !important;line-height: 0.5em;}
.introtext2 {font-size: 5.5em !important;line-height: 0.5em;}
.txt-rotate {font-size: 8.5em !important;line-height: 1.3em;}
.oko-text-effect {padding: 14% 0 14% 11%;}
span.wrap {height: 90px;line-height: 90px;;}
}

@media (max-width: 1160px) {
#header .header-body {padding: 8px 60px;}
.slika-crta {width: 75px;}
.naslov3 {font-size: 3.8em;;line-height: 50px;}
section.page-header h1 {font-size: 3.8em;;line-height: 50px;}
.thumb-info .thumb-info-title {font-size: 1.3em;}
.thumb-info .thumb-info-inner {line-height: 25px;}	
.thumb-info .thumb-info-action-icon {font-size: 4.5em;}
.thumb-info:hover .thumb-info-action-icon {top: 78%;}
#footer h4 {font-size: 3.8em;}
.introtext1 {font-size: 5.5em !important;letter-spacing: 12px !important;}
.introtext2 {font-size: 5.5em !important;letter-spacing: 12px !important;}
.txt-rotate {font-size: 7.5em !important;}
}

@media (max-width: 1024px) {
#header.header-narrow .header-logo img {width: 220px;height: auto;}
.working-line nav ul li {padding: 0 0px 0 21px;}
.thumb-info:hover .thumb-info-action-icon {top: 75%;}
.thumb-info .thumb-info-action-icon {font-size: 4em;}
.slider-container .bottom-label {width: 540px;white-space: initial !important;text-align: center !important;line-height: 25px !important;}
.introtext1 {font-size: 4.5em !important;letter-spacing: 7px !important;}
.introtext2 {font-size: 4.5em !important;letter-spacing: 7px !important;}
.txt-rotate {font-size: 5.5em !important;}
span.wrap {height: 60px;line-height: 60px;}
}

@media (max-width: 991px) {
#header .header-btn-collapse-nav {margin: 33px 0 8px 15px;color:#494853;background:transparent}
#header .header-nav-main nav {margin: 6px 0;}
#header .header-nav-main nav > ul li {border-bottom: none;padding: 5px 0;}
#header .header-nav-main nav > ul > li > a {float: left;margin-left:8px}
#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;color: #494853;}
#header .header-body {padding: 8px 30px;}
.container-crta {padding: 0 54px;}
.slika-crta {width: 40px;}
.working-line nav ul li {margin: 5px 0;}
#footer h4 {font-size: 3.1em;}
.righttoleft {text-align:left;}
.centertoleft {text-align:left;}
.blockimg-right {padding:0 !important; float:none;}
.blockimg-left {padding:0 !important; float:none;}
.introtext1 {font-size: 5.5em;line-height: 0.5em;letter-spacing: 8px;}
.introtext2 {font-size: 5.5em;line-height: 0.5em;letter-spacing: 8px;}
.txt-rotate {font-size: 5.5em;line-height: 1.3em;letter-spacing: 8px;}
.oko-text-effect {padding: 14% 0 14% 16%;}
}

@media (max-width: 860px) {
.thumb-info .thumb-info-inner {line-height: 19px;}
.thumb-info .thumb-info-title {font-size: 1em;}
.oko-text-effect {padding: 14% 0 14% 10%;}
}

@media (max-width: 800px) {
.introtext1 {font-size: 3.5em !important}
.introtext2 {font-size: 3.5em !important}
.txt-rotate {font-size: 4.5em !important}
.txt-rotate > .wrap {border-right: 0.03em solid #ffffff  !important;}
span.wrap {height: 50px;line-height: 50px;}
}

@media (max-width: 767px) {
#header.header-narrow .header-logo img {width: 175px;height: auto;}
#header .header-btn-collapse-nav {margin: 25px 0 8px 15px;}
.naslov3 {font-size: 3.1em;line-height: 42px;}
section.page-header h1 {font-size: 3.1em;line-height: 42px;}
.thumb-info .thumb-info-title {font-size: 1.5em;}
.thumb-info .thumb-info-inner {line-height: 28px;}
.thumb-info:hover .thumb-info-action-icon {top: 86%;}
#footer h4 {font-size: 2.9em;}
.naslov2 {margin: 0 0 10px 0;line-height: 24px;}
.slider-container .main-label {font-size: 37px !important}
.slider-container .bottom-label {font-size: 16px !important;line-height: 17px !important;}
.slider-container .btn-slider-action   {font-size: 18px !important;padding: 10px 10px  !important}
}

@media (max-width: 720px) {
.oko-text-effect {padding: 14% 0 14% 7%;}
}

@media (max-width: 700px) {
.section-intro {min-height: 265px;padding: 65px 0 0 0 !important;}
.introtext1 {font-size: 3.5em;line-height: 0.5em;}
.introtext2 {font-size: 3.5em;line-height: 0.5em;}
.txt-rotate {font-size: 3.5em;line-height: 1.3em;}
}

@media (max-width: 650px) {

}

@media (max-width: 620px) {
.slider-container .bottom-label {}
.introtext1 {font-size: 2.8em !important;letter-spacing: 0 !important;}
.introtext2 {font-size: 2.8em !important;letter-spacing: 0 !important;}
.txt-rotate {font-size: 3.5em !important;letter-spacing: 3px !important;}
.oko-text-effect {padding: 14% 0 14% 13%;}
span.wrap {height: 40px;line-height: 40px;}

}

@media (max-width: 520px) {
}

@media (max-width: 501px) {
#header .header-body {padding: 0 10px;}
#header.header-narrow .header-logo img {width: 145px;height: auto;}
#header .header-btn-collapse-nav {margin: 20px 0 8px 15px;}
#header .header-nav-main nav > ul > li > a {margin-left: 4px;}
.container-crta {padding: 0 32px;}
.slika-crta {width: 22px;}
.section-padding2 {padding: 10px 0 !important;}
.working-line {font-size: 9px;letter-spacing: 6px;}
.working-line nav ul li {padding: 0 0px 0 15px;line-height: 10px;}
.text-sivi1,.text-sivi2 {color: #909093;font-size: 14px;line-height: 22px;}
.section-padding {padding: 45px 0 20px 0 !important;}
.section-portfolio {padding: 45px 0 20px 0 !important;}
.page-header {margin: 0 0 45px 0;padding: 45px 0;}
#footer.short {padding-top: 45px;}
.naslov3 {font-size: 2.6em;line-height: 38px;}
section.page-header h1 {font-size: 2.6em;line-height: 38px;}
.thumb-info .thumb-info-title {font-size: 1.3em;}
.thumb-info:hover .thumb-info-action-icon {top: 81%;}
.clear50 {clear: both;height: 25px;}
#footer p {color: #ffffff;font-size: 14px;line-height: 23px;}
.pad16 {font-size: 14px;padding: 10px 10px;}
.slider-container .main-label {font-size: 25px !important}
.slider-container .bottom-label {font-size: 14px !important;}
.slider-container .bottom-label {width: 300px !important;}
.section-intro {min-height: 230px;}
.introtext1 {font-size: 2.5em;line-height: 0.5em;letter-spacing: 8px;}
.introtext2 {font-size: 2.5em;line-height: 0.5em;letter-spacing: 8px;}
.txt-rotate {font-size: 2.5em;line-height: 1.3em;letter-spacing: 8px;}
}

@media (max-width: 479px) {
.glavna-tekst img {width:100%; display:block;}
.thumb-info:hover .thumb-info-action-icon {top: 77%;}
}

@media (max-width: 425px) {
.introtext1 {font-size: 2.4em !important;letter-spacing: 0 !important;}
.introtext2 {font-size: 2.4em !important;letter-spacing: 0 !important;}
.txt-rotate {font-size: 3em !important;letter-spacing: 3px !important;}
.oko-text-effect {padding: 14% 0 14% 11%;}
.txt-rotate > .wrap {border-right: 0.04em solid #ffffff !important;}
span.wrap {height: 30px;line-height: 30px;}
}

@media (max-width: 375px) {
.introtext1 {font-size: 2em !important;letter-spacing: 0 !important;}
.introtext2 {font-size: 2em !important;letter-spacing: 0 !important;}
.txt-rotate {font-size: 2.5em !important;letter-spacing: 3px !important;}
}

@media (max-width: 320px) {
.introtext1 {font-size: 2em !important;letter-spacing: 0 !important;}
.introtext2 {font-size: 2em !important;letter-spacing: 0 !important;}
.txt-rotate {font-size: 2.2em !important;letter-spacing: 3px !important;}
.oko-text-effect {padding: 14% 0 14% 10%;}
.txt-rotate {line-height: 1.8em !important;}
}