@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

	article {
		width: 100%;
	}

	div.inside {
		width: 100%;
	}
	div.sub-inside {
		width: 100%;
	}
	.subnav-logo .inside {
		justify-content: center; -webkit-justify-content: center;
	}

	h1 {
		font-size: 30px;
	}
	.adherent-login {
		width: 100%;
	}
		.adherent-login .adherent-form {
			width: 100%;
		}


	/*	HEADER */
	.header-desktop	 {
		display: none;
	}
	.header-mobile {
	    display: block;
	    position: relative;
	}
		/* UNIVERS INDEX */
		header .nav-univers .col-right a {
			font-size: 9px;
			line-height: 1.2;
			height: auto;
			padding: 7px;
			border-left: 1px solid #c7c7c7;
		}
			header .nav-univers .col-right a:last-child {
				border-left: none;
			}
		header .nav-univers {
			height: auto;
		}

		.subnav-logo {
			display: none;
		}

		/*	LOGO */
		.header-mobile .nav-logo {
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: flex-start; -webkit-justify-content: flex-start;
		}
			.union .header-mobile .nav-logo {
				background: #FFF;
			}
			.filiere .header-mobile .nav-logo {
				background: #0a0d36;
			}
			.shop .header-mobile .nav-logo {
				background: #FFF;
			}

			.header-mobile .nav-logo .col-left {
				margin: auto 0;
				padding: 1rem;
			}
			.header-mobile .nav-logo .col-right {
				margin: auto 0;
				margin-left: auto;
				width: 70px;
				height: 40px;
				text-align: center;
			}
				.header-mobile .nav-logo .col-right .material-icons {
					font-size: 40px;
				}
			.union .header-mobile .nav-logo .col-right {
				background: #1a1e51;
			}
			.membres .header-mobile .nav-logo .col-right {
				background: #e41b13;
			}
			.filiere .header-mobile .nav-logo .col-right {
				background: #11154a;
			}
				.header-mobile .nav-logo .col-right .material-icons {
					color: #FFF;
				}
			.shop .header-mobile .nav-logo .col-right {
			}
			.header-mobile .nav-univers .col-right {
				width: 100%;
			}

	/*	HEADER > NAV */
	.nav-mobile {
		display: none;
		position: absolute;
		z-index: 500;
		top: 0;
		bottom: 0;
		left: 0;
		right: auto;
		width: 0px;
		-webkit-transition-duration: 0.4s; /* Safari */
		transition-duration: 0.4s;
	}
		.nav-mobile.is-active {
			display: block;
			right: 0;
			width: 100%;
		}
		.union .nav-mobile {
			background: #1a1e51;
		}
		.membres .nav-mobile {
			background: #8d0c07;
		}
		.filiere .nav-mobile {
			background: #11154a;
		}
		.shop .nav-mobile {
			background: #1a1e51;			
		}

	.nav-mobile-wrapper {
		width: 100%;
		height: auto;
		overflow: auto;
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: center; -webkit-justify-content: center;
	}
		.nav-mobile-inside {
			width: 55%;
			padding: 1rem 0;
		}
	.link-wrapper {
		width: 100%;
		padding: 14px;
		border-bottom: 1px solid #393c61;
	}
		.union .link-wrapper {
			border-bottom: 1px solid #393c61;
		}
		.filiere .link-wrapper {
			border-bottom: 1px solid #0a0d36;
		}
		.shop .link-wrapper {
			background: #393c61;
			border-radius: 6px;
			border-bottom: none;
			margin-bottom: 1rem;
		}

		.link-wrapper .link {
		}
			.link-a {
				display: block;
				text-align: center;
				width: 100%;
			}
				.union .link-a {
					color: #ffffff;
					font-size: 18px;
					font-family: 'ClanOT-Medium';
				}
				.membres .link-a {
					color: #ffffff;
					font-size: 18px;
					font-family: 'ClanOT-Medium';
				}
				.filiere .link-a {
					color: #ffffff;
					font-size: 19px;
					font-family: 'DIN Next BoldCnd';
					text-transform: uppercase;
					text-align: left;
				}
				.shop .link-a {
					color: #ffffff;
					font-size: 18px;
					font-family: 'ClanOT-Medium';
				}

			.link-wrapper .link-sub {
				display: none;
				padding-top: 10px				
			}
			.link-wrapper.is-active .link-sub {
				display: block;
			}
				.link-s {
					width: 90%;
					margin: 0 auto;
					padding: 7px;
					display: block;
					text-align: left;
				}
				.union .link-s {
					color: #ffffff;
					font-size: 13px;
					/*font-family: 'ClanOT-Medium';*/
				}
				.filiere .link-s {
					color: #ffffff;
					font-size: 14px;
					text-transform: none;
				}
				.shop .link-s {
					color: #ffffff;
					font-size: 13px;
				}

			.head-account-wrapper {
				top: 38px;
			}
			.head-cart-wrapper {
				top: 38px;
			}

		header .shortcuts {
			flex-flow: row wrap; -webkit-flex-flow: row wrap;
			padding: 1rem 0;
			height: auto;
		}
			header .shortcut {
				width: 150px;
				margin: 0 10px;
				margin-bottom: 0.8rem;
				border-radius: 7px;
                padding: 0.6rem 1rem !important;
			}

			header .shortcut.search {
				width: 100%;
			}
				header .shortcut.search form {
					width: 100%;
				}
				header .shortcut .search-input {
					width: 100%;
					text-align: center;
				}
				header .shortcut .search-hidden {
					width: 0%;
				}
				.filiere header .shortcuts .shortcut {
					margin-bottom: 0.8rem;
				}
				.filiere header .shortcuts .shortcut.search {
					width: 100%;
					background: #FFF;
				}
				.filiere header .shortcuts .shortcut input {
					background: #FFF;
					text-align: center;
					color: #999999;
					border-radius: 0px;
				}
				.shop header .shortcuts .shortcut.shop-account {
					background: #720f1a;
					padding: 1rem;
					border-radius: 7px;
					width: 100%;
				}
				.shop header .shortcuts .shortcut.cart {
					background: #e41b13;
					padding: 1rem;
					border-radius: 7px;
					width: 100%;
				}
		header .rs {
			padding: 3rem 0 0;
			justify-content: center; -webkit-justify-content: center;
		}
			header .rs a {
				margin-left: 5px;
				margin-right: 5px;
			}





	/*	FOOTER */
	footer .inside .row .col-newsletter {
		width: 360px;
	}


	/*	GRIDS // WALL */
	section.wall {
		width: 98%;
		margin: 0 auto;
	}
	.alaune-wrapper {
		width: 100%;
	}
	.grid-wrapper {
		width: 100%;
	}
		.grid-wrapper.with-aside #main {
			width: calc(100% - 300px);
		}
			.grid-wrapper.with-aside #main .sortable {
				width: 100%;
			}
			.grid-wrapper.with-aside #main li, .grid-wrapper.with-aside #main li.width2, .grid-wrapper.with-aside #main li.width4 {
				width: 100%;
			}
		.grid-wrapper.with-aside #aside {
			width: 280px;
		}
			.grid-wrapper.with-aside #aside .sortable {
				width: 280px;
			}

		.grid-wrapper.without-aside #main {
			width: 100%;
		}
			.grid-wrapper.without-aside #main .sortable {
				width: 100%;
				justify-content: center; -webkit-justify-content: center;
			}

		li.filiere-w25 {
			width: 31%;
		}
			.filiere-w25 .picture {
				width: 100%;
			}
		li.filiere-w50 {
			width: 63%;
		}
			.filiere-w50 .picture {
				width: 100%;
			}


	/*	ARTICLE */
	.shortcuts-wrapper {
		justify-content: center; -webkit-justify-content: center;
	}
	.shortcuts-wrapper .shortcuts-col {
		width: 45%;
	}

	/* CONTACT FORM */
	.contact-wrapper {
		width: 90%;
	}

}