@media only screen and (min-width: 1800px) {
    .container {
        max-width: 1760px;
    } 
}

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

    .nav-list li {
        margin: 0 20px 0 0;
    }


    .slide-info {
        left: 60px;
    }
	
	.slide-info h1 {
		font-size: 40px;
	}
	
	.slide-flags {
		left: 60px;
	}
	
}

@media only screen and (max-width: 1499px) {
	.slide-info h1 {
		font-size: 35px;
	}
	
	.slide-info .btn {
		font-size: 20px;
	}
	
	.main-slider {
		margin: 30px 0 0 0;
	}
	
	.featured-cats {
		padding: 30px 0 0;
	}
	
	.gray-section {
		padding: 30px 100px 30px 0;
		margin: 30px 0 0 0;
	}
	
	.news-section {
		margin: 30px auto 0 auto;
	}
	
	footer {
		margin: 30px 0 0 0;
		padding: 30px 0 30px 0;
	}
	
	.prijava-wrapper .form-group {
		flex-wrap: wrap;
	}
	
	#prijava-body label#oib-error {
		display: block;
		width: 100%;
	}
}

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

	.topbar-main-nav-wrapper {
		padding: 70px 0 0 0;
	}

    .slide-info h1 {
        margin: 0 0 20px 0;
        font-size: 34px;
    }

    .slide-info .btn {
        font-size: 18px;
    }
	
	.slide-flags {
		top:10px;
	}
	
	.slide-info .btn {
		margin-top: 30px;
	}
	
	#prijava-header {
		padding: 0 20px;
	}
	
	#prijava-header LI {
		margin-right: 10px;
	}
	
	#prijava-header LI a {
		font-size: 15px;
		padding: 15px 12px;
	}
	
	#prijava-header LI a::after {
		padding-left: 15px;
	}
	
	.main-nav-wrapper .logo img {
		max-width:250px;
	}


	.main-nav-wrapper .logo.rh img {
		max-width:53px;
	}

}

@media only screen and (min-width:1199px){
	.nav-list li.show-submenu:hover .submenu {
    visibility: visible;
    opacity: 1;
	}
}

@media only screen and (max-width: 1199px) {
    .topbar-main-nav-wrapper {
        padding: 20px 0;
    }

    .main-nav .logo {
        top: 0;
    }

    .topbar {
        top: 10px;
    }
	
	.nav-desktop-container {
		top: 15px;
	}

    .featured-item h3 {
        left: 15px;
        right: 15px;
		padding: 15px 20px;
    }

    .logo-slide {
        display: none;
    }

    .search-btn-menu {
        margin: 0;
        padding: 0;
        position: absolute;
        right: 60px;
        top: 36px;
        z-index: 2;
    }

    .slide-info {
        max-width: 75%;
		left: 40px;
    }

    .main-content-wrapper {
        padding: 0 0 10px 0;
    }

    .sidebar {
        max-width: 100%;
		display:none;
    }

    .subpage-intro-txt {
        font-size: 20px;
    }

    h1 {
        font-size: 38px;
    }

    .main-content {
        font-size: 18px;
    }

    .main-content ul li::before {
        top: 11px;
    }

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

    .nav-list {
        position: absolute;
        height: auto;
        opacity: 0;
		top:0;
    }

    .nav-list li {
        display: block;
    }

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

    .nav-list li:last-child,
    .hidden-side-nav ul li:last-child {
        border: none;
    }

    .nav-list li a {
        display: inline-block;
        padding: 0;
        text-align: left;
        line-height: 1.6;
        border-bottom: none;
    }

    .nav-list li > a:hover,
    .nav-list li > a:focus,
    .nav-list li > a:active {
        border-bottom: none;
    }

    .submenu-list .submenu-list-last {
        padding: 0 0 0 20px;
    }

    .submenu-list .submenu-list-last ul {
        padding: 5px 0 5px 20px;
        margin: 0;
    }

    .nav-list .submenu {
        position: relative;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
        box-shadow: none;
		max-height:0;
		overflow:hidden;
		visibility: hidden;
		opacity: 0;
        display: none;
		transform:translateY(-100%);
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
	}

	.nav-list .show-submenu.expand .submenu{
		background: #eaeaea;
		visibility: visible;
		display: block;
		max-height:100%;
		 opacity:1;
		padding: 5px 15px;
		margin: 10px 0 0 0;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transform:translateY(0);
	}

    .nav-list .show-submenu .show-submenu-side-main {
        display: block;
        position: absolute;
        top: 10px;
		z-index:5;
		cursor:pointer;
    }

    .hidden-side-nav ul li.nav-mobile-wrapper {
        margin: 25px 0 0 0;
		padding:0;
    }

    .nav-list li.show-submenu > a:after {
        display: none;
    }

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

    .nav-list .submenu a {
        padding: 5px 0;
    }

    .nav-list .submenu .btn {
        width: 100%;
        text-align: center;
    }

    .nav-list li {
        margin: 0 20px 0 0;
    }

    .nav-list > li {
        line-height: 1.6;
    }

    .nav-list li a {
        font-size: 16px;      
    }

    .nav-list li a:hover:after {
        bottom: -36px;
    }

    .nav-list li a:hover:after,
    .nav-list li a:focus:after,
    .nav-list li a:active:after{
        display: none;
    }

    .submenu h2 {
        display: none;
    }

    .submenu .submenu-wrapper {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .submenu .submenu-wrapper .submenu-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        column-gap: 0;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        margin: 0 0 10px 0;
    }

    .gray-section img {
        max-width: 240px;
    }

    .right-side-gray-section {
        padding: 0 0 0 40px;
    }

    .news-item {
        padding: 20px 0;
    }

    .news-item a {
        font-size: 18px;
    }

    .news-item .date {
        font-size: 16px;
        margin: 0 0 5px 0;
    }

    .footer-logo {
        flex-wrap: wrap;
        left: 0;
    }

    .footer-logo-title {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .footer-logo-info {
        padding: 0 40px 0 0;
    }
	
	.slide-info h1 {
		font-size: 30px;
	}
	
	.slide-flags {
		left: 40px;
	}
	
	.news-section {
		max-width: fit-content;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.slide-info .btn {
        margin-top: 5px;
    }
	
	.slide-info {
        max-width: 80%;
        left: 20px;
    }
	
	.slide-info .btn {
		font-size: 16px;
	}
	
	.slide-info h1 {
		font-size: 25px;
	}
	
	.slide-info .btn {
		margin-top:20px;
	}

}


@media only screen and (max-width: 991px) {
    .main-slider {
        margin: 20px 0 0 0;
    }

    .left-side-gray-section {
        margin: 0 auto;
		display: none;
    }

    .left-side-gray-section img {
        margin: 0 0 40px 0;
    }

    .gray-section::after {
        display: none;
    }

    .right-side-gray-section {
        padding: 0 15px;
    }

    .news-item a {
        font-size: 16px;
    }

    .news-section {
        padding: 0 30px;
    }
	
	.subpage-intro-txt h2 {
		font-size: 22px;
	}
	
	.main-footer-content {
		padding: 0 15px;
	}
	
	.slide-info .btn {
        margin-top: 30px;
    }
	
	.prijava-wrapper .form-label {
		width: 170px;
	}

}

@media only screen and (max-width: 767px) {
    header {padding: 0 15px;}
	 
    .slide-info,
    .slide-info .btn {
        font-size: 16px;
    }

    .slide-info h1 {
        font-size: 28px;
    }

    .bread {
        padding: 20px 0 0 0;
    }

    .inline-list li {
        margin: 0 0 0 20px;
    }

    .featured-item {
        width: 100%;
        margin: 0;
    }

    .featured-item:last-of-type {
        margin: 0;
    }

    .featured-item img {
        width: 100%;
    }

    .featured-item h3 {
        right: auto;
    }

    .gray-section h2 {
        font-size: 28px;
    }

    .footer-logo-info {
        width: 100%;
        padding: 0;
        text-align: center;
    }

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

    .footer-links-wrapper {
        /* padding: 30px 0 0 0; */
        text-align: center;
    }

    .footer-address {
        line-height: 2;
    }
	
	.footer-logo-info img{
		display:none;
	}
	
	.footer-links-wrapper:last-child {
		display: block;
	}

	footer .hideMobile  {
		display:none;
		width:100%;
		text-align: center;
	}
    .footer-links li{
        line-height: normal;
    }
	
	.prijava-wrapper .form-label {
		width:150px;
	}
	
	.fullWidthPic .main-content {
		padding-left:0;
	}
	
	.fullWidthPic .bread {
		padding-left:0;
	} 

	.form-group input::placeholder {
		font-size:14px;
	}
	
	.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
		font-size:14px;
	}
	
	.order-cbl {
		flex-direction: column;
	}
	
	.jezici {
		padding-left:0;
	}
	
	.subpage-intro-txt h2 {
		font-size: 22px;
	}
	
	#prijava-header {
		display: inline-flex;
		flex-wrap: wrap;
	}
	
	.main-slide-holder img {
		width: 100%;
		height: 450px;
	}
	
	.ukloniKontakt, .ukloni-jezik {
		padding: 5px 10px;
		margin-left: 15px;
	}
	
	.prijava-wrapper .form-control {
		margin-right: 0;
	}
	
	.top {
		bottom: 20px;
	}

}

@media only screen and (max-width: 600px) {
	.slide-info {
		max-width: 85%;
	}
	
	.topbar {
		Display: none !important;
	}
	
	.topbar.mobile_topbar_linkovi {
		Display: block !important;
		position: static;
	}
	
	.nav-desktop-container {
		position: static;
	}
	
	.main-nav-wrapper .logo img {
		/*max-width: 100%;
		height: auto;*/
	}
	
	.mobile-nav-wrapper {
		margin: 0 0 0 30px;
	}
}

@media only screen and (max-width: 575px) {
    .logo-name {
        font-size: 14px;
        padding: 0 0 0 15px;
        line-height: 1.3;
    }

    .search-wrapper-menu {
        position: fixed;
        right: 12px;
        left: 12px;
        width: auto;
    }

    .search-btn-menu {
        right: 55px;
        top: 29px;
    }

    .slide-info {
        left: 30px;
    }

    h1 {
        font-size: 22px;
    }

    .hidden-side-nav {
        width: 100%;
    }

    .accordion-button {
        font-size: 30px;
        padding: 20px 90px 20px 0;
    }

    .accordion-button::after {
        width: 9px;
        height: 19px;
        background: url(../img/chevron-right.svg) 50% 50% no-repeat;
        background-size: 9px auto;
    }

    .accordion-button:not(.collapsed)::after {
        background: url(../img/chevron-right.svg) 50% 50% no-repeat;
        background-size: 9px auto;
    }

    .subpage {
        padding: 20px 0 0 0;
    }

    .subpage-intro-txt,
    .featured-item h3  {
        font-size: 18px;
    }

    .gray-feature-item {
        width: 100%;
        padding: 0 0 30px 0;
    }

    .gray-section img {
        max-width: 150px;
    }

    .footer-logo-info {
        text-align: center;
    }

    footer {
        font-size: 14px;
    }

    .footer-logo img {
        width: 80px;
    }

    .blue-btn {
        width: 100%;
    }

    section h2 {
        font-size: 28px;
    }

    .main-content {
        font-size: 16px;
		padding-right: 0;
    }

    .main-content ul li::before {
        top: 8px;
    }
	
	.prijava-wrapper .form-label {
		width:130px;
	}

}

@media only screen and (max-width: 490px) {
   
	.logo_wrap > a:first-child {
		margin-right: 20px;
	}
	
	.gray-section {
		padding: 30px 0;
	}
	
	.slide-info h1 {
		font-size: 25px;
		margin: 0 0 15px 0;
	}
	
	.slide-info, .slide-info .btn {
		font-size: 15px;
	}
	
	.slide-info .btn {
		margin-top: 20px;
	}

    .subpage-intro-txt,
    .featured-item h3 {
        font-size: 16px;
    }

    .footer-links-wrapper {
        width: 100%;
        padding: 20px 0 0 0;
    }

    footer {
        text-align: center;
        padding: 30px 0 40px 0;
    }
	
	.prijava-wrapper .form-label {
		font-size:14px;
	}
	
	.form-group input::placeholder {
		font-size:12px;
	}
	
	.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
		font-size:12px;
	}
	
	.main-nav-wrapper .logo img {
		max-width:200px;
	}


	.main-nav-wrapper .logo.rh img {
		max-width:44px;
	}
	
	.prijava-wrapper .form-label {
		width:100px;
	}
	
	#prijava-body .button-holder {
		height: auto;
		display: flex;
		flex-direction: column;
		grid-gap: 15px;
	}
	
	.prijava-wrapper .button-holder .pure-button {
		margin-right: 0;
		width: 100%;
	}

}


@media only screen and (max-width: 375px) {
    
    .topbar {
        top: 5px;
    }

    body, html {
        font-size: 16px;
    }
	
	header {
		padding: 0;
	}
	
	.slide-info {
		left: 20px;
	}

    .slide-info h1 {
        font-size: 22px;
		margin: 0 0 15px 0;
    }
	
	.slide-info {
		font-size: 14px;
	}
	
	.slide-info .btn {
		margin-top: 20px;
		font-size: 15px;
	}

    .bread {
        font-size: 14px;
    }

    table td,
    table th {
        padding: 10px;
    }
	
	.form-group input::placeholder {
		font-size:12px;
	}
	
	.prijava-wrapper .form-label {
		font-size:12px;
	}
    
	.prijava-wrapper .form-label {
        width: 100px;
    }
	
	.prijavaForma .filter-option-inner-inner{
		font-size:12px;
	}
	
}