@media only screen and (max-width: 1290px) {
    .tel-mail li:first-child {
        display: none;
    }

    .tel-mail li:nth-child(2) {
        margin: 0 15px 0 0;
    }

    .search-lang-wrapper {
        right: 85px;
        top: 27px;
    }

    .nav-list li.mobile-logo {
        display: block;
    }

    .nav-list li.mobile-logo img {
        width: 130px;
        margin: 0 auto;
        display: block;
    }

    .mobile-nav-wrapper {
        display: block;
    }

    .main-nav {
        position: fixed;
        right: 0;
        top: 0;
        display: none;
        bottom: 0;
        width: 240px;
        margin: 0;
        padding: 0;
        margin: 0;
        float: none;
        z-index: 101;
        overflow-y: auto;
        box-shadow: -10px 0 20px rgba(0,0,0,.3);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: none;
        transition: none;
    }

    .nav-list .mobile-menu-header {
        display: block;
        background: #ffffff;
        border-bottom: none;
    }

    .nav-list .mobile-menu-header a {
        padding: 10px 20px;
    }

    .nav-list .mobile-menu-header a:hover,
    .nav-list .mobile-menu-header a:focus,
    .nav-list .mobile-menu-header a:active {
        background: #ffffff;
    }

    .nav-list .mobile-menu-header img {
        margin: 0 auto;
    }

    .langs-mobile {
        text-transform: uppercase;
        background: #E8E8E8;
    }

    .nav-list li.langs-mobile a {
        display: inline-block;
        width: auto;
        color: #000000;
        font-weight: 400;
    }

    .nav-list li.langs-mobile a:hover {
        background: transparent;
    }

    .nav-list .search,
    .nav-list .user,
    .nav-list .cart {
        display: none;
    }

    .nav-list li {
        width: 100%;
        margin: 0;
        top: auto;
        padding: 0;
        border-bottom: 1px solid #54719d;
    }

    .nav-list li:last-child {
        border-bottom: none;
    }

    .nav-list li a {
        display: block;
        width: 100%;
        padding: 12px 27px 12px 15px;
        text-align: left;
    }

    .show-submenu:after {
        content: '';
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .nav-list .submenu {
        position: relative;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
        box-shadow: none;
        padding: 0;
        height: auto;
        background: #214272;
    }

    .nav-list .submenu .second-level {
        box-shadow: none;
    }

    .nav-list .submenu li {
        padding: 0;
        border-bottom: none;
    }

    .nav-list .submenu a {
        padding: 8px 10px 8px 25px;
    }

    .nav-list li {
        margin: 0;
    }

    .nav-list li a {
        font-size: 1.6rem;
    }

    /* .nav-list li a:hover:after {
        display: none;
    } */

    .nav-list .submenu .second-level {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .has-drop:after {
        top: 15px;
        right: 15px;
    }

    .nav-list .submenu .second-level li a {
        border-bottom: none;
        padding: 4px 4px 4px 20px;
    }

    .dropdown-menu > li > a {
        padding: 3px 10px;
    }

    .logo-search .logo img {
        width: 250px;
    }

    .search-wrapper {
        right: 90px;
        top: 4px;
    }

    .inner-page {
        padding: 20px 0 60px 0;
        border-top: 1px solid #ccc;
    }

    .office-item h3:before {
        left: -10px;
        right: -10px;
    }

    .office-item {
        padding: 0 10px;
    }

}


@media only screen and (max-width: 1199px) {

    .container {
        width: 100%;
    }

    .intro-section .illustracija {
        left: 10px;
        width: 550px;
        height: 288px;
    }

    .tooltip-link.bottom-left,
    .tooltip-link.top-left {
        left: 20px;
    }

}

@media only screen and (max-width: 991px) {
    .search-wrapper {
        width: 340px;
    }
    
    .intro-section {
        padding: 100px 0 60px 0;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 14px;
    }

    .natjecaji h3 {
        display: none;
    }

    .natjecaji-intro {
        margin: 0 0 40px 0;
    }

    .intro-txt-wrapper {
        top: auto;
        margin: 120px 0 0 0;
    }

    .intro-section h1 {
        margin: 0 0 20px 0;
    }

    .intro-section h1:after {
        display: none;
    }

    .intro-section .illustracija {
        left: auto;
        margin: 0 auto;
        display: block;
    }

    .tooltip-link.bottom-right {
        bottom: 0;
        right: 20px;
    }

    .tooltip-link.top-right {
        right: 20px;
    }

    .tooltip-link.bottom-left {
        bottom: 0;
    }

    .section-title {
        font-size: 3rem;
    }

    .news-item h3 {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }

    .main-img-mobile {
        margin: 0 0 30px 0;
    }

    .gallery-main-img {
        width: 100%;
    }

    .img-sors {
        text-align: left;
    }

    aside {
        margin: 0 0 40px 0;
    }

}

@media only screen and (max-width: 767px) {
    .logo-search .logo img {
        width: 230px;
    }

    .logo-search {
        margin: 10px 0;
    }

    .mobile-nav-wrapper {
        top: 13px;
    }

    .main-nav .logo img {
        width: 220px;
        height: 62px;
    }

    .topbar a span {
        display: none;
    }

    .search-wrapper-mobile {
        display: block;
    }

    .search-wrapper {
        width: 100%;
        left: 0;
        right: 0;
        z-index: 5;
        top: 59px;
    }

    .search-wrapper input {
        width: 89%;
        background: #e8e8e8;
        border-radius: 0;
    }

    .search-wrapper .search-input {
        background: #e8e8e8;
        border-radius: 0;
    }

    .tel-mail li .tel:before,
    .lang-accessibility .en:before,
    .lang-accessibility .hr:before {
        margin: 0;
    }

    .tel-mail li .tel:before {
        top: 4px;
    }

    .intro-section .illustracija {
        width: 420px;
        height: 220px;
        margin: 0 auto 70px auto;
    }

    .intro-section {
        padding: 80px 0 40px 0;
        margin: 58px 0 0 0;
    }

    .intro-section h1 {
        font-size: 3rem;
        line-height: 4.5rem;
    }

    .tooltip-link.bottom-left,
    .tooltip-link.top-left {
        left: 40px;
    }

    .tooltip-link.top-right,
    .tooltip-link.bottom-right {
        right: 40px;
    }

    .tooltip-link.bottom-left,
    .tooltip-link.bottom-right {
        bottom: 40px;
    }

    .tooltip-link.bottom-middle {
        bottom: 30px;
    }

    .intro-txt-wrapper {
        margin: 0;
    }

    .big-blue-btn {
        margin: 30px 0 0 0;
    }

    footer {
        text-align: center;
    }

    .footer-logo img {
        margin: 0 auto;
    }

    footer .footer-links li, .social-links li, .footer-contact li {
        margin: 0 15px 0 0;
    }

    .social-links {
        text-align: center;
        margin: 0;
        width: 100%;
    }

    footer .footer-links {
        margin: 0 0 30px 0;
        width: 100%;
    }

    .social-links li {
        margin: 0 15px 0 0;
    }

    .copyright-mobile {
        display: inline-block;
        margin: 30px 0 0 0;
        font-size: 1.6rem;
    }

    .section-title {
        margin: 0 0 30px 0;
    }

    .natjecaji-intro {
        margin: 0 0 20px 0;
    }

    .kontakt-lokacije {
        font-size: 1.8rem;
        line-height: 2.7rem;
        text-align: center;
    }

    .copyright {
        top: auto;
    }

    .show-all {
        position: relative;
        right: auto;
        top: auto;
        margin: 30px 0;
        display: inline-block;
        background: #375D94;
        color: #fff;
        padding: 15px 20px;
        border-radius: 2px;
    }

    .show-all:hover {
        text-decoration: none;
        color: #ffffff;
    }

    .natjecaji-show-all-mobile .show-all {
        margin: 30px 0 0 0;
    }

    .news-show-all-mobile,
    .natjecaji-show-all-mobile,
    .izvjesca-show-all-mobile,
    .kontakti-show-all-mobile {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }

    .section-title {
        margin: 0 0 20px 0;
    }

    .contact-item img {
        margin: 0 auto 10px auto;
        max-width: 60px;
    }

    .contact-item {
        margin: 0 0 30px 0;
    }

    .pagination-wrapper {
        text-align: center;
    }

    .inner-page {
        padding: 68px 0 60px 0;
    }

    .share-wrapper li {
        display: block;
        margin: 0 20px 20px 0;
    }

    .main-person {
        margin: 0 0 50px 0;
    }

    h2.contact-h2 {
        text-align: center;
    }

    #lista-ureda h2 {
        margin: 10px 0;
    }

}

@media only screen and (max-width: 575px) {
    .filter-wrapper {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 0 30px 0;
    }

    .inner-page h1 {
        margin: 0 0 30px 0;
        font-size: 2.8rem;
        line-height: 4.2rem
    }

    .inner-page h2 {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    h2.contact-h2 {
        font-size: 2rem;
        line-height: 3rem;
    }

    .inner-page h3 {
        font-size: 2rem;
        line-height: 3rem;
    }

    .gallery-item {
        width: 46%;
        margin: 0 20px 20px 0;
    }

    .gallery-item:nth-of-type(2),
    .gallery-item:nth-of-type(even),
    .gallery-item:last-of-type {
        margin: 0 0 20px 0;
    }

    .contact-page .view-all {
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
        margin: 0 0 30px 0;
        width: 100%;
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 8px;
    }

    .tooltip-link,
    .lang-accessibility .langs {
        display: none;
    }

    .nav-list .langs-mobile {
        display: block;
    }

    .intro-section {
        padding: 0 0 40px 0;
    }

    .intro-section .illustracija {
        width: 280px;
        height: 160px;
        margin: 30px auto;
    }

    .big-blue-btn {
        width: 100%;
        text-align: center;
    }

    .news-list .col-xs-6,
    .news .col-xs-6 {
        width: 100%;
    }

    .news {
        padding: 40px 0 30px 0;
    }

    .show-all {
        width: 100%;
        margin: 10px 0 30px 0;
    }

    .section-title {
        text-align: center;
    }

    .natjecaji,
    .padding-60 {
        padding: 40px 0;
    }

    .natjecaji {
        margin: 0;
    }

    .intro-section h1 {
        font-size: 2.7rem;
        line-height: 4.3rem;
    }

    .section-title {
        font-size: 2.5rem;
    }

    .godina-wrapper h3 {
        font-size: 3.6rem;
    }

    .pagination > li > a, .pagination > li > span {
        margin: 0 0 10px 0;
    }

    .contact-page .contact-item {
        margin-bottom: 40px;
    }

}

@media only screen and (max-width: 375px) {
    .search-wrapper {
        top: 53px;
    }

    .main-nav .logo img {
        width: 180px;
        height: 51px;
    }
    
    .search-lang-wrapper {
        right: 75px;
    }
    
    .intro-section h1 {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }

    .news {
        padding: 40px 0 20px 0;
    }
    
    footer .footer-links li {
        display: block;
        margin: 0 0 15px 0;
    }
    
    footer {
        padding: 40px 0 20px 0;
    }

    .logo-search .logo img {
        width: 200px;
    }

    .contact-item img {
        max-width: 50px;
    }

    .filter-wrapper label {
        display: block;
    }

    .filter-wrapper .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
    }

    .inner-page h1 {
        margin: 0 0 20px 0;
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .inner-page h2 {
        font-size: 2.2rem;
        line-height: 3.3rem;
    }

    h2.contact-h2 {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }

    .contact-page .view-all {
        margin: 10px 0 30px 0;
    }
}