@media (max-width: 1440px) {

    #footer .row.py-5.align-items-baseline.justify-content-between {grid-template-columns: 5fr 5fr 5fr 3fr;}
    .container-xl { max-width: 100%;}
    .hero-l {padding: clamp(140px, 16vh, 190px) clamp(28px, 3vw, 80px) clamp(70px, 9vh, 110px);

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

    #header .header-logo img { width: 245px;}
    .header-top-btn {top: -11px; position: relative;}
    .sticky-header-active .header-top-btn {margin-top: 0px !important;}
    .sticky-header-active #header .header-logo { top: -8px;}

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

    .header-top-btn {display:none!important;}
    .header-nav-main { position: relative;}
    #header .header-logo { top: 36px;}
    #header .header-nav.header-nav-line .header-nav-main .nav.nav-pills {margin-top:-17px;}

}
    
@media (max-width: 990px) {
    
    body{overflow:hidden;}
    .hero {display:block; height: auto;}
    .hero-l {padding: 80px 0 0; height: 805px;}
    .hero-flex-btn {display: block; align-items: center; }
    .btn-hero-gold {margin: auto 15px auto auto!important; width: 100%; text-align: center; display: flex;  align-items: center; justify-content: center;}
    .btn-hero-transparent {margin: 30px auto auto !important;}
    .hero-r {height: 340px;}
    .hero .image-thumbnail-block {height: 340px;}
    .hero-badge { width: 340px; top: 30px; bottom: auto; left: 0;   right: 0; margin: auto;}
    .hero-badge p {padding-right: 0;}
    .hero .gallery-block-fix .owl-stage-outer { height: 340px;}
    .usluge-icon-box .featured-boxes-modern-style-1 .featured-box .box-content { padding: 0 !important;}
    .usluge-icon-box .box-content:before {display:none;}
    .contact-inline {margin-top:15px;}
    .flex-section {display: block;}
    .flex-section-left { width: 100%;}
    .flex-section-right { width: 100%;}
    .flex-section-left .col {padding:0;}
    .flex-section-left .col-lg-12 {padding:0;}
    .flex-section-right .col-lg-12 {padding:0;}
    .flex-section-right .col {padding:0;}
    .flex-mobile {display: flex; flex-direction: column-reverse;}
    .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 {width: 98%;}
    .header-title-big h2 {width: 100% !important;}
    .wmd-right {text-align: center;}
    #footer .footer-copyright p {text-align: center;}
    .header-btn-collapse-nav {padding: 0;  width: 45px; height: 45px; border-radius:8px; display: flex!important; align-items: center; justify-content: center;}
    .header-btn-collapse-nav i{border: 0; background: transparent; margin-left:0;}
    .header-btn-collapse-nav i:before{font-size: 18px; margin-left:2px;}
    .btn:hover i { transform: unset; }
    .sticky-header-active .header-btn-collapse-nav {margin-top: -18px !important;}
    .locs {display: block;}
    .loc {margin-bottom:15px;}
    .icons-about .featured-box{margin-bottom:15px;}
    .usluge-flex {display: block;}
    .usluge-item-last .usluge-flex {padding-bottom:0;}
    .usluge-item ul {display: block;}
    .usluge-icon-item .icon-featured {margin: 40px 0 20px !important;}
    .text-image-animation .row { flex-direction: column-reverse;}
    .text-image-animation .col-lg-9 { flex: 0 0 100%;max-width: 100%;}
    .text-image-animation .col-lg-3 { flex: 0 0 100%;max-width: 100%;}
    .text-image-animation .col-lg-3 img {height: auto;}
    .active-menu .logo-inner{display:none!important;}
    #header .header-nav-main { background: var(--g-950);max-width: 100%;}
    #header .header-row.container-xl .nav.nav-pills a {display: flex; align-items: center; justify-content: center;}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {color: var(--gold-bright) !important;background: transparent;}
    #header .header-nav.header-nav-line.header-nav-bottom-line nav>ul>li>a:before {display:none;}
    #header .header-nav-main nav>ul li {border-bottom: 0;}
    .contact-inline { width: 320px; margin:30px auto 0;}
    .contact-inline a { margin: 0 20px 20px; flex-wrap: wrap; width: auto;align-items: center; justify-content: center;}
    .kontakt-sekcija .btn-hero-gold { margin-right: 0px!important;}
    .header-title-left-dark h2 {line-height:43px;}
    .contact-container { margin-bottom: 40px;}
    #header .header-logo img {  width: 220px;}
    .sticky-header-active #header .header-logo { top: -4px;}
    .header-btn-collapse-nav { width: 40px;  height: 40px;}
    .flag-img-center{padding:0;}
    .dropdown-item.flag-img-center{justify-content:left!important;}
    .header-btn-collapse-nav {font-size:0!important;}
    .header-btn-collapse-nav:before{content: ""; left: 0;right: 0;position: absolute;z-index: 1000;width: 28px;height: 28px;  display: flex; align-items: center; justify-content: center; margin: auto;background:#FFFFFF;  mask-image: url("/doc/slike/bars.svg"); }
    .header-btn-collapse-nav i {display:none;}
    .sticky-header-active .mob-lang {display:none;}
    .col-podrucje { display: block; width: 100%;}
    .section-hrvatska-flex { display: block;}
}