@media (max-width: 1585px){
	.header-menu-open{
		height: 100%;
	}
}

@media (max-width: 1440px){
	.navbar .main-menu-item:not(:last-child){
		margin-right: 37px;
	}
}

@media (max-width: 1320px){
	.navbar .main-menu-item:not(:last-child){
		margin-right: 15px;
	}
}
@media (max-width: 1330px){
	.novost-title{
		height: 108px;
	}

	.novost-body{
		height: 127px;
	}
}

@media (max-width: 1330px){
	.novost-body {
	  height: 127px;
	}
}

@media (max-width: 1200px) {
	body #side_video{
		display: none;
	}
}

@media (max-width: 1080px){
	.novost-body {
	  height: 167px;
	}
}

@media (max-width: 1020px){
	.novost-body {
	  height: 187px;
	}
}

@media (max-width: 992px) {
	.navbar-brand a.site-title{
		font-size: 77px;
	}

	#block-novosti .novosti-block-title{
		font-size: 77px;
	}

	.navbar-toggler-icon{
		width: 46px;
		height: 40px;
	}

	.navbar-toggler-icon::before{
		font-size: 30px;
	}

	.header-menu-open{
		width: auto;
	}

	.novost-title {
	  height: 110px;
	}

	#block-bootstrap5-content .novost-body{
		height: 147px;
	}

	#block-novostikatizbornik{
		margin-bottom: 40px;
	}
}

@media (max-width: 768px){
	body{
		overflow-x: clip;
	}

	.container{
		padding-left: 20px;
		padding-right: 20px;
	}

	header{
		padding-bottom: 10px;
	}

	.header-menu-open .navbar-brand{
		height: 100px;
		max-width: max-content;
	}

	.frontpage-html #block-bootstrap5-branding,
	.frontpage-html .navbar-brand{
		max-width: min-content;
	}

	.frontpage-html .header-menu-open #block-bootstrap5-branding,
	.frontpage-html .header-menu-open .navbar-brand{
		max-width: max-content;
	}

	.header-menu-open .navbar-brand{
		max-width: max-content;
	}

	.frontpage-html .header-box .navbar .row{
		height: initial;
	}

	.frontpage-html .header-box .navbar .row .region-nav-branding{
		position: initial;
	}

	.header-box{
		background-image: url('/sites/default/files/img/header.png');
		background-size: cover;
	}

	.header-box header{
		background-color: transparent;
	}

	.user-logged-in.frontpage-html .header-box{
		height: 96vh;
	}

	.frontpage-html .header-box{
		background-image: url('/sites/default/files/img/header_front.png');
		background-size: cover;
		height: 100vh;
	}

	.frontpage-html .header-box header{
		background-color: transparent;
	}

	.navbar-container{
		margin-top: 10px;
	}

	.menu-open .header-box .header-menu-open{
		background-color: #fff;
	}

	.header-box .navbar .row{
		height: 420px;
	}

	.header-box .header-menu-open .navbar .row{
		height: initial;
	}

	.header-box .navbar .row .col-11{
		position: relative;
	}

	.header-box .navbar .row .region-nav-branding{
		position: absolute;
		bottom: 0px;
	}

	.header-box .header-menu-open .navbar .row .region-nav-branding{
		position: initial;
		margin-top: 12px;
	}

	.header-box .navbar-brand a.site-title{
		color: #fff;
		letter-spacing: 0px;
		line-height: 1;
	}

	.frontpage-html .header-box .navbar-brand h1{
		margin-top: initial;
	}

	.header-box .navbar-brand h1{
		margin-top: auto;
		margin-bottom: -5px;
	}

	.header-box .navbar-brand.big-title-container h1{
		margin-bottom: 0px;
	}

	.header-box .header-menu-open .navbar-brand a.site-title{
		color: #000;
		font-size: 40px;
		font-family: 'Diglu Bold', sans-serif;
		letter-spacing: 0px;
	}

	.big-title-container.navbar-brand{
		margin-right: 0;
	}

	.navbar-toggler-icon{
		background-image: url('/sites/default/files/img/hamburger_menu_mobile.svg');
	}

	.navbar-collapse{
		padding-top: 20px;
	}

	.navbar.menu-navbar-container{
		padding-left: 20px;
		padding-right: 20px;
	}

	.main-menu-item .menu-mobile-hide{
		display: none;
		margin-right: 0;
	}

	.menu-mobile-hide.collapse:not(.show){
		display: block;
		margin-bottom: 23px;
	}

	.navbar .main-menu-top{
		margin-bottom: 0;
	}

	.navbar .main-menu-bottom{
		margin-top: 0;
	}

	.header-menu-open .navbar .navbar-toggler{
		margin-top: 38px;
		z-index: 10;
	}

	.navbar .navbar-toggler{
		z-index: 10;
		margin-top: 41px;
		border-radius: 0;
	}

	.navbar .main-menu-item:not(:last-child){
		margin-right: 0;
	}

	.navigation .row > .main-menu-item{
		margin-bottom: 37px;
		margin-bottom: 25px;
	}

	.navbar .main-menu-item, 
	.navbar .main-menu-item h4, 
	.navbar .main-menu-item div{
		width: 100%;
	}

	#block-bootstrap5-main-navigation h4 a,
	#block-mainnavigationbottom h4 a{
		font-size: 32px;
		pointer-events: all;
		cursor: pointer;
		padding: 0 !important;
		padding-bottom: 10px !important;
	}

	#block-bootstrap5-main-navigation h4 a:focus, 
	#block-mainnavigationbottom h4 a:focus{
		text-decoration: underline;
	}

	#block-bootstrap5-main-navigation h4.collapsed a,
	#block-mainnavigationbottom h4.collapsed a{
		text-decoration: underline;
	}

	#block-bootstrap5-main-navigation h4,
	#block-mainnavigationbottom h4{
		margin-bottom: 0;
	}

	#block-bootstrap5-main-navigation a,
	#block-mainnavigationbottom a{
		font-size: 24px;
	}

	#block-novosti{
		margin-top: -108px;
	}

	#block-novosti .novosti-block-title a{
		color: #fff;
	}

	#block-brzilinkoviblock h3{
		font-size: 21px;
		border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
		border-width: 2px;
		--bs-border-width: 2px;
		padding-top: 57px;
		line-height: 2;
	}

	.frontpage-novost-block{
		max-width: 100%;
		margin: auto;
		padding-bottom: 52px;
	}

	.footer-img{
		max-height: 70px;
		float: right;
	}

	.novosti-page.view-novosti .row > *{
		/* max-width: 350px; */
		margin: auto;
	}

	.novosti-vezane-link{
		margin-bottom: 31px !important;
	}

	.novost-kategorija-block{
		margin-top: 43px;
		margin-bottom: 39px !important;
	}

	.novost-kategorija-block > *{
		font-size: 21px;
	}

	.novost-article-submitted {
		margin-top: 25px;
		font-size: 16px;
	}

	article .text-formatted h3{
		font-size: 22px;
	}

	article .field--name-field-uvod.text-formatted p{
		font-size: 24px;
	}

	article .text-formatted p,
	.paragraph .text-formatted p{
		font-size: 20px;
	}

	.article-body .field--name-body {
	  margin-bottom: 28px;
	}

	.novost-article{
		margin-bottom: 42px;
	}

	.novost-article-image-placeholder{
		height: 220px;
	}

	.novost-article-image-placeholder .novost-article-placeholder{
		width: 99px;
		height: 99px;
	}

	.novost-article-image {
	  margin-bottom: 37px;
	}

	.novost-title{
		height: auto;
		margin-bottom: 14px;
	}

	.novost-link{
		font-size: 24px;
		line-height: 1.3;
	}

	.novost-body{
		height: auto;
		font-size: 20px;
		line-height: 1.4;
	}

	.novost-date{
		margin-top: 15px;
		font-size: 17.5px;
	}

	.novost-line{
		width: 17px;
	}

	.novosti-page .view-header .novosti-kategorije{
		margin-top: 41px;
		margin-bottom: 55px;
		line-height: 2;
	}

	.novosti-novost-block{
		padding-bottom: 60px;
	}

	.novosti-border{
		margin-bottom: 48px;
	}

	.novosti-page .view-header .novosti-kategorije > *{
		font-size: 21px !important;
	}

	.paragraph .field--name-field-naslov-paragrafa.text-formatted{
		font-size: 22px;
	}

	.field--name-field-sekcije .field__item .paragraph--type--prilozi .prilozi-title{
		font-size: 24px;
	}

	.field_prilozi_collapse_link.accordion-button,
	.field_galerija_collapse_link.accordion-button,
	.field_prilozi_collapse_link.accordion-button{
		font-size: 20px;
	}

	.field--name-field-sekcije .field__item .paragraph--type--te{
		margin-bottom: 63px;
	}

	.field--name-field-sekcije .field__item .paragraph--type--fotogalerija{
		margin-top: 58px;
	}

	.field--name-field-sekcije .field__item .paragraph-dodatni-sadrzaj{
		margin-top: 33px;
	}

	.field--name-field-sekcije .field__item .paragraph-dodatni-sadrzaj .field--name-field-naslov-paragrafa.text-formatted{
		margin-bottom: 14px;
		font-size: 24px;
	}

	.field--name-field-sekcije .field__item {
	  margin-bottom: 48px;
	}

	article{
		margin-bottom: 48px;
	}

	article .field--name-field-uvod.text-formatted p{
		margin-bottom: 33px;
	}

	.prilozi-title{
		font-size: 22px;
	}

	.file--application-pdf a,
	.file--x-office-document a,
	.file--x-office-spreadsheet a,
	.file--x-office-presentation a,
	.file--mime-application-rtf a{
		font-size: 17px;
	}

	.file--application-pdf, 
	.file--x-office-document, 
	.file--x-office-spreadsheet, 
	.file--x-office-presentation, 
	.file--mime-application-rtf{
		background-size: 15px 19px;
		background-position-y: 6px;
	}

	#block-novostikatizbornik{
		display: none;
	}

	.view-display-id-block_2 .novosti-novost-block{
		padding-bottom: 0;
	}

	.view-display-id-block_2 .novosti-novost-block .novost-link-container{
		margin-bottom: 31px;
	}

	.slick-lightbox-close{
		margin-top: 7%;
		margin-right: 1%;
	}

	.slick-lightbox .slick-arrow{
		width: 63px;
		height: 90px;
		bottom: 40px;
		top: auto;
	}

	.slick-arrow::before {
		display: initial;
	}

	.slick-lightbox .slick-prev{
		cursor: pointer;
		left: 18px;
	}

	.slick-prev::before{
		content: url('/sites/default/files/img/gallery-prev.svg');
		opacity: 1;
	}

	.slick-next::before{
		content: url('/sites/default/files/img/gallery-next.svg');
		opacity: 1;
	}

	.slick-lightbox .slick-next{
		cursor:  pointer;
		right: 18px;
	}

	.slick-img-counter{
		bottom: 24px;
	}

	.slick--field-fotogalerija.block-grid > .grid{
		padding: 0 5px 10px;	
	}
	
	.block-grid, .blazy.block-grid, .item-list > .block-grid{
		margin: 0 -5px;
	}

	.slick--field-fotogalerija.block-grid > .grid .media{
		max-height: 110px;
	}

	.region-sidebar-first{
		display: none;
	}

	.frontpage-kategorije a, 
	.frontpage-kategorije span{
		line-height: 2;
		font-size: 17px;
	}

	#block-brzilinkoviblock{
		margin-bottom: 39px;
		margin-top: 60px;
	}

	#block-footerinfo span{
		font-size: 17px;
	}

	.footer-border{
		margin-bottom: 53px;
	}

	.text-start{
		margin-bottom: 26px !important;
	}

	.view-footer{
		margin-top: 20px;
	}

	.paragraph--type--te a.accordion-button:hover,
	.paragraph--type--fotogalerija .accordion-button:hover{
		text-decoration: none !important;
	}

	.paragraph--type--te a.accordion-button:focus,
	.paragraph--type--fotogalerija a.accordion-button:focus{
		text-decoration: none !important;
	}

	.paragraph--type--te a.accordion-button:not(.collapsed),
	.paragraph--type--fotogalerija .accordion-button:not(.collapsed){
		text-decoration: none !important;
	}

	.page-4xx #block-bootstrap5-content{
	  margin-top: 41px;
	  margin-bottom: 48px;
	}
}

@media (max-width: 390px){
	.header-box .navbar-brand .big-title-container a.site-title{
		min-width: 320px;
	}
}

@media (max-width: 340px){
	.header-box .navbar-brand .big-title-container a.site-title{
		min-width: auto;
	}
}