/*******
 * CSS Mobile
 *
 ******/
@media (max-width: 1200px) {
	.contenedor-eventos-multimedia{
		width: calc(100vw - 20px);
		max-width: 100vw;
    	margin: 10px;
	}
	
	.multimedia .multimedia__image{
		max-height: 13vw;
	}
}
 

@media (max-width: 991px) {
	.multimedia {
		text-align:center;
	}

	.contenedor-eventos-multimedia{
		flex-direction: column;
	}
	
	.multimedia .multimedia__contenedor{
		flex-direction: column-reverse;
	}
	
	.multimedia .multimedia__opciones{
		flex-direction: row;
	}
	
	.multimedia .multimedia__articulo{
		margin-left: 0;
	}
	
	.multimedia .multimedia__image__contenedor {
		margin: 0px auto 1em;
	}
	
	.multimedia .multimedia__video__contenedor {
		margin: 0px auto 1em;
	}
	
	.multimedia .multimedia__ver-mas{
		float:none;
		margin-right:0;
	}
	
	.multimedia .multimedia__audios li iframe{
		height: 150px;
	}

}
@media (max-width: 768px) {
	.eventos .eventos__lista {
		padding: 2em 20px;
	}

	.multimedia .multimedia__audios li iframe{
		height: 100px;
	}
	
	.multimedia .multimedia__image{
		max-height: 30vw;
	}
}

@media (max-width: 480px) {
	.multimedia .multimedia__boton{
		font-size: 4vw;
		padding-left: 10px;
	}

	.multimedia .multimedia__boton img{
		width: 30%
	}
	
	.multimedia .multimedia__video__item {
		width: 100%
	}
	
	.multimedia .multimedia__video__item img {
		width: 20%;
	}
	
	.multimedia .multimedia__video__item__desc {
		width: 75%
	}
	
}