@media (min-width: 992px) {
    #header.other-css .logo-link-img {position: relative !important;top: -15px !important;}
    html.sticky-header-active #header.other-css .logo-link-img {position: relative !important;top: 25px !important;width:100px !important;height: 100px !important;}
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {color:#000000}
    .rot-naslov h1 {font-family: "Nunito", sans-serif;margin-bottom: 25px;text-align:left !important;font-size:59px !important;font-weight:800 !important;color:#fff !important;line-height:1.1em !important;margin-bottom: 25px;}
    .rot-naslov h1::after {content: "";display: block;width: 65px;height: 2px;background-color: #f56fa9;margin: 23px 0 0 0;}
    .rot-tekst {text-align:left !important;font-size:25px !important;font-weight:400 !important;color:#fff !important;line-height:35px !important;margin-top: -20px !important;}
    .rot-gumb .button-tag a {min-width: max-content;padding: 15px 30px;font-weight: 500;margin: 14px 0 0 0;letter-spacing: 1px !important;border: 0 !important;}
}
@media (min-width: 1680px) {
    .onamaparalax section .row .col {padding-left:75px !important; padding-right:75px !important;}
    .onamaparalax section .pochenareviews .row .col  {padding-left:0 !important; padding-right:0 !important;}
}
@media (max-width: 1200px) {

}


@media (max-width: 1680px) {
    .rot-naslov, .rot-tekst, .rot-gumb, .tp-caption {margin-left: 30px !important;}
}
@media (max-width: 1470px){
    #header .header-nav-main nav > ul > li {margin-left: 25px;}
    #header .header-nav-main nav > ul > li > a {font-size: 15px !important;}
}
@media (max-width: 1440px){ 
    .rot-naslov h1 {font-size:45px  !important}
    .rot-tekst {font-size:22px  !important}
    .rot-gumb .button-tag a, .button-tag .btn {font-size:18px  !important}
    .onamaparalax h2, .programi-box .heading h2 span, .brojacparalax h2, .onamaentry h2, section.call-to-action .call-to-action-content h2,.contact-flex-section h2,     .rot-naslov, .rot-tekst, .rot-gumb, .tp-caption {margin-left: 30px !important;}

    .onamaparalax h2, .programi-box .heading h2 span, .brojacparalax h2, .onamaentry h2, section.call-to-action .call-to-action-content h2,.contact-flex-section h2, { font-size:35px}
     { font-size:35px}
.onamaparalax div.custom-div p, .programi-box .heading p, .onamaentry p, section.call-to-action .call-to-action-content p, .programi-box .heading ul li,.contact-flex-section p
{font-size: 20px;line-height: 26px;}
    .programiowl .owl-item img {min-width: 320px;max-width: 320px;}
    .container-xl {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}
    .programiindex article.post .post-content h4 {font-size: 23px !important;}
}
@media (max-width: 1340px){
    .programiowl .owl-item .content {min-height: 265px;}
    .programiowl .owl-item img {min-width: 245px;max-width: 245px;min-height: 265px;max-height: 265px;}
}
@media (max-width: 1240px){
    #footer .footercss h5 {font-size:21px}
    .footer-logo img {width: 150px;}
    #header .header-nav-main nav > ul > li {margin-left: 20px;}
}
@media (max-width: 1199px){
    #header .header-nav-main nav > ul > li {margin-left: 10px;}
    .contact-flex-section {display: inline-block;}
    .programiowl .owl-item {flex-direction: column;padding: 0; }
    .programiowl .owl-item img {float: none; min-width: 100%; max-width: 100%; min-height: auto; max-height: none; margin-right: 0; border-radius: 50px 50px 0 0 !important;}
    .programiowl .owl-item .content {min-height: auto;padding: 20px;}
}

/*@media (max-width: 1199px) and (min-width: 993px) {
    .tp-caption.rot-naslov {transform: translateY(-80px) !important;}
    .tp-caption.rot-tekst {transform: translateY(-60px) !important;}
    .tp-caption.button-tag {transform: translateY(-40px) !important;}
}*/
@media (max-width: 1140px){
    #header .header-nav-main nav > ul > li > a {padding: .2rem .8rem;min-height: 35px;}
    #header .header-nav-main nav > ul > li {margin-left: 0;}
}
@media (max-width: 1070px){
    #header .header-nav-main nav > ul > li {margin-left: 8px;}
    #header .header-nav-main nav > ul > li > a {font-size: 13px !important;}
}
@media (max-width: 991px){
    #header.other-css .logo-link-img {position: relative !important;top: 10px !important;width:110px !important;height: 110px !important;}
    .header__wrapper-social .d-none {display: block !important;}
    #header .header-nav-main nav {margin-top: 155px !important;}
    #header .header-nav-main nav > ul > li > a {min-height: 38px;}
    #header .header-nav-main nav >ul li {min-height: 38px;}
    #header li.dropdown.desktopAndMobileClass.dropdown-reverse.open {background:transparent}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li >a {padding: 7px 18px;}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {background: #000000;border-radius: 25px;padding: 7px 18px;}
    #header .header-nav-main nav>ul li {border-bottom: 1px solid #d1d1d1;}
    #header .header-nav-main nav>ul li a:active {background-color: transparent;}
    #header .header-nav-main nav>ul li a:hover {background-color: #000000;border-radius: 25px;padding: 7px 18px;color:#ffffff}
    #header .header-btn-collapse-nav {background: #000000;border-radius: 25px;}

    html.sticky-header-active #header.other-css .logo-link-img {position: relative !important;top: 25px !important;width:100px !important;height: 100px !important;}
    .onamaparalax.container-fluid section.section-background.match-height.section-half {min-height: 300px !important;}
    .rot-naslov h1 {font-family: "Nunito", sans-serif;margin-bottom: 25px;text-align:left !important;font-size:45px !important;font-weight:800 !important;color:#fff !important;line-height:1.1em !important;margin-bottom: 25px;}
    .rot-naslov h1::after {content: "";display: block;width: 65px;height: 2px;background-color: #f56fa9;margin: 23px 0 0 0;}
    .rot-tekst {text-align:left !important;font-size:22px !important;font-weight:400 !important;color:#fff !important;line-height:35px !important;margin-top: -20px !important;}
    .rot-gumb .button-tag a {font-size:18px  !important;min-width: max-content;padding: 15px 30px;font-weight: 500;margin: 14px 0 0 0;letter-spacing: 1px !important;border: 0 !important;}


    section.call-to-action {padding: 35px 0px;margin-bottom:0 !important}
    .box.pomak-clear {margin: 0 0;}
    .onamaparalax section div.parallax-background {height: 100%;}
    .page-header {padding: 50px 0;margin: 0 0 50px;}
    section.section {padding: 45px 0;}
    .pocetna-programi {padding: 25px 0;}
    .brojacparalax section.section {padding: 60px 0;}
    .footercss {padding: 45px 0 0 0 !important;height: auto;text-align: center;}
    #footer .footercss h5 {text-align: center;}
    #footer .footercss h5::after {margin: 15px auto 0 auto;}
    #footer .pomak-d p {text-align:center !important}
    .crta-kolona:after {display:none}
    .rot-naslov, .rot-tekst, .rot-gumb, .tp-caption {margin-left: 10px !important;}
    #footer .footer-copyright p {text-align:center}
}


@media (max-width: 768px) {
    .rot-gumb {margin-top:30px !important;}
    .desktopAndMobileClass ul.header-social-icons {display: none !important;}
    .rot-tekst {width: 450px !important;min-width: 450px !important;max-width: 450px !important;}
    .rot-naslov h1 {font-size:36px !important;}
    .rot-tekst {font-size:18px !important;line-height:24px !important;}
    .rot-gumb .button-tag a {font-size:14px  !important;}
    .onamaparalax section div.parallax-background {top: 0% !important;}
    img.img-fluid.appear-animation.animated.fadeInRight.appear-animation-visible {margin-bottom:20px}
    .onamaparalax h2, .programi-box .heading h2 span, .brojacparalax h2, .onamaentry h2, section.call-to-action .call-to-action-content h2
    {display: inline-block;text-wrap: auto;line-height:40px; margin: 0 auto !important;}
    .contact-flex-section h2 {display: inline-block;text-wrap: auto;line-height:40px;}
    .onamaparalax div.custom-div p, .programi-box .heading p, .onamaentry p, section.call-to-action .call-to-action-content p,.programi-box .heading ul li,.contact-flex-section p, .pitanjacss p, .korisnicicss p, .pitanjacss li, .korisnicicss li
    {font-size: 18px;line-height: 26px;}
    .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn {padding: 20px 0;width: auto;}
    .glightbox-gallary img, .glightbox-gallary .embed-responsive, .glightbox-gallary video {max-height: 185px;min-height: 185px;}

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

}

@media (max-width: 640px) {
    .glightbox-gallary {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
}
@media (max-width: 575px) {
    .heading.heading-middle-border-center h1, .heading.heading-middle-border-center h2,.contact-flex-section h2,.heading.heading-middle-border-center h3, .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 {
        display: inline-block;text-wrap: auto;line-height: 29px;}
    a.btn.naruci-gumb {padding: 15px;}
    .container-xl.kontakt-forma {padding:0!important}
}


@media (max-width: 500px) {
    .rot-naslov h1 {font-size:28px !important;}
    .rot-tekst {font-size:15px !important;line-height:24px !important;}
    .rot-tekst {width: 350px !important;min-width: 350px !important;max-width: 350px !important;}
    .rot-gumb .button-tag a {font-size:14px  !important;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span {padding: 6px 0px 6px 6px !important;}
    .onamaparalax section div.parallax-background {top: 0% !important;}
    .onamaparalax h2, .programi-box .heading h2 span, .brojacparalax h2, .onamaentry h2, section.call-to-action .call-to-action-content h2,.contact-flex-section h2, article.post-large h2, .pitanjacss article.post-large h2, korisnicicss article.post-large h4{font-size: 28px;line-height:28px}
    .onamaparalax.container-fluid section.section-background.match-height.section-half {min-height: 260px !important;}

    .toggle>label, .toggle>.toggle-title {font-size:18px !important; padding:15px 20px}

    .glightbox-gallary img, .glightbox-gallary .embed-responsive, .glightbox-gallary video {max-height: 100px;min-height: 100px;}
    .programi-box .heading h2::after {    margin: 11px auto 0;}
    .programi-box .heading h2 span   {  margin-bottom: 0 !important;}
    .counters.counters-lg [class*=fa-] {font-size: 95px;}
    .pochenareviews .content::after {top: 20px;left: 0;width: 50px;height: 31px;}
    .pochenareviews .content {margin-left: 0;padding-top: 52px;}
    .onamaentry .button-tag .col-sm-12 {  display: flex;
        align-items: center;
        justify-content: flex-start; /* ili left */
        flex-wrap: wrap;             /* omogućava prelazak u novi red */
        gap: 10px;  }
    .onamaentry .button-tag .col-sm-12 a.btn.naruci-gumb {flex: 1 1 100%;}

}
@media (max-height: 500px) {

    .rot-naslov {display:none !important;}
    .rot-tekst p {display:none !important;}
    .rot-gumb {display:none !important;}

}


/* Veliki ekrani (desktop) 
@media (min-width: 992px) {
.onama > .row > .col-lg-6:first-child {flex: 0 0 41.666667%;  max-width: 41.666667%;}
.onama > .row > .col-lg-6:last-child {flex: 0 0 58.333333%; max-width: 58.333333%;}}
@media (min-width: 768px) and (max-width: 991.98px) {.onama > .row > .col-lg-6 {flex: 0 0 50%;max-width: 50%;}}
@media (max-width: 767.98px) {.onama > .row > .col-lg-6 {flex: 0 0 100%;max-width: 100%;}}
*/
/*
RESPONSIVE

@media (min-width: 576px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 768px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 992px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1200px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1440px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (max-width: 1440px) {.main.other-css .container-xl {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}

@media (min-width: 1680px) {
.main.other-css .smanjenasirina {width:75% !important; max-width:75% !important; margin: 0 auto !important;}
.main.other-css .smanjenasirina .portfolio-list .portfolio-item {position: relative; margin: 0 auto 35px auto; width: 80% !important;}
.main.other-css .smanjenasirina .form-entry-block {width: 80% !important; margin: 30px auto 50px auto !important;}
.main.other-css .smanjenasirina .post-content {width:70% !important; max-width:70% !important; margin: 0 auto !important;}
.main.other-css .smanjenasirina .inside-blog {width:70% !important; max-width:70% !important; margin: 0 auto !important;}
}

@media (min-width: 992px) {
#header.other-css .header-nav-top .nav > li > a,
#header.other-css .header-nav-top .nav > li > span {padding: 6px 10px 6px 20px !important;}

#header.other-css .header-nav-main nav > ul > li > a {font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: 1px; color:#fff !important;}
#header.other-css .header-nav-main nav > ul > li > a:hover {color: #ed6903 !important;}
#header.other-css .header-nav-main nav > ul > li > a.active {color: #ed6903 !important;}
#header.other-css .header-nav.header-nav-line nav > ul li:hover > a {color: #ed6903 !important;}
#header.other-css .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before {background: #ed6903 !important;}

#header.other-css .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a::before {background: #ed6903;}
#header.other-css .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before {background: #ed6903;}
#header.other-css .logo-link-img {position: relative !important;top: -15px !important;}

html.sticky-header-active #header.other-css .logo-link-img {position: relative !important;top: 25px !important;width:100px !important;height: 100px !important;}

.foot-sredina {text-align:center !important;}
.foot-sredina img {margin-top:-50px;}
.foot-desno {text-align:right !important;}
.foot-lijevo {text-align:left !important;}

.p-rightnone {padding-right:0 !important;}
.p-leftnone {padding-left:0 !important;}

.rot-naslov p{text-align:left !important;font-size:56px !important;font-weight:700 !important;color:#fff !important;line-height:1.1em !important;}
.rot-tekst {
text-align:left !important;
font-size:24px !important;
font-weight:400 !important;
color:#fff !important;
line-height:1.2em !important;
margin-top: -20px !important;}
.button-tag a{
padding:20px 25px !important;
font-size:15px !important;
letter-spacing:1px !important;
background:#ed6903 !important;
border:0 !important;
border-radius:30px !important;
width:200px;}
.button-tag a:hover {background:#b81f30 !important;}
.tp-bullets {top:95% !important;}

.foot-text-left {text-align:left !important; margin-bottom:30px !important;}
.foot-text-right {text-align:right !important; margin-bottom:30px !important;}
.foot-text-center {text-align:center !important; margin-bottom:30px !important;}

.brojacpoc {padding:90px 0 !important;}
}


@media (max-width: 1680px) {
.rot-naslov, .rot-tekst, .rot-gumb, .tp-caption {margin-left: 30px !important;}
}

@media (max-width: 1199px) {

}

@media (max-width: 1023px){
#header .header-column .header-row {background: #000 !important;}
}

@media (max-width: 991px){
body {overflow:hidden;}
#header.other-css .header-nav-top .nav > li > a,
#header.other-css .header-nav-top .nav > li > span {padding: 6px 0 6px 10px !important;}

#header.other-css .logo-link-img {
position: relative !important;
top: 10px !important;
width:110px !important;
height: 110px !important;}
.d-none{display:block!important;}
.header-img {display:none;}
#header .header-btn-collapse-nav {border-radius: 0;}
html.sticky-header-active #header.other-css .logo-link-img {
position: relative !important;
top: 25px !important;
width:100px !important;
height: 100px !important;}

#header.other-css .header-column .header-row {background: #000 !important;}
#header.other-css .header-column {background:  #000 !important;}
#header.other-css .header-nav-main {background:#000;}
html.sticky-header-active #header.other-css .header-body #mainNav li a{color:#ed6903;}

#header.other-css .header-nav-main nav > ul {padding-top: 20px !important;}
#header.other-css .header-nav-main nav > ul li {border-bottom: 1px solid #444 !important;}
#header.other-css .header-nav-main nav > ul li a {font-size: 16px !important;}
#header.other-css .header-nav-main nav > ul > li > a {color: #fff !important;}
#header.other-css .header-nav-main nav > ul > li > a:hover {color: #ed6903 !important; background: #222 !important;}
#header.other-css .header-nav-main nav > ul > li > a.active {color: #ed6903 !important; background: #222 !important;}
.open {background: #222 !important;}

#header.other-css .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color:#fff; background-color: #222 !important;}
#header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {padding: 10px 8px;}

.dropdown-item:focus, .dropdown-item:hover {color: #ed6903 !important; background-color: #222 !important;}

.sidebar-display-fix {display:none!important;}

.tp-caption p {
text-align:left !important;
font-size:30px !important;
font-weight:700 !important;
color:#fff !important;
line-height:1.1em !important;}
.rot-tekst {display:none !important;}
.tp-caption a {
width:170px;
padding: 16px 20px !important;
font-size:14px !important;
letter-spacing:1px !important;
margin-top:-0px !important;
background:#ed6903 !important;
border:0 !important;
border-radius:30px !important;}
.rot-gumb:hover {background:#b81f30 !important;}
.sidebar {margin-top:30px !important;}
.foot-sredina img {margin-top:15px; margin-bottom:25px;}
.p-lr-60 {padding-left: 30px !important; padding-right: 30px !important;}
}


@media (max-width: 768px) {
.rot-gumb {margin-top:30px !important;}}

@media (max-height: 500px) {
.rot-naslov {display:none !important;}
.rot-tekst p {display:none !important;}
.rot-gumb {display:none !important;}}

*/