.col-div-5{
	width: 20%;
	max-width: 20%;
}
.sup-mapa{
	border-bottom: 1px solid white;
	padding-bottom: 5px;
	margin-bottom: 10px
}
.sup-mapa .title,
.sup-mapa .download{
	display: inline-block;
	vertical-align: middle;
}
.sup-mapa .download {
	width: 91px;
	font-size: 12px;
	text-align: right;
}
.sup-mapa .download a{
	text-decoration: underline;
}
.sup-mapa .title{
	width: calc( 99% - 90px );
}
.conoce{
	font-size: 12px;
	margin-top: 8px
}
.left .control{
	padding-right: 55px
}
.title-container{
	max-width: 390px
}

.carousel-cell{
	width: 100%
}
.flickity-button {
    background: transparent;
    color: white;
}
.flickity-button:hover {
    background: transparent;
    cursor: pointer;
}
.carousel-cell .image img{
	width: 100%
}
.mobile-visible{
	display: none;
}
.image-mapa{
	position: relative;
	width: 100%;
	max-width: auto
}
.image-mapa img{
	width: 100%
}
.image-mapa .contenido,
.image-mapa a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.page-template-page-recorrido  .tipo-marato {
    font-size: 70px;
}

@media only screen and (max-width:1920px) {
	
}

@media only screen and (max-width: 1700px) {
	
	
	
}
@media only screen and (max-width: 1500px) {
	
	

}
@media only screen and (max-width: 1200px) {
	.sup-mapa .title {
	    width: calc( 99% - 100px );
	}
.col-div-5{
		width: 50%;
		max-width: 50%;
	}
}

@media only screen and (max-width:991px) {
	.left .control{
		padding-right: 0px
	}
}	

@media only screen and (max-width: 767px) {
	.sup-mapa{
		margin-top: 50px
	}
	.image-mapa img{
		width: 100%
	}
	.title-container {
	    max-width: 100%;
	}
	.sup-mapa .download{
		text-align: right;
	}
	.sup-mapa .title {
	    width: calc( 99% - 94px );
	}
	.col-div-5{
		width: 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 575px) {
	.mobile-visible{
		display: block;
	}
	.desktop-visible{
		display: none;
	}

	

}