@media (max-width: 1610px) {
    
    .plavi-counter {
        padding:0 15px;
    }
    
    .brosure-carousel {
        padding:0 15px;
    }
    
    .zasto-odabrati-sekcija2 .plavi-counter {
        padding:0;
    }
    
    .page-header {
        padding: 30px 15px;
    }

}


@media (max-width: 1440px) {
    
    .kategorije-carousel h4 {font-size: 32px;line-height: 33px;}
    .icon-box-usluge .featured-box h4 {font-size: 32px;line-height: 33px;}
    .kategorije-carousel figure.image img {width: 60px !important;}    

    .container-xl {
        max-width: 100%;
    }

    #footer .py-5 {
        width: 100%;
    }

}

@media (max-width: 1322px) {
    .referentna-lista ol li {   width: auto;}
}
@media (max-width: 1300px) {

    .gumb-white {
        padding: 10px 25px;
    }
    
    .brosure-carousel .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
        min-height: 260px;
        max-height: 260px;
    }
    
    .plava-sekcija-parallax section.section {
        height: 520px;
    }
    
    .brosure-carousel {
        margin-top: -145px;
    }
    .kategorije-carousel h4 {max-width: 335px;}
    .kategorije-carousel figure.image img {width: 50px !important;}
    .kategorije-carousel .owl-carousel.owl-drag .owl-item {
        min-height: unset !important;
    }
    
    .global-article .article-load {
        width: calc(100% / 3);
    }
    
    .reference-lista .article-load {
        width: calc(100% / 3);
    }
    
    section.section.section-height-3 {
        padding: 40px 0;
    }
    
    .testimonials-index .article-load {
        flex: 0 0 46%;
        max-width: 46%;
    }

}


@media (max-width: 1200px) {
    .kategorije-carousel .carousel-default .owl-item img {    max-height: 300px;}
    .kategorije-carousel .owl-carousel.owl-drag .owl-item {
        width: calc(100% / 2 - 30px) !important;
    }

    .plava-sekcija-parallax section.section {
        padding: 58px 0 0;
    }
    
    .plava-sekcija-parallax section.section {
        height: 528px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .gumb-white {
        padding: 10px 23px;
        font-size:17px!important;
    }
    
    .global-article .article-load {
        width: calc(100% / 2);
    }

}

@media (max-width: 1198px) {

    .kategorije-carousel .owl-carousel.owl-drag .owl-item {
        width: calc(75% / 2 - 30px) !important;}
}


@media (max-width: 1090px) {
    .kategorije-carousel .carousel-default .owl-item figure.image img {width: 50px !important;max-height: 51px !important;min-height:51px !important}
    .kategorije-carousel .carousel-default .owl-item img {max-height: 300px;min-height: 300px;}
    }

@media (max-width: 1066px) {
    .usluge-img-animation img {height: 150px !important;}
    }

@media (max-width: 1024px) {
    .referentna-lista ol.olcircle {display: inline-grid !important;height: auto !important;}
}


@media (max-width: 990px) {

    .global-article .article-load {
        width: 100%;
    }
    
    #header .header-nav.header-nav-links, #header .header-nav.header-nav-line, #header .header-nav.header-nav-dropdowns-dark {
        min-height: 48px;
    }
    
    #header .header-nav.down-menu {
        min-height: 65px;
    }
    
    #header .header-logo img {
        top: 37px !important;
        width: 143px;
    }
    .sticky-header-active #header .header-logo img {
        top: 39px !important;
        width: 143px;
    }
    
    .sticky-header-active #header .header-btn-collapse-nav {
        margin-top: 3px;
    }
    
    .header-nav-top ul {
        margin-left:0;
    }
    
    .header-nav-top ul li {
        font-size: 15px;
    }
    
    .swiper-slide.swiper-slide-active .swiper-slide-content {
        width: 100%;
    }
    
    .tp-header p {
        font-size: 42px;
        line-height: 48px;
    }

    .tp-headerbottom, .tp-headerbottom p {
        font-size: 21px;
        line-height: 27px;
    }
    .kategorije-carousel figure.image img {width: 60px !important;min-height: 59px !important;}

    .kategorije-carousel .owl-stage {
        width: 100% !important;
    }
    
    .kategorije-carousel .owl-carousel.owl-drag .owl-item {
        width: 100% !important;
    }
    
    .plava-sekcija-parallax .section-background:after {
        top: -100px;
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .plava-sekcija-parallax section.section {
        height: auto;
        padding: 30px 0 0;
    }

    .zasto-odabrati-sekcija {
        min-height: unset;
    }
    
    .plava-sekcija-parallax .section-background:after {
        display:none;
    }
    
    .plavi-counter .counters strong {
        font-size: 36px;
        line-height: 40px;
    }
    
    .plavi-counter label p {
        font-size: 15px;
        line-height: 21px;
    }
    
    .brosure-carousel {
        margin-top: -95px;
    }
    
    .naslov-glavni h2 {
        font-size: 40px;
        line-height: 45px;
    }
    
    .testimonials-carousel .owl-item {
        padding: 30px;
    }
    
    .testimonials-carousel {
        padding-top:0!important;
    }

    #footer:before {
        display:none;
    }
    
    #footer .col-lg-4 img {
        width: 172px;
    }
    
    #footer .py-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        float: unset;
    }
    
    #footer .col-lg-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    #footer .col-lg-3 {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    #header .header-nav-main nav>ul li {
        width: 100%;
    }
    
    #header .header-row.container-xl .nav.nav-pills a {
        display: flex;
        align-items: center;
    }
    
    #header .header-row.container-xl .nav.nav-pills a.active {
        color:#FFFFFF!important;
    }
    
    #header .header-nav-main nav>ul {
        margin-left: 0;
    }
    
    #header .header-row.container-xl .nav.nav-pills a {
        color: #0068b5 !important;
        font-size: 16px;
        line-height: 21px;
        padding: 0 15px;
    }
    
    #header .header-nav-main {
        background:#ecf6ff;
    }
    
    .sticky-header-active #header .header-nav-main nav {
        margin-top: 73px !important;
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active:hover {
        background: #0068b5;
    }
    
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a.active {
        background: #0068b5;
    }
    
    .page-header.page-header-lg {
        padding: 40px 0 20px;
    }
    
    .page-header.page-header-lg h1 {
        font-size: 35px;
        line-height: 40px;
    }
    
    .about-animation .col-lg-9 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right:15px;
    }
    
    .about-animation .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .about-animation .right-img {
        flex-direction: column-reverse;
    }
    
    .about-animation h4 {
        font-size: 30px;
        line-height: 35px;
    }
    
    .about-animation p {
        font-size: 16px;
    }
    
    .about-animation-right .col-lg-9 {
        padding-left: 15px;
    }
    
    .about-animation-right .left-img {
        flex-direction: column-reverse;
    }
    
    .featured-boxes-full .featured-box-full {
        padding: 30px 15px;
    }
    
    .kontakt-ikone .featured-box-full p {
        font-size: 16px;
    }
    
    .kontakt-ikone {
        margin-bottom: 20px;
    }
    
    .plavi-counter .col-lg-3 {
        width: calc(100% / 2);
    }
    
    .plavi-counter label {
        max-width: 100%;
    }
    
    .counters {
        justify-content: center!important;
    }
    
    .kategorije-carousel .owl-carousel.owl-drag .owl-item {
        margin-bottom: 15px;
        margin-right: 15px!important;
    }
    
    .gradient-gumbi .mb-4 {
        display: block;
    }
    
    .gradient-gumbi a {
        margin: 0;
    }
    
    .card-reference h4 {
        font-size: 30px !important;
        line-height: 35px;
    }
    
    .kontakt-flex .custom-form h2 {
        font-size: 40px;
        line-height: 45px;
    }
    
    .kontakt-flex .custom-form {
        margin: auto auto 70px;
    }
    
    .kontakt-form-bg {
        margin: 20px auto 70px;
    }
    
    .kontakt-adresa {
        display: block;
    }
    
    .kontakt-ured {
        width: 100%;
        max-height: unset;
        margin-right: 0;
    }
    
    .kontakt-ured {
        display: block;
        margin-bottom:20px;
    }
    
    .testimonials-index .article-load {
        flex: unset;
        max-width: unset;
    }
    
    .testimonials-index .article-load {
        padding: 30px 15px!important;
    }
    
    .pt-4, .py-4 {
        padding-top: 0 !important;
    }
    
    ol {
        margin-left: 15px;
    }
    
    ul {
        margin-left: 15px;
    }
    
    .animated-title li:before {
        left: -21px;
        top: -5px;
        width: 30px;
        height: 30px;
    }
    
    .naslov-glavni p {
        font-size: 16px;
        line-height: 24px;
        padding-top: 20px;
    }

    
    .carousel-animation-block {
        flex-wrap: wrap;
    }
    
    .animation-no-image {
        width: 100%;
        margin-bottom: 0;
    }
    
    .about-carousel-block {
        width: 100%;
    }
    
    .about-animation .col-lg-9 {
        padding: 0;
    }
    
    .carousel-animation-block2 {
        margin-top: 20px;
        margin-bottom: 0px;
        flex-direction: column-reverse;
    }
    
    .about-carousel-block .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
        min-height: unset;
        max-height: unset;
    }
}

@media (max-width: 768px) {

    .plavi-counter .col-lg-3 {
        width: 100%;
    }
    
    .kategorije-carousel h4 {
        font-size: 25px;
        line-height: 30px;
    }
    .icon-box-usluge .featured-box h4 {font-size: 25px;line-height: 30px;}
    .icon-box-usluge .box-content figure img {width: 50px;}
    .icon-box-usluge .featured-box .box-content {padding: 30px 30px 0px 30px !important}
    .icon-box-usluge .featured-box {aspect-ratio: 785 / 470 !important;}
    

    .kategorije-carousel .content {
        bottom: 0px;
        left: 15px;
    }
    
    .swiper.swpr214805 {
        height: 470px!important;
    }
    
    .swiper-slide-content:after {
        width: 80%;
        height: auto;
        top: 81px;
        background-repeat: no-repeat;
    }
    
    .swiper-slide-content:before {
        width: 80%;
        height: auto;
        top: 81px;
        background-repeat: no-repeat;
    }
    
    .tp-header p {
        font-size: 33px;
        line-height: 40px;
        padding: 0 15px;
        text-align: center;
    }

    .tp-headerbottom, .tp-headerbottom p {
        font-size: 18px;
        line-height: 24px;
        text-align: center !important;
        padding: 0 15px;
    }
    
    .swiper-slide-content {
        top: -71%;
    }
    
    .swiper {
        margin-bottom: 55px;
    }
    .kategorije-carousel figure.image img {width: 40px !important;min-height: 39px !important;}    
    .kategorije-carousel {
        padding-bottom: 0px !important;
    }
    
    .plava-sekcija-parallax h4 {
        font-size: 35px;
        line-height: 40px;
    }
    
    .plava-sekcija-parallax {
        width: auto;
        margin: 0 15px;
    }
    
    .zasto-odabrati-sekcija .button-tag .col-sm-12 {
        display: block!important;
    }
    
    .gumb-white {
        margin: 0 0px 15px 0 !important;
    }
    
    .plavi-counter {
        margin-top: -65px;
    }
    
    .naslov-glavni h2 {
        font-size: 35px;
        line-height: 40px;
        width:100%!important;
    }
    
    .testimonials-carousel .owl-item {
        padding: 30px 15px;
        max-height: 300px;
    }
    
    .reference-lista .article-load {
        width: 100%;
    }
    
    .zasto-odabrati-sekcija2 .plavi-counter {
        margin-top:0;
    }
    
    .kategorije-carousel .carousel-default .owl-item img, .carousel-default .owl-item .embed-responsive.embed-responsive-16by9 {
         min-height: 210px; 
         max-height: 210px; 
    }
    
    .gradient-gumbi {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    
    .kontakt-flex .custom-form h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .kontakt-form-bg .col-lg-12 .container-xl{
        padding:0;
    }
    
    .kontakt-form-bg .col-lg-12{
        padding:0;
    }
    
    .kontakt-flex .custom-form .fui-input {
        padding: 13px 15px;
        font-size: 16px;
    }
    
    .kontakt-flex .custom-form h3 {
        font-size: 14px;
        line-height: 20px;
    }
    
    .kontakt-flex .custom-form {
        margin: auto auto 40px;
    }



}

@media (max-width: 425px) {
    .smanjenaslika .image-thumbnail-block img {width: 100%;}
  }
@media (min-width: 1680px) {

.smanjenasirina {width:75% !important; max-width:75% !important; margin: 0 auto !important;}

}

@media (min-width: 1200px) {

.testimonials-carousel .owl-item {min-height:270px; max-height:270px;}

}