.filmOdd, .filmEven {
	position: relative;
	width: 1200px;
	height: auto !important;
	height: 355px;
	min-height: 355px;
	padding: 30px 0;
	border-top: 4px dotted rgba(255,255,255,0.3);
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	.filmOdd, .filmEven { width: 300px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.filmOdd, .filmEven { width: 460px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.filmOdd, .filmEven { width: 748px; }
}

	.locandina, .eventi_img {
		position:absolute;
		top:30px;
		left:0;

		width: 204px;
		height: 295px;
	}
	
	@media screen and (max-width : 767px) {
		.locandina, .eventi_img { position: relative; top: 0; margin-bottom: 30px; }
	}

	.locandina img, .eventi_img img {
		width: 204px;
		height: 295px;
	}
	
	.data, .titolo, .info {
		position: relative;
		top: 0;
		left: 264px;
		width: 936px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.data, .titolo, .info { left: 0; width: 300px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.data, .titolo, .info { left: 0; width: 460px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.data, .titolo, .info { width: 484px; }
	}
	
	.data, .titolo {
		text-transform:uppercase;
		font-size: 23px;
		line-height: 23px;
	}

	.data {
		font-weight:500;
		color: #8795a2;
	}

	.titolo {
		font-weight:700;
		margin: 10px 0 20px 0;
	}
	
	.filmOdd .link, .filmEven .link {
		position:relative;
		background: var(--third_color);
		border-radius: 20px;
		padding: 10px 40px;
		text-align: center;
		text-transform: uppercase;
		cursor: pointer;
		transition: box-shadow 0.3s linear;
		-webkit-transition: box-shadow 0.3s linear;
		-moz-transition: box-shadow 0.3s linear;
		font-weight: 500;
		font-size: 14px;
		color: var(--second_color);
		text-decoration: none;
	}
	
	@media screen and (max-width : 767px) {
		.filmOdd .link, .filmEven .link { background: none; border-radius: 0; padding: 0; text-align: left; color: #ffba00; }
	}
	
	.cinema {
		position: relative;
		left: 264px;
		width: 936px;
		
		padding: 20px 40px 20px 80px;
		border-radius: 15px;
		background: rgba(255,255,255,0.2);
		
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 600;
		margin-top: 38px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.cinema { left: 0; width: 300px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.cinema { left: 0; width: 460px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.cinema { width: 484px; }
	}
	
	.cinema:before {
		position: absolute;
		top: 50%;
		left: 20px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f3c5";
		margin-top: -10px;
		padding-right: 20px;
		border-right: 1px solid rgba(33,33,33,0.3);
		font-size: 30px;
		color: var(--third_color);
	}