@media (min-width: 992px) {
    #header .header-nav.header-nav-line nav > ul li > a.active {color: #c9a84c !important;}
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {color: #c9c3b4;text-transform:uppercase !important}
    #header .header-nav.header-nav-line nav > ul li:hover > a {color: #ffffff;}
    #header .header-nav.header-nav-line nav > ul li:hover > a:before {background: #ffcc00;}
}

@media (max-width: 1440px) {
    .container-xl {  max-width: unset; }
}

@media (max-width: 1290px) {
    .cta-box {padding: 45px;}
    .box-recenzije .col-lg-3 {-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%;} 
}
@media (max-width: 1200px) {
    .usluge-box .featured-box .box-content {padding: 20px 15px !important;}
    .clear90 {clear: both !important;height: 30px !important;}
    .container-xl.box-kontakt, .container-xl.py-2.index-kontaktinfo {padding:0 !important}
    .kuponi .col-lg-6 {flex: 0 0 100%;max-width: 100%;width: 100%;margin-bottom:30px}
    .btn-gold {display: inline-block;}
    .box-kupon {background-size: 20%;}
}
@media (max-width: 1120px) {
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {font-size: 11px !important;padding: 0 12px;}
    #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav>ul>li>a.active:before {right: 12px;}
    #header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li>a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li:hover>a:before {left:12px}

}
@media (max-width: 1100px) {
.trust-bar .row {display: flex;flex-wrap: wrap;justify-content: center;}
.trust-bar .col-lg-1-5 {width: auto;flex: 0 0 auto;}
}
@media (max-width: 991px) {
    #header .header-nav-main {top: 30px;background: #0c0c0c;}
    #header .header-nav-main nav > ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a, .dropdown-item {color: #c9c3b4;}
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {padding: 10px 12px;font-size: 13px !important;}


    .open {background: #151515;}
    .tablica1-index .col-lg-9 {flex: 0 0 100%;max-width: 100%;}
    .tablica1-index .col-lg-3 {display:none}
    .onama-animation .col-lg-3, .onama-animation .col-lg-9 {flex: 0 0 100%;max-width: 100%;}
    .uvodni-text p {max-width: 100%;}
    .usluge-section, .onama-section, .recenzije-section, .faq-section, .prices-section, .kalkulator-section {padding: 70px 0}
    .cta-box {margin: 70px 0;}
    .row.align-items-center .col-sm-12 .btn {width: auto;padding: 15px 30px;}
    .box-kupon {padding: 30px 120px 30px 20px;}
    .box-zalagaonica {padding: 30px 5px;}
    .price-table-header {padding: 24px 15px;}
    .price-table th {padding: 12px 15px;font-size: 10px;}
    .price-table td {padding: 7px 15px;font-size: 12px;}
    .price-note {padding: 16px 15px;font-size: 12px;}
    .price-label {font-size: 12px;padding: 0 0 0 15px;}
    .price-value {font-size: 13px;padding: 0 15px 0 0;}
    .price-row {padding: 7px 0;}
    .price-table td:last-child {;font-size: 13px;}
    .hero-price-card {padding:24px;margin-top:30px}
    .onama-animation .col-lg-3 img {margin-bottom:30px}
    .box-kontakt .container-xl {padding:0}

    .pad-index {padding: 180px 0 80px;}
    .box-article .post-content h4 {max-height: none;min-height: auto;}
    .box-article .post-content p {max-height: none;}
    .box-recenzije .feature-box.feature-box-tertiary {padding:7px 10px;gap: 0;}
    section.section.section-height-3 {padding:0}
    aside.sidebar {margin-top:30px}
    .left .breadcrumb {text-align: left !important;}

    #footer .footer-copyright .footer-info4 p, .col-lg-9.footer-info3, #footer .footer-info1 {text-align:center}
    #footer .footer-copyright .col-lg-3.d-flex.justify-content-center {justify-content: center !important;margin-bottom: 8px;margin-top: 8px;}
    #footer .col-lg-2 h5 {margin-bottom: 10px !important;margin-top: 20px}
}

@media (max-width: 850px) {
    .prices-grid {display: grid;grid-template-columns: 1fr;}
}
@media (max-width: 778px) {
    #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {font-size: 11px !important;padding: 2px 10px 0 0 !important;}
    .container-xl.box-kontakt, .container-xl.py-2.index-kontaktinfo {padding: 0 0 0 15px;}
    .cta-box {padding: 30px 15px;}

}
@media (max-width: 650px) {
    .header__wrapper-social {display: inline-block;}
    .mt-index {margin-top: -150px;}
}
@media (max-width: 576px) {
    #header .header-nav.down-menu {
        min-height: 75px;
    }
    #header .header-logo img {
        top: 35px !important;
        width: 190px;
    }
    .page-header.page-header-lg h1 {
        font-size: 28px;
    }
    .page-header.page-header-lg {
        margin-top: -150px;}
    .box-zalagaonica ul li {flex: 0 0 100%;max-width: 100%;}
    .box-kupon {padding: 30px 30px 30px 20px;}
    .usluge-section, .onama-section, .recenzije-section, .faq-section, .prices-section, .kalkulator-section {padding: 30px 0;}
    .cta-box {margin: 30px 0;}
    .clear90 {clear: both !important;height: 0px !important;}

    .calc-card {padding: 20px;}
    .calc-row select, .calc-row input {padding: 5px 16px;}
    .calc-result {padding: 10px;}
    .calc-result-value {font-size: 35px;line-height: 41px;}
    .calc-card h3 { font-size: 20px;}
    .box-recenzije .col-lg-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .box-recenzije h4 p {font-size:20px}
    .box-recenzije .feature-box .feature-box-icon {width: 1.7em;height: 1.7em;}
.box-recenzije .feature-box {
    display: flex;
    flex-direction: column;    /* ikona gore, tekst ispod */
    align-items: flex-start;   /* sve poravnato lijevo */}
.box-recenzije .feature-box .feature-box-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-bottom: 8px;        /* razmak ispod ikone */}
.box-recenzije .feature-box .feature-box-info {
    flex: 0 0 auto;
    padding-left: 0;           /* više ne treba lijevo kad je ispod */
    text-align: left;}
.box-recenzije .feature-box .feature-box-info  .text-small {font-size: .6em;}
.owl-carousel .owl-nav button.owl-next {right:-10px}
    .owl-carousel .owl-nav button.owl-prev {left: -10px;}
    .heading-naslovi p,.heading-naslovi-page p,.heading-text-prodaja ul  {100%}
    .heading-naslovi-page {
        padding: 0 !important;
    }
    .page-header {
        margin: 0 0 30px;
    }
    .heading.heading-middle-border .heading-text-below h1, .heading.heading-middle-border .heading-text-below h2, .heading.heading-middle-border .heading-text-below h3, .heading.heading-middle-border .heading-text-below h4, .heading.heading-middle-border .heading-text-below h5, .heading.heading-middle-border .heading-text-below h6 {
        white-space: break-spaces;
    }
    .heading.heading-middle-border-center h1, .heading.heading-middle-border-center 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 {
        margin: 0 auto 15px;
        width: 100%;
    }
}

@media (max-width: 500px) {
    .uvodni-text h1 {font-size:34px}
    #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {font-size: 10px !important;padding: 2px 10px 0 0 !important;}
    .row.align-items-center .col-sm-12 .btn {padding: 15px 13px;}
}
@media (max-width: 380px) {
    #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {font-size: 9px !important; }
}

/*
@media (max-width: 320px) {
    #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {font-size: 7px !important;   padding: 2px 7px 0 0 !important;}
}
*/