@media (max-width: 1450px) { 
	
	.website-middle {
	    min-width: 1080px;
	}
}




@media (max-width: 1100px) { 
	
	.website-middle {
	    min-width: 100%;
	}

	#big-advert-right, #big-advert-left {display: none;}


	header .mainmenu .menu > li > a {
		padding: 15px 8px;
	}

	header .mainmenu .menu > li .sub-menu > li > a {
		padding: 10px 8px;
	}

}



@media (max-width: 991px) { 
	

	.website-middle .main-content-grid {
		grid-template-columns:  1fr 290px;
	}

	.news-item-sidebar-flex .image-wrapper {
		width: 120px;
		min-width: 120px;
		max-height: 170px;
	}

	h3 {
		font-size: 14px;
	}
	h2 {
		font-size: 20px;
	}

	.news-box-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.news-box .top > a {
	    background: var(--dark);
	    color: white;
	    padding: 12px 10px;
	    font-size: 13px;
	}

	.news-box .top {
		padding-left: 10px;
	}

	.news-tabs > .tabs-openers > div {
		font-size: 11px;
	}


}






@media (max-width: 991px) { 
		

	.website-middle .main-content-grid {
		grid-template-columns: 1fr;
	}

	.news-tabs > .tabs-openers > div {
		font-size: 13px;
	}






	.mobile-menu {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: var(--lightblue);
	    color: #000;
	    z-index: 9999999999;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    align-content: center;
	    text-align: center;
	    padding: 50px 15px;
	    max-height: 100vh;
	    min-height: 100vh;
	    overflow: auto;
	    align-items: flex-start;
	    text-align: left;
	}

	.subheader .menu ul li:hover .sub-menu {display: none}

	.mobile-menu .menu-mobile-kategorije-container {
		width: 100%;
	}

	.mobile-menu #menu-mobile-kategorije {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}

	.mobile-menu-divider {
		border-bottom: 2px solid #2d4b8d;
	    width: 100%;
	    padding-bottom: 5px;
	    margin-bottom: 15px;
	    font-size: 20px;
	    font-weight: 700;
	}

	.mobile-menu-divider:not(:first-child) {margin-top: 25px;}


	.mobile-menu .sub-menu {display: none;}

	.mobile-menu .sub-menu a {
		padding-left: 8px;
		font-size: 14px;
		font-weight: 500;
	}

	.mobile-menu a {
		color: #000;
		font-size: 14px;
		margin-bottom: 10px;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 500;
		text-transform: uppercase;
	}

	.mobile-menu .socials {
		display: flex;
		gap: 10px
	}

	.hot br {display: none;}

	.search {
		width: 100%;
	}

	.close-mob-menu {
		position: absolute;
		top: 15px;
		right: 15px;
		cursor: pointer;
		font-size: 22px;
	}

	.mobile-menu a i {color: var(--red)}

	.mobile-menu > ul {
		margin-top: 8px;
		padding-top: 15px;
		border-top: 1px solid #efefef;

	}

	body #ajaxsearchlite1 .probox, div.asl_w .probox {
		border: none;
	}




	.marquee-news-wrapper {
		margin-top: 0;
	}

	header .top-flex .left, header .top-flex .socials {
		display: none;
	}

	header .top-flex .logo {
		justify-content: flex-start;
	}

	.menu-wrapper {
		display: flex!important;
		position: initial;
		flex: none!important;
		flex-direction: column;
		grid-gap: 5px;
	}

	header .top-flex .logo img {
		height: 40px;
	}


	.marquee-news-wrapper, .marquee-news-wrapper > div.marquee-title {
		background: var(--lightblue);
	}
	.marquee-news-wrapper {margin-bottom: 15px;}

	.marquee-news-wrapper > div.marquee-title {
		padding: 0 15px;
	}

	.marquee-title .fadeout {
		background: linear-gradient(90deg, rgb(246 248 255) 40%, rgb(246 248 255 / 0%) 100%);
	}




	.footer-top , .footer-copyright{
		display: block;
	}

	#footer {text-align: center;}
	.footer-top .footer-right .right li a img {margin:0 auto;}
	.footer-top .footer-right {width: 100%;}
	.footer-top .footer-right {display: block;}
	.footer-top .footer-right .left {max-width: 100%;}
	.footer-top .footer-right .right {max-width: 100%!important; margin-top: 30px;}
	.footer-top .footer-right>div {width: 100%;}
	#footer {padding-top: 24px;}
	.footer-top .footer-right .left p {line-height: 20px;}
	.footer-copyright {margin-top: 30px;}
	.footer-copyright p:nth-child(2) {margin-top: 20px;}

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


	.footer-logo {padding-left: 0px;}

	.footer-top .footer-right .left img {margin: 0 auto}



	header .middle {
		display: block;
	}

	.mainmenu {
		width: 100%;
	    max-width: 100vw;
	    justify-content: flex-start;
	    overflow-y: hidden;
	    overflow-x: scroll;
	    padding-right: 0px;
	}

	header .mainmenu .menu > li > a {
		width: max-content;
	}	


	header .middle .right {display: none}


	header .mainmenu .menu > li .sub-menu {display: none!important;}


	body #ajaxsearchlite1 .probox, div.asl_w .probox {
		background: white!important;
	}

	body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input {
		color: black!important;
	}

	body #ajaxsearchlite1 .probox .proinput input::placeholder, body div.asl_w .probox .proinput input::placeholder {
		color: black!important;
	}


	.marquee-news-wrapper {
		height: 38px;
	}

}	



@media (max-width: 767px) { 
	.news-box-grid {
	    grid-template-columns: 1fr 1fr;
	}

	.grid-search {grid-template-columns: 1fr 1fr}
}


@media (max-width: 480px) { 
	.news-box-grid {
	    grid-gap: 10px;
	    grid-row-gap: 25px;
	}

	.news-box-grid {
		padding: 10px;
	}

	h3 {font-size: 13px;}

	.featured-news-grid {
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}

	.post-header h1 {
		font-size: 24px;
	    line-height: 30px;
	}
}