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

	div.header-desktop {
		display: none;
	}

	div.header-mobile {
		display: block;
	}

    header .container {
    	padding: 10px;
        position: relative;
        height: auto;
        display: flex; display: -webkit-flex; 
        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
        justify-content: flex-start; -webkit-justify-content: flex-start;
    }
    	 header .container a.head-logo {
    	 	margin: auto 0;
    	 }
    	 header .container .nav-button {
    	 	margin: auto 0;
    	 	margin-left: auto;
    	 }
    	 	header .container .nav-button .material-icons {
    	 		font-size: 40px;
    	 		line-height: 1.0;
    	 		color: #666;
    	 	}



	.mobile-wrapper {
	    display:none;
	    position: absolute;
	    width: 0%;
	    min-height: 500px;
	    z-index: 2000;
		background: #FFF;
	    top: 0px;
	    left: 0px;
	    bottom: 0px;
	    -webkit-transition: all .6s ease-in-out 0s;
	    -moz-transition: all .6s ease-in-out 0s;
	    -ms-transition: all .6s ease-in-out 0s;
	    -o-transition: all .6s ease-in-out 0s;
	    transition: all .6s ease-in-out 0s;
	}
		.mobile-wrapper.is-active {
			display: block;
			width: 100%;
		}
	 


	.mobile-inside {
		width: 100%;
		margin: 0;
		padding-top: 0;
		background: #FFF;
		display: flex; display: -webkit-flex; 
		flex-flow: column; -webkit-flex-flow: column;
		overflow-y: scroll;
		position: relative;
	}
		.langues-wrapper {
			position: relative;
			margin: 0;
			padding: 7px;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: flex-end; -webkit-justify-content: flex-end;
			background: #eaeaea;
		}
			.langues-wrapper a, .langues-wrapper span {
				margin: 5px;
				display: inline-block;
			}

		.mobile-inside .links-wrapper {
			width: 80%;
			margin: 25px auto;
		}

		.mobile-inside .link-wrapper {
			width: 100%;
			margin: 0px;
		}
			.mobile-inside .link-wrapper {
				width: 100%;
				margin: 5px 0;
				padding: 7px 0;
				display: block;
			}
				.mobile-inside .link-wrapper .inside {
					margin: 0;
					width: 100%;
					text-align: left;
				}
					.mobile-inside .link-wrapper .link-a {
						display: block;
						font-weight: 600;
						font-size: 16px;
						text-transform: uppercase;
						color: #333;
						line-height: 1.0;
					}
		.mobile-inside .link-wrapper.active .link-a {
			color: #ffcb08;
		}

		.mobile-inside .link-wrapper .link-sub {
			display: none;
			width: 100%;
			padding: 5px 0;
			text-align: left;
		}
			.mobile-inside .link-wrapper .link-sub a.link-s {
				display: block;
				margin: 0 1%;
				padding: 3px 0;
				font-size: 14px;
				font-weight: 500;
			}
			/*	EVENTS */
			.mobile-inside .link-wrapper .link-sub .link {
			}
				.mobile-inside .link-wrapper .link-sub .link .sub-link1 {
					display: block;
					margin: 0 14%;
					padding: 3px 0;
					font-size: 13px;
					font-weight: 500;
					color: #FFF;
					font-style: italic;					
				}

		
		.timer-wrapper {
			width: 100%;
			color: #FFF;
			font-size: 14px;
			text-align: center;
		}


    header .row1 {
        width: 80%;
        margin: 20px auto 0;
        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
        justify-content: center; -webkit-justify-content: center;
    }
    	header .row1 .button .label {
    		font-size: 10px;
    		padding: 5px;
    	}

	.rs-wrapper {
		width: 100%;
		margin: 20px auto;
		display: flex; display: -webkit-flex; 
		flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
		justify-content: center; -webkit-justify-content: center;
	}
		.rs-wrapper .hashtag {
			margin-left: 10px;
		}
		.rs-wrapper a {
			display: block;
			margin: 5px;
		}
		.rs-wrapper a.shop {
			padding: 0 20px;
			height: 27px;
			line-height: 27px;
			font-size: 15px;
			color: #333333;
			text-align: center;
			font-weight: 500;
			background: #fccc06;
			border-radius: 13px;
			display: block;
			margin: 0;
			margin-right: 15px;			
		}


	/* FOOTER */
	.partners-wrapper {
		padding: 5px 0;
	}
	.partners-wrapper .container a {
		width: 18%;
	}
		.partners-wrapper .container a img {
			width: 100%;
			height: auto;
		}

	.footer-links.links2 {
		display: none;
	}

}