@media screen and (min-width: 992px) {
	.user-content.novi_kalk br {
		display: none;
	}
}


@media screen and (min-width: 830px) {
	.cjenik_calc_wrapper br {
		display: none;
	}
}

@media screen and (min-width: 600px) and (max-width: 767px) {
	.cjenik_calc_wrapper br,
	.user-content.novi_kalk br	{
		display: none;
	}
}


@media screen and (max-width: 1600px) {
	.cjenik_calc_wrapper {
		padding: 30px 30px;
	}
}

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

    .logo img:not(.logo-typo) {
        width: 110px;
    }

    .logo .logo-typo {
        margin-top: 32px;
        width: 220px;
    }

    .logo-wrapper {
        padding: 40px 40px 32px 40px;
        min-width: 320px;
    }

    .logo-wrapper .location {
        font-size: 11px;
    }

    .hero .home-slider {
        height: 600px;
    }

    .windrose {
        bottom: -108px;
    }

    .windrose img {
        width: 280px;
    }

    .nav-arrow {
        width: 8.3333%;
        height: 99px;
        font-size: 2vw;
    }

    .forecast ul:before {
        bottom: 33px;
    }

    .forecast-wrapper {
        top: 445px;
    }

    .forecast .pict span {
        width: 77px;
    }

    .forecast .pict img {
        width: 50px;
    }

    .forecast .temp {
        font-size: 33px;
    }

    .forecast .temp span {
        width: 93px;
    }

    .forecast .wind {
        margin-top: 3px;
    }

    .home-articles {
        margin-top: 120px;
    }

    .tb-title {
        font-size: 37px;
        margin-bottom: 36px;
    }

    .tb-description {
        font-size: 15px;
    }

    .txt-block {
        padding: 56px 49px 39px;
    }	

    .home-blocks1,
    .home-blocks2,
    .home-blocks3 {
        margin-top: 100px;
    }

    .f-btn {
        width: 117px;
        height: 117px;
        line-height: 117px;
        font-size: 37px;
    }

    .ha-title {
        margin-top: 30px;
    }

    .hero-img {
        height: 600px;
    }

    h1.subpage-title {
        font-size: 43px;
    }

    .hero-description {
        font-size: 15px;
    }

    .breadcrumbs-wrap {
        top: 275px;
    }

    .breadcrumbs > li + li {
        padding-top: 42px;
    }

    .ss-subtitle {
        font-size: 23px;
    }

    .subpage-content {
        margin-top: 103px;
    }

    .header-main nav > ul > li {
        font-size: 17px;
        margin-right: 37px;
    }

    .header-main nav { display: none; }

    .burger-btn {
        display: block;
    }

    .burger-menu {
        display: block;
    }

    .burger-menu.active {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .social-feeds-wrap {
        margin-top: 100px;
    }
	
	#_privola_cv {
		width: 27px;
	}

}

@media screen and (max-width: 1349px) {
	.cjenik_dodatne_opcije.tranzit, .parking_show.tranzit {
		display: block;
		width: 100%;
	}
	
	.logo-wrapper {
		padding: 30px 20px 22px 20px;
		min-width: 290px;
	}
}

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

    .logo-wrapper { min-width: 240px; padding: 20px;}
    .logo img { display: block; margin: 0 auto; }
    .logo .logo-typo { margin-top: 32px; }
    .logo-wrapper .location { font-weight: 500; text-transform: uppercase; color: #1a3859; letter-spacing: 0.075em; margin-top: 24px; }

    .logo img:not(.logo-typo) {
        width: 100px;
    }

    .logo .logo-typo {
        width: 200px;
        margin-top: 25px;
    }

    .logo2 img:not(.logo-typo) {
        width: 110px;
    }

    .logo2 .logo-typo {
        width: 220px;
        margin-top: 25px;
    }

    .logo-wrapper .location {
        margin-top: 20px;
    }

    .hero .home-slider {
        height: 490px;
    }

    .forecast ul:before {
        bottom: 26px;
    }

    .forecast .pict span {
        width: 66px;
    }

    .forecast .pict img {
        width: 40px;
    }

    .forecast .temp {
        font-size: 26px;
        margin-top: 6px;
    }

    .forecast .temp span {
        width: 75px;
    }

    .forecast .temp i {
        font-size: 11px;
        bottom: 12px;
        margin-left: 3px;
    }

    .forecast .wind {
        margin-top: -9px;
        font-size: 13px;
    }

    .forecast-wrapper {
        top: 380px;
    }

    .forecast .marina-meteo {
        display: none;
    }

    .home-articles {
        margin-top: 100px;
    }

    .ha-title {
        font-size: 22px;
        margin: 20px 0 15px;
    }

    .ha-description {
        font-size: 15px;
    }

    .ha-slider .slick-list {
        margin: 0 -20px;
    }

    .ha-col {
        padding: 0 20px;
    }

    .tb-title {
        font-size: 31px;
        margin-bottom: 26px;
    }

    .tb-description {
        font-size: 14px;
    }

    .tb-link {
        font-size: 12px;
    }

    .home-blocks2  .txt-block {
        width: 50%;
    }	

    .home-blocks1,
    .home-blocks2,
    .home-blocks3 {
        margin-top: 100px;
    }

    .hb1s-wrap {
        width: 66%;
    }

    .hb1-subcontent {
        margin-top: 41px;
    }

    .f-btn {
        width: 97px;
        height: 97px;
        line-height: 97px;
        font-size: 34px;
    }

    .hero-img {
        height: 490px;
    }

    .hero-txt {
        padding: 42px 65px;
    }

    h1.subpage-title {
        font-size: 38px;
    }

    .hero-description {
        font-size: 15px;
    }

    .breadcrumbs-wrap {
        top: 220px;
    }

    .breadcrumbs {
        display: none;
    }

    .breadcrumbs > li + li {
        padding-top: 35px;
    }

    .breadcrumbs > li + li:before {
        font-size: 11px;
        top: 10%;
    }

    .ss-subtitle {
        font-size: 22px;
    }

    .subpage-content {
        margin-top: 83px;
    }

    .logo-grid { 
        margin-top: 40px; 
    }

    .logo-grid .logo-item { 
        padding-right: 40px; 
    }

    .tablica-timetable th { width: 50%; }

    .lista-mjeseca { font-size: 22px; margin-top: 80px; }
    .lista-mjeseca ul li { margin-left: 22px; }

    .gallery-grid a { width: 30%; margin-right: 3.333%; }

    .top-strip {
        font-size: 11px;
    }

    .top-strip .top-menu > li {
        margin-right: 10px;
    }

    .error-content {
        width: 70%;
    }
	
	.bigNews-wrap .mali-slika .text-box h3{
		font-size:18px;
	}
	
	.cv_form {
		padding: 20px 30px;
	}

	#_privola_cv {
		width: 40px;
	}
}


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

	.user-content.novi_kalk {
		padding: 20px 20px 30px 20px;
	}
	
	.batuni_wrap.last_step a {
		font-size: 14px;
		padding: 5px 10px;
	}

    .logo-wrapper {
        min-width: 230px;
    }

    .logo img:not(.logo-typo) {
        width: 90px;
    }

    .logo .logo-typo {
        margin-top: 19px;
        width: 190px;
    }

    .hero .home-slider {
        height: 410px;
    }

    .forecast-wrapper {
        top: 342px;
    }

    .side-col {
        display: none;
    }

    .subpage-content > .side-col {
        display: block;
        position: static;
        width: 80%;
        margin-bottom: 30px;
    }

    .subpage-content .side-col + .content-col {
        margin-left: 0;
    }	

    .ss-subtitle {
        font-size: 24px;
    }

    .side-col + .content-col {
        margin-left: 0;
    }

    .content-col {
        width: 100%;
    }

    .windrose {
        bottom: -85px;
    }

    .windrose img {
        width: 250px;
    }

    .home-articles,
    .destination-map {
        margin-top: 80px;
    }

    .blocks-wrapper {
        margin-bottom: 80px;
    }

    .home-blocks1,
    .home-blocks2,
    .home-blocks3
	{
        margin-top: 80px;
    }

    .logo-carousel {
        margin-top: 128px;
        margin-bottom: 80px;
    }

    .hb1s-wrap {
        width: 74%;
        margin-right: 8.6666%;
    }

    .txt-block {
        padding: 35px 35px 20px 35px;
    }

    .f-btn {
        width: 87px;
        height: 87px;
        line-height: 87px;
        font-size: 31px;
    }

    .f-container {
        margin-left: 16.66666%;
    }

    .ha-title {
        font-size: 21px;
    }

    .ha-description {
        font-size: 14px;
    }

    .ha-slider .slick-list {
        margin: 0 -10px;
    }

    .hb2-img {
        width: 66.6666%;
    }

    .hero-img {
        height: 410px;
    }

    .hero-txt-wrap:before {
        width: 30%;
    }

    .hero-txt {
        width: 80%;
    }

    .subpage-content {
        margin-bottom: 45px;
    }

    h1.subpage-title {
        font-size: 33px;
        line-height: 53px;
    }

    .breadcrumbs-wrap {
        top: 195px;
    }

    .breadcrumbs > li {
        font-size: 10px;
    }

    .breadcrumbs > li + li {
        padding-top: 28px;
    }

    .breadcrumbs > li + li:before {
        font-size: 8px;
        top: 6%;
    }

    .subpage-content {
        margin-right: 16.667%;
        margin-top: 63px;
    }

    .content-col > .user-content {
        width: 100%;
    }

    .top-strip .top-menu a:hover {
        color: #bbb;
    }

    .search-submit:hover {
        color: #bbb;
    }

    .nav-arrow:hover {
        background-color: #00c0f3;
    }

    .burger-btn:hover {
        color: #1a3859;
    }

    .ha-img:hover > img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    a:hover,
    a:focus {
        color: #151515;
    }

    .tb-link:before,
    .tb-link:after {
        content: none;
    }

    .tb-link:hover {
        padding-left: 35px;
    }

    .tb-link:hover > span:before {
        width: 20px;
        opacity: 1;
    }

    .tb-description {
        margin-bottom: 10px;
    }

    .f-description > a:hover {
        text-decoration: none;
    }

    .f-links > li > a:hover {
        text-decoration: none;
    }

    .c-socials > li > a:hover {
        color: rgba(255,255,255,.5);
    }

    .f-btn:hover {
        background-color: #00c0f3;
    }

    .burger-menu-close:hover,
    .mob-menu > li > a:hover {
        color: #fff;
    }

    .mob-submenu > li > a:hover {
        color: #151515;
    }

    .tablica-cijena td { 
        padding: 10px 15px; 
    }

    .write-comment { 
        width: 100%; 
    }

    .newsletter-container .form-block {
        width: 100%;
    }

    .bulletins {
        width: 100%;
    }

    .bulletins a {
        width: 50%;		
    }

    .faq-items { 
        width: 100%; 
    }
    .bb-items {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tablica-timetable { width: 100%; }

    .gallery-grid { width: 100%; }
    .gallery-grid a { width: 46%; margin-right: 4%; }

    .lista-mjeseca { font-size: 18px; }
    .lista-mjeseca ul li { margin-left: 15px; }

    .forecast .pict span {
        width: 51px;
    }

    .forecast .pict img {
        width: 36px;
    }

    .forecast .temp {
        font-size: 24px;
    }

    .forecast .temp span {
        width: 60px;
    }

    .video-grid {
        width:auto;
    }

    .cookie-banner {
        bottom: 47px;
        font-size: 13px;
        color: #fff;
        line-height: 18px;		
    }

    .search-wrap {
        top: 100%;
        left: 0;
        margin-right: 0;
        z-index: 999;
        -webkit-box-shadow: 0px 0px 10px  rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 10px  rgba(0,0,0,0.2);
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    }

    .error-pg-wrapper {
        height: 680px;
    }


    .error-content {
        bottom: auto;
        top: 30px;
    }

    .error-content h1 {
        font-size: 145px;
    }

    .error-content h2 {
        margin: 15px 0 0 0;
        font-size: 35px;
    }

    .social-feeds-wrap {
        margin-top: 80px;
    }
	
	.cjenik_calc_wrapper {
		padding: 40px 40px;
	}
	
	.newsletter-signup .forma-row{
		width:100% !important; 
	}
	
	.newsletter-body #mc_embed_signup .mc-field-group.privola, .privolajs{
		width:100%;
		
	}
	
	#mc_embed_signup .mc-field-group.privola label{
		line-height:18px;
	}
	
	.poslovi .content-col .user-content {
		width: 100%;
	}
	
	.cv_form {
		padding: 30px;
	}
	
	.cv_form .mb-20 {
		margin-bottom: 0;
	}
	
	.cv_form .mobile_spacing {
		margin-bottom: 20px;
	}
	
	#_privola_cv {
		width: 50px;
	}

}



@media only screen and (max-width: 767px) {
	
	.app-selection{
		display:none;
	}
	
	.link-virtualna-setnja svg{
		fill:#fff;
		width:50px;
	}
	
	.mob-menu-secondary hr{
		display:block;
	}

	.link-virtualna-setnja span{
		display:inline;
	}

	.batuni_wrap.last_step a {
		font-size: 13px;
	}
	
	.android, .ios{
		display:flex !important;
		align-items:center;
	}
	
	.android svg, .ios svg{
		height:25px;
		fill:#ffffff;
		margin-right:10px;
	}

    .grid-bgnd > div > div {
        width: 25%;
    }

    .grid-bgnd > div > div:nth-child(2) {
        left: 25%;
    }

    .grid-bgnd > div > div:nth-child(3) {
        left: 50%;
    }

    .grid-bgnd > div > div:nth-child(4) {
        left: 75%;
    }

    .grid-bgnd > div > div:nth-last-child(-n+2) {
        display: none;
    }

    .top-strip {
        height: 35px;
    }

    .top-strip .top-menu {
        padding: 6px 15px 0;
        text-align: left;
    }

    .top-strip .top-menu > li:not(:first-child):not(:last-child) {
        display: none;
    }

    .top-strip .top-menu > li {
        margin-right: 0;
    }

    .top-strip .top-menu > li.search-item {
        margin-right: 15px;
    }

    .mob-menu > li.mob {
        display: block;
    }

    .header-main {
        height: 100px;
    }

    .search-item {
        position: static;
    }

    .search-wrap {
        display: block !important;
        top: 0;
        right: 0;
        left: auto;
        width: 50%;
        margin-right: 0;
        z-index: 999;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .search-input {
        border-bottom: 1px solid #e2e2e2;
        background-color: #f4f4f4;
        padding: 0px 36px 0 10px;
    }

    .search-submit {
        text-indent: -9999em;
        padding: 0 18px;
    }

    .search:before {
        content: "\69";
        font-size: 17px;
        position: absolute;
        top: 9px;
        right: 5px;
        color: #bbb;
        font-family: "marinapunat";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .show-search {
        display: none;
    }

    .location {
        display: none;
    }

    .logo-wrapper {
        width: 100%;
        min-width: 0;
        max-width: 260px;
        padding: 0;
        padding-left: 15px;
        box-shadow: none;
        text-align: left;
        top: 52px;
    }

    .logo2 {
        white-space: nowrap;
    }

    .logo img {
        display: inline-block;
        vertical-align: middle;
    }

    .logo img:not(.logo-typo) {
        width: 65px;
        margin-right: 10px;
    }

    .logo .logo-typo {
        margin-top: 0;
        width: 145px;
    }

    .logo2 .logo-typo {
        position: relative;
        top: 5px;
        width: 185px;
    }

    .lang-select {
        display: block !important;
        position: static;
        border: none;
        margin-left: -19px;
    }

    .lang > a {
        display: none;
    }

    .lang-select > li {
        display: inline-block;
    }

    .lang-select > li + li {
        margin-left: 5px;
    }

    .lang-select > li > a {
        padding: 0;
    }

    .burger-btn {
        font-size: 24px;
        margin-right: 15px;
    }

    .nav-arrow {
        display: none;
    }

    .forecast-wrapper {
        display: none;
    }

    .hero {
        margin-left: 0;
        width: 100%;
    }

    .windrose img {
        width: 205px;
    }

    .hero .home-slider {
        height: 300px;
    }

    .home-articles,
    .destination-map {
        margin-top: 50px;
    }

    .blocks-wrapper {
        margin-bottom: 50px;
    }

    .home-blocks1,
    .home-blocks2,
    .home-blocks3
	{
        margin-top: 50px;
    }

    .logo-carousel {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hb1-img,
    .hb2-img,
    .inverted .hb2-img,
    .hb3-img {
        width: 100%;
        float: none;
    }

    .home-blocks .txt-block {
        position: static;
        width: auto;
    }

    .f-btn {
        width: 77px;
        height: 77px;
        line-height: 77px;
        font-size: 28px;
    }

    .hb1s-wrap {
        width: 100%;
        margin-right: 0;
        padding: 0 25px;
    }

    .hb1s-cols {
        letter-spacing: 47px;
    }

    .hb1s-col {
        display: inline-block;
        width: auto;
        float: none;
        letter-spacing: normal;
    }

    .subpage-content {
        margin-right: 0;
    }

    .subpage-content > .side-col {
        padding-right: 0;
    }

    .subpage-content .side-col + .content-col {
        margin-left: 0;
    }

    .txt-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tb-title {
        font-size: 28px;
    }

    .tb-description {
        margin-bottom: 8px;
    }

    .f-container {
        margin-left: 0;
        text-align: center;
    }

    .f-col {
        display: inline-block;
        float: none;
        width: auto;
    }

    .f-col:nth-last-child(-n+2) {
        display: none;
    }

    .c-txt,
    .c-socials {
        float: none;
        text-align: center;
    }

    .c-socials {
        margin-top: 10px;
    }

    .bb-img {
        width: 90px;
    }

    .footer {
        padding: 40px 0;
    }

    .hero-group {
        position: relative;
    }

    .hero-img {
        height: 300px;
    }

    .hero-img:before {
        content: none;
    }

    .breadcrumbs-wrap {
        display: none;
    }

    .hero-txt-wrap {
        position: static;
        margin-top: 0;
        margin-left: 0;
    }

    .hero-txt {
        width: auto;
        background-color: #fff;
        padding: 20px;
    }

    .subpage-content {
        margin-left: 0;
        padding: 0 20px;
        margin-top: 33px;
    }

    .user-content {
        font-size: 15px;
    }

    .subpage-content .content-col > .user-content {
        width: auto;
    }

    h1.subpage-title {
        font-size: 30px;
    }

    .hero-description {
        font-size: 14px;
        margin-top: 12px;
        margin-bottom: 8px;
    }

    .tablica-cijena {
        border-left: 1px solid #e2e2e2;
    }

    .tablica-cijena td { 
        padding: 10px 15px; 
    }

    .write-comment { 
        width: 100%; 
    }

    .form-block,
    .form-block .form-field {
        display: block;
    }

    .form-block,
    .form-buttons { 
        margin-top: 20px; 
    }

    .form-block .form-label {
        display: block;
        text-align: left;
        width: 140px;
        padding-right: 0;
        margin-bottom: 8px;
    }

    .form-buttons {
        text-align: left;
    }

    .form-wrapper .error-description {
        font-size: 12px;
    }

    .newsletter-trigger-mobile {
        display: block;
        font-size: 14px;
        margin-top: 24px;
    }

    .newsletter-trigger-mobile a {
        color: #fff;
    }

    .newsletter-trigger-mobile a:hover {
        text-decoration: underline;
    }

    .newsletter-signup {
        padding: 32px 0 40px 0;
    }

    .newsletter-container {
        width: 100%;
        padding: 0 20px;
    }
	
	.newsletter-signup .forma-row{
		flex-direction:column;
	}
	
	.newsletter-body #mc_embed_signup .mc-field-group{
		width:100% !important;
		margin-right:0px !important;
	}
	
	.privolajs{
		width:100%;
	}
	
	#mc_embed_signup .mc-field-group.privola label{
		top:-2px !important;
	}

    .newsletter-container .tb-title,
    .newsletter-container .tb-description,
    .newsletter-container .form-buttons {
        text-align: left;
    }

    .newsletter-container .tb-description {
        margin-bottom: 20px;
    }

    .bulletins { 
        margin-top: -40px;
    }

    .bulletins a {
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }

    .bulletins a img { 
        margin-left: auto;
    }


    .faq-items .q { 
        font-size: 14px;
    }

    .faq-items .q > span:first-of-type { 
        width: 48px; 
        height: 48px; 
        font-size: 13px; 
        line-height: 48px; 
    }
    .faq-items .q > span:first-of-type::before { 
        top: -2px; 
    }
    .faq-items .q .text { 
        padding: 8px 24px; 
    }

    .faq-items .a {
        padding: 16px 24px 16px 72px;
        font-size: 14px;
        line-height: 24px;
    }
	
	.listaPoslova .faq-items .a {
        padding: 10px 10px 10px 0px;
    }

    .logo-grid .group-title {
        margin-bottom: 0;
    }

    .lista-mjeseca { width: 100%; margin-left: 0; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
    .lista-mjeseca ul li { width: auto; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }

    .user-content table {
        font-size: 13px;
    }

    .user-content table th {
        line-height: 1.4;
    }

    .user-content table th,
    .user-content table td {
        padding: 5px;
    }

    .takeover {
        display: block;
    }

    .error-content {
        position: relative;
        left: auto;
        top: auto;
        padding: 0 50px 50px 50px;
        width: 100%;
    }

    .error-content .search:before {
        display: none;
    }

    #srchres404 {
        width: auto;
        right: 50px;
        left: 50px;
    }

    #srch404 {
        margin: 40px 0 0 0;
    }

    #srchres404 ul {
        width: 100%;
    }

    .last-form-block {
        padding-left: 0;
    }

    .form-block, .form-buttons {
        margin-top: 10px;
    }
    
    .camera-select {
        position: relative;
        top: auto;
        left: auto;
    }
    
    .camera-select a {
        padding: 10px 15px 10px 45px;
    }

    .social-feeds-wrap {
        margin-top: 50px;
    }

    .fb-column {
        width: 47.2%;
    }

    .instagram_feed .instagram_new {
        width: 50%;
    }

    .instagram_feed .instagram_new:nth-last-child(-n+4) {
        display: none;
    }
	
	.hero-wrapper{
		background-color:transparent;
	}
	
	.bigNews-wrap {
		flex-wrap: wrap;
	}
	
	.bigNews-wrap .one-img{
		margin-right:0;
	}
	
	.bigNews-wrap .two-img{
		flex-direction:row;
		justify-content: space-between;
    width: 100%;
	}
	
	.bigNews-wrap .two-img .mali-slika:first-child{
		margin-bottom:0px;
	}
	
	.noveVijesti h1.subpage-title{
	position:relative;
	top:0px;
	
	}

}

@media all and (max-width:500px){
	.footer-logos img{
		height:50px;
		width:auto;
		margin: 0px 5px;
	}
}

@media only screen and (max-width: 479px) {
	
	.content-col.novi_kalk_bg_wrapper {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
	
	.user-content.novi_kalk {
		padding: 20px 20px 30px 20px;
		border-radius: 0px;
	}
	
	.user-content.novi_kalk .nav-tabs li a {
		padding: 10px;
		font-size: 14px;
	}
	
	.info_txt {
		padding-left: 20px;
	}
	
	.batuni_wrap li {
		flex: 1;
	}
	
	.user-content.novi_kalk .batuni_wrap a {
		padding: 5px 10px;
		font-size: 14px;
		line-height: 17px;
		margin-right: 0;
		position: relative;
	}
	
	.user-content.novi_kalk .batuni_wrap.last_step a {
		line-height: 1.3;
		padding: 5px;
		font-size: 13px;
	}
	
	.hero .home-slider {
		height: 200px;
	}

    .header-main {
        height: 87px;
    }

    .logo-wrapper {
        max-width: 235px;
    }

    .logo img:not(.logo-typo) {
        width: 55px;
    }

    .logo .logo-typo {
        width: 125px;
    }

    .logo2 .logo-typo {
        width: 145px;
    }

    .footer {
        padding: 30px 0;
    }

    .f-btn {
        width: 47px;
        height: 47px;
        line-height: 47px;
        font-size: 15px;
    }

    h1.subpage-title {
        font-size: 27px;
    }

    .hero-img {
        height: 230px;
    }

    .bulletins a {
        width: 100%;
    }

    .logo-grid .group-title { 
        margin-bottom: 40px; 
    }

    .logo-grid .logo-item { 
        width: 50%; 
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tablica-timetable,
    .tablica-timetable tbody,
    .tablica-timetable tr { display: block; width: 100%; margin-top: 20px; }
    .tablica-timetable tr:first-of-type { margin-top: 0; }
    .tablica-timetable th,
    .tablica-timetable td { display: block; width: 100%; }

    .gallery-grid a { margin-bottom: 20px; }

    .user-content table {
        display: block;
        overflow-x: auto;
    }

/*
    .user-content table > tbody {
        display: table;
        min-width: 500px;
    }
*/
    
    .user-content table > tbody {
        width: 100%;
        display: block;
    }

    .table-wrapper + .table-wrapper {
        margin-top: 25px;
    }

    .table-directions {
        display: block;
        position: relative;
        text-align: center;
        height: 2px;
        background-color: #000;
        margin-bottom: 15px;
    }

    .table-directions span {
        padding: 0 10px;
        font-size: 10px;
        white-space: nowrap;
        text-transform: uppercase;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .table-directions:before,
    .table-directions:after {
        position: absolute;
        top: 1px;
        color: #000;
        font-size: 17px;
        font-family: "marinapunat";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .table-directions:before {
        content: "\62";
        left: -6px;
    }

    .table-directions:after {
        content: "\63";
        right: -6px;
    }

    table + .table-directions {
        margin-bottom: 0;
        margin-top: 15px;
    }

    .error-pg-wrapper {
        height: 580px;
    }

    .error-content {
        text-align: center;
        padding: 0 30px 30px 30px;
    }

    .error-content h1 {
        font-size: 115px;
    }

    .error-content h2 {
        font-size: 30px;
        line-height: 1.5;
        margin: 0;
    }

    .return-home-btn {
        padding: 15px 10px;
        width: 100%;
    }

    .return-home-btn:before {
        display: none;
    }

    #srchres404 {
        right: 30px;
        left: 30px;
        text-align: left;
    }

    #srchres404 ul li a {
        font-size: 14px;
        line-height: 1;
    }
    
    .lightcase-icon-next, .lightcase-icon-prev {
		bottom: 60px!important;
	}

    .social-feeds,
    .sf-col {
        display: block;
    }

    .sf-col {
        width: 100%;
    }

    .insta-column {
        padding-left: 0;
        margin-top: 20px;
    }
	
	.cjenik_calc_wrapper {
		padding: 30px 20px;
		margin: 0 -20px;
		border-radius: 0;
	}
	
	.bootstrap-select .btn .filter-option,
	.bootstrap-select .dropdown-menu>li>a,
	{
		font-size: 14px;
	}
	
	.custom_radio_btns .wrapper_label {
		font-size: 14px;
		line-height: 25px;
	}
	
	.total_price_wrapper {
		font-size: 20px;
	}
	
	.Cijena_basic {
		font-size: 16px;
		margin: 25px 0 10px 0;
		border-top: 1px solid #eee;
		padding-top: 20px;
	}
	
	.cjenik_title {
		margin-bottom: 20px;
	}
	
	.cjenik_dodatne_opcije2 {
		margin-top: 20px;
	}
	
	h1.subpage-title {
		line-height: 35px;
	}
	
	.ct_check_container {
		font-size: 14px;
	}
	
	.custom_checkboxes_wrap label {
		line-height: 25px;
	}
	
	.novi_kalk .bootstrap-select .dropdown-menu>li>a {
		font-size: 14px;
	}
	
	.novi_kalk .bootstrap-select .btn .filter-option {
		font-size: 15px;
	}
	
	.form_inputs_wrap {
		flex-direction: column;
	}
	
	.form_inputs_wrap input {
		width: 80%;
		margin: 0 auto;
	}
	
	.form_inputs_wrap input:last-child {
		margin-top: 15px;
		margin-left: auto;
	}
	
	.subpage-content.poslovi {
		margin-top: 30px;
	}
	
	.listaPoslova {
		margin-bottom: 30px;
	}
	
	#_privola_cv {
		width: 85px;
	}
	
	.custom_file_upload .label2 {
		width: 100%;
	}
		
}

@media only screen and (max-width: 414px) {
	.cjenik_dock .custom_radio_btns .wrapper_label {
		margin-right: 10px;
		padding-left: 25px;
	}
	
	.cjenik_dock .custom_radio_btns .wrapper_label:last-child {
		margin-right: 0;
	}
	
	.novi_kalk .bootstrap-select .btn .filter-option {
		font-size: 14px;
	}
	
	.form_inputs_wrap input {
		width: 100%;
	}
}