@media (max-width: 1300px) { 
	.homepage-top-flex , .homepage-top-flex, .content-flex-bottom-flex {
		grid-template-columns: 900px 1fr;
	}


	.subheader #menu-header-submenu > li > a {
		padding: 0 13px;
	}	

}


@media (max-width: 1200px) { 


	.homepage-top-flex , .homepage-top-flex, .content-flex-bottom-flex {
		grid-template-columns: 700px 1fr;
	}

	.homepage-top-flex  .photos-slider  {
		order:3;
		grid-column: span 2;
		margin:0 auto;
	}

	.homepage-top-flex .photos-slider {
		width: 100%!important;
	}

	.photos-slider-default .swiper-slide-active {
	    width: 85%!important;
	}	


	.other-videos {
		width: 300px;
	}


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

}


@media (max-width: 1070px) { 

	.homepage-top-flex, .homepage-top-flex, .content-flex-bottom-flex {display: block;}


	.content-flex-bottom-flex .right {margin-top: 20px;}

	.homepage-top-flex {
		display: block;
	}

	/*header*/
	.menu-wrapper {
		display: block!important;
	}


	header.site-header {
	/*	position: sticky;
		position: -webkit-sticky;:;
		top: 0;*/
		z-index: 10000;
	}

	body .search-mobile-trigger {
	    width: 35px;
	    height: 35px;
	    display: flex!important;
	    align-items: center;
	    justify-content: center;
	    background: #fff200;
	    color: #0b2256;
	    border-radius: 100%;
	    cursor: pointer;
	    margin-left: 10px;
	}


	.search-mobile-close {
		position: absolute;
	    right: 6px;
	    top: 6px;
	    width: 30px;
	    height: 30px;
	    display: flex!important;
	    align-items: center;
	    justify-content: center;
	    background: #f1f1f1;
	    border-radius: 100%;
	}

	.search-mobile {
		padding: 40px 15px;
	    position: fixed;
	    top: 0;
	    z-index: 432432432;
	    background: white;
	    box-shadow: 0 0 24px black;
	}

	.photos-slider-default .swiper-slide img {
		height: 500px;
	}

	header.site-header {padding: 6px 0}




	.header-flex .logo img {
		height: 45px;
		border:none;
		padding: 0;
		width: auto;
	}

	.header {padding:5px 0;}

	.header-flex .right {align-items: center;}

	.menu-wrapper {margin-left: 10px!important;}


	.watch-box {
		flex-direction: column;
	}
	.current-video {
		width: 100%;
		margin-bottom: 0;
	}

	.other-videos {
		width: 100%;
		margin-left: 0;
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #efefef;
		max-height: 30vh;
	}

	.triple-vertical-posts, .shows-grid {
		grid-template-columns: 1fr 1fr;
	}




	#masthead .socials {display: none;}

	.mobile-menu {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: var(--blue);
	    color: white;
	    z-index: 9999999999;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    align-content: center;
	    text-align: center;
	    padding: 50px 15px;
	    max-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: white;
		font-size: 16px;
		margin-bottom: 10px;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 600;
		text-transform: uppercase;
	}

	.hot br {display: none;}

	.search {
		width: 100%;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #efefef;
	}

	.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;

	}

	.header-flex .right .search {display: none;}

	.subheader .menu {padding-left: 0}

	.subheader .menu ul {
		width:100%;
		max-width: 100vw;
		justify-content: flex-start;
		overflow-y: hidden;
		overflow-x: scroll;
		padding-right: 80px;
	}

	.subheader .menu ul::-webkit-scrollbar {
	    width: 0;  /* Remove scrollbar space */
	    height: 0;
	    background: transparent;  /* Optional: just make scrollbar invisible */
	}


	.subheader .menu-header-submenu-container {
		position: relative;
	}

	.subheader .menu-header-submenu-container::after {
    	position: absolute;
	    right: -15px;
	    width: 70px;
	    height: 100%;
	    content: '';
	    z-index: 543543543;
	    top: 0;
	    background: linear-gradient(90deg, rgb(11 34 86 / 0%) 0%, rgb(255 255 255) 50%, rgb(255 255 255) 100%);

	}


	.header-flex .menu {
		display: none;
	}


	.header-flex .right .user a {
		padding: 10px 12px;
		font-size: 14px;
	}

	.header-flex .right .user a i {margin-right: 5px;}
	.header-flex .logo img {left: 0}



	.header-flex {
		justify-content: space-between;
	}

	.menu-wrapper {
		position: relative;
	    margin: 0;
	    height: 38px;
	    right: 0;
	    top: -6px;
	}


	.grid-search, .shows-grid.shows-grid-6 {
		grid-template-columns: 1fr 1fr 1fr;
	}


	.flex-post {
		flex-direction: column;
	}

	.flex-post .left {
		margin-right: 0;
	}


	.flex-post .right {
		width: 100%;
		margin-top: 70px;
	}

	article.post, article.photos {
		padding: 50px 0;
	}


	.all-show-videos-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}


	.all-show-posts-flex {
		grid-template-columns: 1fr;
	}



	.this-video {
		flex-direction: column;
	}

	.this-video .video-box {
		margin-right: 0;
		margin-top: 20px;
		order:2;
	}

	.this-video-info {
		width: 100%;
	}






	.utrendu {
		margin-top: 25px;
	}


	.utrendu .posts, .najcitanije-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 15px;
	}




	.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;}


	.video-dvor-mobile {
		display: block!important;
	}

	.video-dvor-sidebar-2 {display: none!important}

}



@media (max-width: 767px) { 

	.posts-horizontal .posts , .recent-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}

	.posts-horizontal .posts .post-featured {margin:0;}




	.izvodjac-info {display: block;}

	.izvodjac-info > div {padding-left: 0!important}

	.izvodjac-info img {margin-bottom: 15px;}




}




@media (max-width: 600px) { 

	.container {
		padding: 0 12px;
	}

	h2 {
		font-size: 24px;
	}

	p {
		font-size: 16px;
	}

	.ptb60 {
		padding: 30px 0;
	}
	.mt50 {margin-top: 25px;}

	.homepage-top-flex {
		display: block;
	}

	.homepage-top-flex > div {
		margin-bottom: 30px!important;
	}

	.photos-slider-default .swiper-slide img {
		height: 350px;
	}


	.triple-vertical-posts {
		grid-template-columns: 1fr;
	}


	.grid-search, .shows-grid.shows-grid-6, .shows-grid{
		grid-template-columns: 1fr 1fr;
	}

	.show-slider-item {
		height: 400px;
	}


	.show-slider-item .show-description {
		padding: 30px 15px;
	    width: calc(100% - 50px);
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}


	.shows-slider .container {padding: 0;}


	.show-template-default .show-slider-item .show-description {
	    max-width: 700px;
	    padding: 30px 0px;
	    transform: none;
	    position: relative;
	    top: unset;
	    left: unset;
	    right: unset;
	    width: 100%;
	}

	.show-template-default .show-slider-item {height: auto}

	.watch-videos .container {padding: 0;}


	.post-default-with-thumbnail .thumbnail {
		height: 160px;
	}

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

	.post-featured {margin-bottom: 0;}



	.all-posts .posts {
		grid-template-columns: 1fr;
	}







	.utrendu .posts, .najcitanije-grid, 	.posts-horizontal .posts , .recent-grid {grid-template-columns: 1fr}

	.emisija {display: block;}

	.emisija .img {
		width: 100%;
		margin-top: 5px;
		
	}

	.emisija .cnt {
		width: 100%;
		padding-left: 0;
		margin-top: 5px;
	}



	.listaalbuma-grid {
		grid-template-columns: 1fr 1fr;
	}







	article.post, article.photos {padding: 15px 0;}

	.gut-content h1, .gut-content h2, .gut-content h3, .gut-content h4, .gut-content h5, .gut-content h6 {margin-top: 24px;}


	.all-show-videos-grid {grid-template-columns: 1fr; margin-bottom: 30px; grid-gap: 20px}

	.this-video .video-box {margin-top: 0;}



	.about-song img {
		width: 130px;
		display: none;
	}

	.about-song .info {
		padding-bottom: 80px;
	}

	.post-default-with-thumbnail .thumbnail {height: 200px}





}