/**
 * 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;
 	}

 }

 	.btnMarge {
	margin-right: 36%;
margin-top: 180px;
}
.btnOmbre {
	width: 67%;
}

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

 @media (max-width: 979px) {
 	.lc-form-layout .lc-content {
 		padding-top: 0;
 		margin-top: -27px;
 	}
 }

 @media (min-width: 768px) and (max-width: 979px) {
 	h2 {
 		font-size: 20px;
 		text-align: center;
 		line-height: 1.5em;
 	}
 	
 	p.intro-txt {
 		margin: 20px;
 	}
 		#introForm {
	position: relative;
  width: 100%;
  overflow: hidden;
    background: #f4f7f8 url("https://www.loyaltymail.fr/013_LOY/2024/landing_page/kiss_defis_marketeurBtoB/images/bg_defis.png") no-repeat top left ;
	background-size: cover;
	height: 80vh;

}
 }


/**
 * 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;
 	}

 		#introForm {
	position: relative;
  width: 100%;
  overflow: hidden;
    background: #f4f7f8 url("https://www.loyaltymail.fr/013_LOY/2024/landing_page/kiss_defis_marketeurBtoB/images/bg_defis.png") no-repeat top left ;
	background-size: cover;
	height: 42vh;

}
 	#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;
 	}

 	#valid {
 		position: relative;
 		padding: 0;
 		overflow: hidden;
 		background: #ffffff url("https://www.loyaltymail.fr/013_LOY/2024/landing_page/kiss_defis_marketeurBtoB/images/valide.png") no-repeat top center;
 		background-size: cover;
 		width: 100%;
 		height: 30vh;
 	}
	#error {
 		position: relative;
 		padding: 0;
 		overflow: hidden;
 		background: #ffffff url("https://www.loyaltymail.fr/013_LOY/2024/landing_page/kiss_defis_marketeurBtoB/images/erreur.jpg") no-repeat top center;
 		background-size: cover;
 		width: 100%;
 		height: 30vh;
 	}

 	
 	.marginResponsive {
 		margin-top: 141px;
 	}

 	.titreform {
 		background-color : #003c58;
 		color: #FFFFFF;
 		font-family: "Arvo", serif;
 		font-size: 29px;
 		font-weight: lighter;
 		text-transform: uppercase;
 	}
 	.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: 950px;
 		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;
 		height: 1000px !important;

 	}

 	.split-right {
 		width: 100%;
 		text-align: center;
 		padding-top: 50px;
 		padding-right: 0% !important;
 		padding-bottom: 20px;
 	}
 
 	.btnMarge {
	margin-right: 36%;
margin-top: 180px;
}
.btnOmbre {
	width: 67%;
}

 	#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) {
 	#introForm {
	position: relative;
  width: 100%;
  overflow: hidden;
    background: #f4f7f8 url("https://www.loyaltymail.fr/013_LOY/2024/landing_page/kiss_defis_marketeurBtoB/images/bg_defis.png") no-repeat top left ;
	background-size: cover;
	height: 42vh;

}
 }


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

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

@media (max-width: 320px) {

	#introForm {
	position: relative;
  width: 100%;
  overflow: hidden;
    background: #f4f7f8 url("https://www.loyaltymail.fr/013_LOY/2024/landing_page/kiss_defis_marketeurBtoB/images/bg_defis.png") no-repeat top left ;
	background-size: cover;
	height: 27vh;

}
 	.btnMarge {
	margin-right: 36%;
margin-top: 180px;
}
.btnOmbre {
	width: 67%;
}
	/* 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) {

}