@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: 1439px) {
    .hero-float-card {bottom:25%}
    .st-dokumenti-box .box-content.px-lg-4.px-xl-5.py-lg-5 {padding: 25px !important;}
}

@media (max-width: 1300px) {
    #header.header-tumac .header-nav-main nav>ul>li>a {font-size: 13px;}
    .header-tumac a.nav-link#dropdownLanguage { padding: 8px 7px;font-size: 14px;}
    a.btn-tumac, a.btn-tumac:hover {font-size: 14px !important;padding: 9px 13px;}
}

@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);}
    .hero-float-card {left: -2%;}

}

@media (max-width: 1115px) {
    .hero-float-card {bottom: 30%;}
    a.btn-tumac, a.btn-tumac:hover {display:none !important}
}




@media (max-width: 997px) {
    .st-uvodni-box .col-lg-3, .st-about-animation2 .col-lg-3, .st-about-animation .col-lg-3,
    .st-uvodni-box .col-lg-9, .st-about-animation2 .col-lg-9, .st-about-animation .col-lg-9 {flex: 0 0 100%;max-width: 100%;}
    .st-uvodni-box .col-lg-3 img, .st-about-animation2 .col-lg-3 img, .st-about-animation .col-lg-3 img {margin: 0 auto;display: block;margin-bottom: 20px;}
    /*    .st-uvodni-box .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;}

    .st-uvodni-box .col-lg-3 picture,
    .st-uvodni-box .col-lg-3 picture img {display: block;margin-left: auto;margin-right: auto;}
    .st-uvodni-box .col-lg-3 img {margin-bottom: 20px;}*/
    .hero-float-card {bottom: 8%;left: 17%;}
    .st-uvodni-box p { max-width: 100%;}
    .featured-boxes-modern-style-2 .featured-box .box-content .icon-featured {margin:0}
}

@media (max-width: 992px) {
    /* makni desktop pravilo */
    .st-section-istaknuto .row.featured-boxes-sidebar > .col-lg-12 > .row > [class*="col-"]:nth-child(-n+3) .featured-box {border-right: 0;}
    /* 1. box */
    .st-section-istaknuto .row.featured-boxes-sidebar > .col-lg-12 > .row > [class*="col-"]:nth-child(1) .featured-box  {border-right: 1px solid rgb(254 254 254 / 11%);border-bottom: 1px solid rgb(254 254 254 / 11%);}
    .st-section-istaknuto .row.featured-boxes-sidebar > .col-lg-12 > .row > [class*="col-"]:nth-child(3) .featured-box {border-right: 1px solid rgb(254 254 254 / 11%);}
    /* 2. box */
    .st-section-istaknuto .row.featured-boxes-sidebar > .col-lg-12 > .row > [class*="col-"]:nth-child(2) .featured-box {border-bottom: 1px solid rgb(254 254 254 / 11%);}
}

/* 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;}
    
    #header.header-tumac .header-nav {display: flex;}
    #header.header-tumac .header-nav-main nav {margin-top: 80px !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;}
    .st-cta-box h2, .st-naslovi-color .heading-wrapper h2, .st-uvodni-box h1, .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}
    footer#footer.st-footer {text-align: center;}
    footer#footer.st-footer table {margin:0 auto}
    #footer.st-footer .button-tag {margin: 0 auto;}


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