.pg_title {
	margin-bottom: 0;
}

#prog_header {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 15px;
}
	
@media screen and (min-width : 768px) {
	#prog_header { padding: 25px 25px; }
}	
@media screen and (min-width : 1200px) {
	#prog_header { flex-direction: row; align-items: center; justify-content: space-between; gap: 30px; padding: 30px 0; }
}

	#filter_cont {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	
	@media screen and (min-width : 768px) {
		#filter_cont { flex-direction: row; align-items: flex-end; gap: 20px; }
	}	
	@media screen and (min-width : 1200px) {
		#filter_cont { flex: 1; justify-content: flex-end; max-width: 650px; }
	}

		#prog_filter {
			display: flex;
			flex-direction: column;
			gap: 8px;
			display: none;
		}
	
		@media screen and (min-width : 768px) {
			#prog_filter { width: 220px; flex-shrink: 0; }
		}	
		@media screen and (min-width : 1200px) {
			#prog_filter { width: 200px; }
		}

		#filter_label {
			font-size: 14px;
			font-weight: 600;
		}

		.filter_select {
			border: 0;
			background-color: #191919;
			width: 100%;
			height: 50px;
			font-family: 'Nunito', sans-serif;
			font-size: 14px;
			font-weight: 600;
			letter-spacing: 1px;
			line-height: 50px;
			text-transform: uppercase;
			color: var(--first_color);
			border-radius: 8px;
			padding-left: 50px;
			position: relative;
			display: flex;
			align-items: center;
		}

		.filter_select i {
			position: absolute;
			top: 14px;
			left: 14px;
			font-size: 22px;
			background: #FFE616;
			background: linear-gradient(to right, #FFE616 0%, #EE7707 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		.filter_select select {
			width: 100%;
			height: 100%;
			padding: 0 35px 0 40px;
			border: 0;
			outline: none;
			background: transparent;
			font-family: inherit;
			font-size: 15px;
			color: #333;
			cursor: pointer;
		}

.inprogrammazione_container {
	display: flex;
	flex-wrap: wrap;
	row-gap: 60px;
	column-gap: 15px;
	margin-top: 60px;
}
	
@media screen and (min-width : 992px) {
	.inprogrammazione_container { column-gap: 30px; }
}

	.inprogrammazione {
		position: relative;
		width: calc(50% - 15px);
	}
	
	@media screen and (min-width : 768px) {
		.inprogrammazione { width: 204px; }
	}
	
		.regia, .cast, .genere, .durata, .btt_scheda { display: none; }
		
		.locandina, .locandina img {
			width: 100%;
			display: block;
			transition: box-shadow 0.3s linear;
			-webkit-transition: box-shadow 0.3s linear;
			-moz-transition: box-shadow 0.3s linear;
			cursor: pointer;
		}
		
		.inprogrammazione:hover .locandina {
			-webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
			-moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
			-o-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
			box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.3);
		}
		
		.titolo {
			font-weight: 300;
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-top: 25px;
		}
		
			.titolo a {
				color: var(--first_color);
				transition: color 0.3s linear;
				-webkit-transition: color 0.3s linear;
				-moz-transition: color 0.3s linear;
			}
		
			.titolo a:hover {
				color: var(--fourth_color);
			}
		
		.versioni {
			font-family: 'Dosis', sans-serif;
			font-size: 14px;
			font-weight: 300;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: var(--second_color);

			display: none;
		}