@media only screen and (max-width: 580px), only screen and (max-device-width: 580px) {
.banners-home-rs .banners-home {
	width: 100%;
}

.filter-wrapper {
	flex-flow: row wrap; -webkit-flex-flow: row wrap;
}
	.select-wrapper {
		width: 48%;
		margin: 0 auto 10px;
	}

/* ------------------------------------------------------------------------ 		
			
		CONTENTS/HOME.css

	 ------------------------------------------------------------------------		*/
	.feeds-home .feeds-col {
		width: 100%;
	}

	/* 	MEDIAS 	*/
	.medias-row .medias-item .logo {
		height: 70px;
		width: 70px;
		margin: auto 0;
	}
		.medias-row .medias-item .logo img {
			height: 70px;
			width: 70px;
		}
	.medias-row .medias-item .name {
		font-size: 9px;
		padding-bottom: 8px;
	}


	/* 	TICKETS 	*/
	.tickets-large.red-large {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		margin-top: 5px;
		height: auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding: 20px 0;
	}
		.tickets-large .title-ticket {
			font-size: 25px;
		}
	.tickets-index {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		padding: 5px 0;
	}
		.tickets-index .tickets-medium {
			width: 47%;
			height: auto;
			margin: 5px;
		}
			.tickets-index .tickets-medium .price {
				font-size: 45px;
			}

	.tickets-button {
		width: 100%;
	}
		.tickets-button .text {
			line-height: 1.0;
			font-size: 17px;
		}

	.mod-wrapper .title-wrapper .title {
		font-size: 26px;
	}
		.title-wsocials .social-link {
			flex-flow: row wrap; -webkit-flex-flow: row wrap;
			margin-right: 10px;
		}

	/*	NEWSLETTER FORM 	*/
	.newsletter-form {
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
	}
		.newsletter-form .title {
			width: 100%;
			text-align: center;
			font-size: 20px;
			margin: auto 0;
			margin-right: 0;
			margin-bottom: 7px;
		}
		.newsletter-form .field {
			width: 260px;
			margin: auto 0;
			margin-right: 10px;
		}
			.newsletter-form .field input {
				width: 100%;
				height: 30px;
				border: none;
				padding: 9px;
				text-align: center;
				background: #FFF;
				color: #0b2149;
				font-size: 16px;
				text-transform: uppercase;
				border-radius: 5px;
			}
		.newsletter-form .submit input {
			width: 50px;
			height: 30px;
			line-height: 0.9;
		}

	/*	BANNERS 	*/
	.banners-home .picture-wrapper img {
		width: 100%;
		height: auto;
	}

/* ------------------------------------------------------------------------ 		
			
		CONTENTS/ITEMS.css

	 ------------------------------------------------------------------------		*/
	.items-inside.home {
		margin-top: 0px;
		padding-top: 20px;
	}

	/*	COLONNES 	*/
	.items-inside .item-col25 {
		width: 100%;
		margin: 0;
	}
	.items-inside .item-col33 {
		width: 100%;
		margin: 0;
	}
	.items-inside .item-col49 {
		width: 100%;
		margin: 0;
	}
	.items-inside .item-col100 {
		width: 100%;
	}

/* ------------------------------------------------------------------------ 		
			
		CONTENTS/ITEMS.css
		
	 ------------------------------------------------------------------------		*/
	.content-item .picture {
		height: 180px;
	}


/* ------------------------------------------------------------------------ 		
			
		CONTENTS/PARTNERS.css
		
	 ------------------------------------------------------------------------		*/
	.partners-item {
		width: 97%;
		margin: 12px 0;
	}
	.partners-item .picture {
	    height: 130px;
	    width: 150px;
	}
	.partners-item .description {
		margin-left: 12px;
		width: 190px;		
	}

/* ------------------------------------------------------------------------ 		
			
		NAV
		
	 ------------------------------------------------------------------------		*/
	.nav-mobile-inside {
		padding: 50px 25px;
	}
	.nav-mobile-cols {
	}
		.nav-mobile-left {
			margin: 0;
			width: 100%;
			margin-top: 5px;
		}
		.nav-mobile-right {
			margin: 0;
			width: 100%;
		}
	footer .row-nav .link-wrapper {
		width: 45%;
		margin-bottom: 10px;
	}


/* ------------------------------------------------------------------------ 		
			
		CONTENTS/SLIDER.css
		
	 ------------------------------------------------------------------------		*/
	a.slide-item div.infos div.container-item .col-infos {
		width: 82%;
		margin-left: 10px;
	}
		a.slide-item div.infos div.container-item .col-infos .date {
			font-size: 12px;
		}
		a.slide-item div.infos div.container-item .col-infos .title {
			font-size: 19px;
		}
		a.slide-item div.infos div.container-item .col-infos .more {
			font-size: 14px;
			padding: 7px 15px;
			margin: 10px 0 0 auto;
			width: 100%;
		}
	#slider-navigator {
		right: 28px;
	}

/* ------------------------------------------------------------------------ 		
			
		CONTENTS/SLIDER.css
		
	 ------------------------------------------------------------------------		*/
	.album-wrapper .picture {
		height: 185px;		
	}

/* ------------------------------------------------------------------------ 		
			
		ARTICLES/ARTICLES.css
		
	 ------------------------------------------------------------------------		*/
	.article-container {
		padding: 10px 0 20px;
	}
		.article-inside {
			width: 100%;
			padding: 0 7px;
		}
		.article-level.bloc {
			padding: 0 7px;
		}
		.article-inside.bloc {
			padding: 0 7px;
		}

/* ------------------------------------------------------------------------ 		
			
		PLUGINS/PAGINATION.css
		
	 ------------------------------------------------------------------------		*/
	div.pagination-wrapper {
		width: 100%;
	}
		div.pagination-inside {
			width: 98%;
			margin: 0 auto;
		}

/* ------------------------------------------------------------------------ 		
			
		SHOP/TICKETS.css
		
	 ------------------------------------------------------------------------		*/
	.tickets-nav {
		padding: 0;
	}
		.tickets-nav a .inside {
			font-size: 16px;
		}

	.map-wrapper {
		padding: 20px 0;
	}
		.map-wrapper .maps {
		}
			.map-wrapper .maps a {
				width: 100%;
			}
				.map-wrapper .maps a .title {
					top: 6px;
				}
			.map-wrapper .maps a img {
				width: 100%;
			}
}

@media only screen and (max-width: 380px), only screen and (max-device-width: 380px) {
	div.header-baseline .container {
		position: relative;
	}
		div.header-baseline div.baseline-chrono {
		    position: absolute;
		    top: 2px;
		    left: 71px;
		}
		div.header-baseline div.baseline-dates {
		    position: absolute;
		    top: 18px;
		    left: 71px;
		    font-size: 12px;
		    padding-left: 0px;
		    margin-left: 0px;
		    border-left: none;
		    width: auto;
		}
	.nav-mobile-open {
		width: 100px;
	}

}