/**
 * 1.0 LARGE DEVICES (large desktops, 1200px and up)
 * -----------------------------------------------------------------------------
 */
 @media (min-width: 1441px) {}

 @media (max-width: 1440px) {}

 @media (max-width: 1383px) {}

 @media (max-width: 1280px) {}

 @media (max-width: 1208px) {}


/**
 * 2.0 MEDIUM DEVICES (desktops, 992px and up)
 * -----------------------------------------------------------------------------
 */
 @media (max-width: 1199px) {
 	/* BASIC STRUCTURE */
 	.lc-form-layout #intro, .lc-form-layout #form {
 		background-attachment: inherit !important;
 	}
 }

 @media (min-width: 992px) and (max-width: 1199px) {}


/**
 * 3.0 SMALL DEVICES (tablets, 768px and up)
 * -----------------------------------------------------------------------------
 */
 @media (max-width: 1024px) {
 	/* BASIC STRUCTURE */
 	main#main-content {
 		margin-bottom: 0 !important;
 		box-shadow: none;
 	}
 	.rwd-break {
 		display: none;
 	}

 	/* HEADER & HERO SECTION */
 	.lc-form-layout .lc-content {
 		padding-top: 20px;
 	}

 	.creative-layout .lc-content h1 {
 		font-size: 42px;
 	}

 	.lc-form-wrapper {
 		padding: 20px 40px;
 	}

 	.lc-app-content-right {
 		padding-top: 0;
 		padding-bottom: 0;
 	}

 	p.intro-txt {
 		margin: 40px;
 	}

 	h1 {
 		font-size: 30px;
 	}

 	h2 {
 		font-size: 25px;
 	}

 }

 @media (max-width: 991px) {}

 @media (max-width: 979px) {
 	.lc-form-layout .lc-content {
 		padding-top: 0;
 		margin-top: -27px;
 	}
 	 	#introForm {
 		position: relative;
 		padding: 0;
 		height: 500px;
 		background: #f4f7f8 url("http://www.loyaltymail.fr/013_LOY/Muse/Landing_Pages/2019/LB_ANIMATION_RESEAUX/images/bg_form_mobile.png") no-repeat top right;
 		background-size: cover;
 	}
 		#intro {
 		position: relative;
 		padding: 0;
 		height: 600px;
 		background: #ffffff url("http://www.loyaltymail.fr/013_LOY/Muse/Landing_Pages/2019/LB_ANIMATION_RESEAUX/images/bg_valid_error_mobile.png") no-repeat top right;
 	}
 }

 @media (min-width: 768px) and (max-width: 979px) {
 	h2 {
 		font-size: 20px;
 		text-align: center;
 		line-height: 1.5em;
 	}

 	p.intro-txt {
 		margin: 20px;
 	}

 }


/**
 * 4.0 EXTRA SMALL DEVICES (mobile phone, 320px and up)
 * -----------------------------------------------------------------------------
 */
 @media (max-width: 640px) {
 	#mobile_logo_marque {
 		display: block;
 		z-index: 1;
 		bottom : 15px;
 		width: 100%;
 		height: 81px;
 		position: fixed;
 	}


 	#left_logo_marque {
 		display: none;
 	}
 	#intro, #form {
 		padding: 0px 0;
 		height: auto;
 	}

 	#screen-height {
 		height: auto;
 	}

 	#intro .color-overlay, #form .color-overlay {
 		margin-top: -76px;
 		margin-bottom: -76px;
 		padding: 76px 0;
 	}
 	
 	/* Buttons */
 	.download-cta {
 		display: none;
 	}

 



 	.marginResponsive {
 		margin-top: 141px;
 	}

 	.titreform {
 		background-color : #6b1d2f;
 		color: #FFFFFF;
 		font-family: 'Raleway',sans-serif;
 		font-size: 25px;
 		font-weight: lighter;
 		text-transform: uppercase;
 	}
 	 	.titreMerci {
 		background-color : #6b1d2f;
 		color: #FFFFFF;
 		font-family: 'Raleway',sans-serif;
 		font-size: 25px;
 		font-weight: lighter;
 		text-transform: uppercase;
 	}
 	.intro-txt {
	margin-left: 8%;
	margin-top: 15px;
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	color: #6b1d2f;
	font-style: italic;
	max-width: 700px;
	margin-bottom: 30px
}

 	.split-left {
 		width: 100%;
 		text-align: center;
 		padding-top: 30px;
 		padding-right: 0% !important;
 	}

 	.split-right {
 		width: 100%;
 		text-align: center;
 		padding-top: 50px;
 		padding-right: 0% !important;
 		padding-bottom: 20px;
 	}

 	#formulaire {
 		height: 840px;
 		width: 100%;
 		background-color: #FFFFFF;
 		box-shadow: 2px 2px 10px #d5e2e7;
 		-moz-box-shadow: 2px 2px 10px #d5e2e7;
 		-webkit-box-shadow: 2px 2px 10px #d5e2e7;
 		padding : 28px 15px 50px 10px;
 	}

 	.elq-form label {
 		color: #666666;
 		font-weight: normal;
 		font-style: italic;
 		margin-bottom: 5px;
 		font-size: 12px;
 		display: inline;
 	}

 	/* -- */
 }

 @media (min-width: 641px) and (max-width: 738px) {
 	/* BASIC STRUCTURE */
 	h1 {
 		font-size: 25px;
 		text-align: center;
 		line-height: 1.25em;
 	}

 	h2 {
 		font-size: 20px;
 		text-align: center;
 		line-height: 1.5em;
 	}

 	h3 {
 		font-size: 20px;
 	}

 	h4 {
 		font-size: 18px;
 	}

 	p {
 		text-align: center;
 		line-height: 16px;
 	}

 	p.intro-txt {
 		font-size: 14px;
 		margin: 20px 0;
 	}

 	#screen-height-message p.intro-txt {
 		margin: 20px 0 0 0;
 	}

 	ul {
 		padding-left: 10px;
 	}

 	/* HEADER & SECTION */
 	#intro .container, #form .container {
 		height: auto;
 	}

 	.lc-content a.cta {
 		margin-top: 46px;
 	}

 	.lc-form-layout #intro, .lc-form-layout #form {
 		/*text-align: center;*/
 	}

 	.lc-form-layout #intro .embed-responsive, .lc-form-layout #form .embed-responsive {
 		display: none;
 	}

 	#intro .lc-form-wrapper {
 		padding: 40px 20px;
 		margin-top: 20px;
 		margin-bottom: 0;
 		background: rgba(255, 255, 255, 0.9);
 	}

 	#intro #screen-height-message .lc-form-wrapper {
 		padding: 40px 20px;
 		margin-top: 0;
 	}

 	#form .lc-form-wrapper {
 		padding: 40px 10px 30px 0px;
 		margin-top: 0;
 		margin-bottom: 120px;
 		background: rgba(255, 255, 255, 0.9);
 	}

 	.lc-form-layout .lc-content {
 		padding-top: 25px;
 	}

 	.animated-headline {
 		margin-top: -18px;
 	}

 	.animated-words-wrapper b {
 		white-space: normal;
 	}

 	#to-top {
 		display: none;
 	}
 	.titreMarge {
 		margin-left: 8%;
 		margin-top: 16%;
 	}
 	#logosKiss {
 		position: absolute;
 		margin-left: 8%;
 		margin-top: 10px;
 	}
 	.split-left {
 		width: 100%;
 		text-align: center;
 		padding-top: 50px;
 		padding-right: 0% !important;
 	}

 	.split-right {
 		width: 100%;
 		text-align: center;
 		padding-top: 50px;
 		padding-right: 0% !important;
 		padding-bottom: 20px;
 	}

 	#formulaire {
 		height: 800px;
 		width: 100% !important;
 		background-color: #FFFFFF;
 		box-shadow: 2px 2px 10px #d5e2e7;
 		-moz-box-shadow: 2px 2px 10px #d5e2e7;
 		-webkit-box-shadow: 2px 2px 10px #d5e2e7;
 		padding: 10px 10px 50px 10px;
 	}
 }

 @media (max-width: 640px) {}
}

@media (min-width: 481px) and (max-width: 568px) {}

@media (max-width: 480px) {}

@media (max-width: 320px) {
	/* BASIC STRUCTURE */
	section {
		padding: 91px 0;
	}

	/* TYPOGRAPHY */
	h1 {
		font-size: 25px;
	}

	h2 {
		font-size: 18px;
	}

	h3 {}

	/* HEADER & HERO SECTION */
	.lc-form-wrapper {
		padding: 30px 15px 30px;
		margin-left: 5% !important;
		width: 90% !important;
	}

	.lc-form-wrapper p {
		font-size: 14px;
		line-height: 1.5em;
	}

	.inline-cta li {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
		width: 100%;
	}

	#intro .scroll-link, #form .scroll-link {
		margin-top: 20px;
	}

}
@media (max-width: 667px) and (orientation : landscape) {

}
@media (max-width: 640px) and (orientation : landscape) {

}