@media (min-width: 992px) {

    #header .header-nav.header-nav-line nav > ul li:hover > a:before {background: #1955a6;}
    #header .header-nav.header-nav-line nav > ul li:hover > a {color:#000000 !important}
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {background: #1955a6;}
    #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 { height: 2px;}
    #header .header-nav-main nav>ul>li>a {letter-spacing: normal;text-transform: none;font-weight:500}
    #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a {color: #5f6470;}
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {color: #000000;}
    #header .header-nav-top .nav > li > a.nav-link {transition: none;border-right: 1px solid #d2d2d2;border-radius: 0;text-transform: uppercase;padding-top:0px !important; padding-bottom:0px !important;color:#000000}
    #header .header-nav-top .nav > li > a.nav-link:hover {transition: none;border-top:none;border-left:none;border-bottom:none}
}
@media (min-width: 800px) {
    .search ul.simple-post-list li .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded, .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img, .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper, .search .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after, .search .thumb-info-wrapper a img {
        width: 180px !important;height: auto !important;}
}


@media (max-width: 1620px) {
    #header .header-nav.header-nav-links nav>ul>li>a, #header .header-nav.header-nav-links nav>ul>li:hover>a, #header .header-nav.header-nav-line nav>ul>li>a, #header .header-nav.header-nav-line nav>ul>li:hover>a {padding: 0.5rem;}
    html #header .header-nav-main nav>ul>li>a {font-size: 14px;}
}
@media (max-width: 1440px) {
#header .container, #header .container-lg, #header .container-md, #header .container-sm, #header .container-xl {max-width: 100%;}
}

@media (max-width: 1199px) {
    .grid-usluge .col-xl-4 {border-right:none;border-bottom:1px solid #e6e3de !important;}
    .grid-usluge .col-xl-4:nth-child(3n) { border-right: none; }
    .grid-usluge .col-xl-4:last-child { border-bottom: none !important}
    .index-jezici div#id-248320 {grid-template-columns: repeat(5, 1fr);}
}

/* MOBILNI HEADER – logo gore, ispod: meni lijevo, burger desno */
@media (max-width: 991px) {
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {border-radius:6px !important}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {text-transform: none;font-weight: 500;}
    #header .header-nav {display: inline-grid;}
    #header .header-nav-main {margin-left: 0;}
    /* 1. Ne diramo globalni layout, samo mobilni red s navom i burgerom */
    #header .header-nav.down-menu > .d-flex.d-lg-none {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important; /* razmak između nav i burgera */
        width: auto !important; /* NEMOJ 100% da ga ne razvuče */}
    /* 2. Nav blok lijevo – zauzme prostor, gura burger desno */
    #header .header-nav.down-menu > .d-flex.d-lg-none > .header-nav-main {margin-right: auto !important;flex: 0 1 auto !important;}
    /* 3. Burger button: makni float, poravnaj ga flexom desno */
    #header .header-btn-collapse-nav {
        float: none !important;
        margin-left: auto !important;  /* gura ga na kraj reda */
        display: block !important;}
    /* (opcionalno) Desktop nav unutar .down-menu sakrij u mobilu,
    ako se slučajno prikazuje */
    #header .header-nav.down-menu > .d-none.d-lg-flex {display: none !important;}

    a.nav-link#dropdownLanguage {font-size:12px}
    #header .header-logo img {width: 210px;top: 35px !important;}
    #header .header-logo {height: auto !important;}
    #header .header-nav.down-menu {min-height: 70px;}
    .section-onama {padding: 20px 0 0;}
    section.hero-image {height: 250px !important;padding:0}
    .index-timeline{padding: 25px 0;}
    .naslovi-color .heading-wrapper h2, .kontakt-index h2,.section-title, .about-animation h2,.index-counter h2,.cta-box h2, .page-header.page-header-lg h1,h1  {font-size:30px}
    h2 {font-size: 25px;}

    .grid-usluge .article-load h4.entry-title-index {font-size: 1.4em;}
    .index-jezici div#id-248320 {grid-template-columns: repeat(4, 1fr);}
    .about-animation .col-lg-9 {flex: 0 0 100%;max-width: 100%;}
    .about-animation .col-lg-3 {flex: 0 0 100%;max-width: 100%;}
    .about-animation .col-lg-3 img {border-radius:6px;margin-bottom:20px}
    .kontakt-index .col-lg-9 {flex: 0 0 100%;max-width: 100%;}
    .kontakt-index .col-lg-3 {flex: 0 0 100%;max-width: 100%;}
    .fui-btn-wrapper .fui-btn.fui-submit.fui-next {padding: .5rem 1rem;text-wrap: auto;}
    #footer h5{margin-top:20px}
    #footer .footer-copyright p {text-align:center}
    .cta-box section.parallax {margin: 30px 0 50px 0 !important}
}
@media (max-width: 768px) {
    .page-header.page-header-lg {padding: 30px 0;}
    .left .breadcrumb {text-align: left !important;}
}

@media (max-width: 630px) {
    .index-jezici div#id-248320 {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 575px) {
    .kontakt-index .fui-i {padding: 44px 15px}
    .social-icons li a {height:28px; line-height:28px; width:28px; }
    section.hero-image {height: 150px !important;padding:0}
    .index-jezici div#id-248320 {grid-template-columns: repeat(2, 1fr);}
 }