@media only screen and (min-width: 1269px) and (max-width: 1342px) {
	.nos-avantages ul li {
		margin: 0 30px 0 0;
	}

	.nos-avantages ul li span {
		font-size: 71px;
	}

	.nos-avantages ul li p {
		font-size: 17px;
	}

	.text-image .text,
	.contenu-section .text {
		padding-right: 35px;
	}
}

@media only screen and (max-width: 1340px) {
	header .logo {
		width: 260px;
	}

	.form-section form {
		max-width: 370px;
		margin: 0 auto;
	}

	header .menu ul {
		padding: 0;
	}

	header .menu ul li a {
		font-size: 17px;
	}
}

@media only screen and (max-width: 1323px) {
	.slide-content .title {
		padding-left: 20%;
	}
}

@media only screen and (max-width: 1316px) {
	.form-section {
		padding-left: 28px;
	}
}


@media only screen and (max-width: 1316px) {
	header .menu ul li {
		padding-left: 25px;
	}
}

@media only screen and (max-width: 1299px) {
	header .menu ul {
		display: flex;
		justify-content: space-between;
	}

	header .menu ul li {
		padding-left: 0;
	}
}

@media only screen and (max-width: 1175px) {
	header .menu ul li a {
		font-size: 15px;
	}

	header .logo {
		width: 227px
	}

	header .blue-btn {
		font-size: 15px;
	}

	.form-section form legend {
		font-size: 29px;
	}
}

@media only screen and (max-width: 1268px) {
	.form-section {
		padding-left: 28px;
	}

	.slide-content .title {
		padding-left: 10%;
	}
}

@media only screen and (min-width: 993px) and (max-width: 1268px) {
	.slide-content .title {
		padding-left: 0;
		width: 56%;
	}

	.form-section {
		float: right;
	}

	.slide-content h1 {
		font-size: 43px;
		line-height: 50px;
	}

	.nos-avantages ul li span {
		font-size: 56px;
	}

	.nos-avantages ul li p {
		font-size: 16px;
		line-height: 21px;
	}

	.nos-avantages ul li {
		padding: 30px 4px;
		width: 18%;
		margin: 0 21px 0 0;
	}

	.nos-avantages ul {
		padding: 0;
	}

	.text-image .text p,
	.contenu-section p {
		font-size: 15px;
	}

	.text-image .text,
	.contenu-section .text {
		flex-basis: 708px;
		padding-right: 19px;
	}

	.contenu-section .images ul span b {
		font-size: 14px;
		line-height: 20px;
	}

	.contenu-section .images ul span {
		line-height: 24px;
		font-size: 12px;
	}
}

/* MOBILE */
@media only screen and (max-width: 500px) {
	.menu .btn.btn-primary.blue-btn {
		display: none;
	}

	.avant-apres {
		width: 100%;
	}

	.notice {
		margin: 9px 0 0 0;
		font-size: 16px;
	}

	body {
		padding-bottom: 58px;
	}

	.slide {
		background-image: url(../img/slide-mobile_.jpg);
		background-size: 100% auto;
		padding-bottom: 0;
		height: 304px;
	}

	body {
		padding-top: 17px;
	}

	.menu {
		padding: 0;
	}

	.navbar-toggle {
		margin: 10px 0;
		color: var(--darker);
		font-size: 16px;
	}


	header {
		padding-bottom: 19px;
		height: auto;
	}

	.slide-content .title {
		padding-left: 0;
	}

	.slide-content h1 {
		font-size: 40px;
	}

	.slide-content h1 span {
		font-size: 42px;
		line-height: 42px;
	}

	.slide-content h1 {
		text-align: center;
	}

	.slide-content p {
		float: none;
		text-align: center;
	}



	.form-section {
		padding: initial;
	}

	.form-section form legend {
		font-size: 29px;
	}

	.form-section form legend small {
		font-size: 20px;
	}

	.fields .checkbox label {
		font-size: 10px;
	}

	.nos-avantages ul {
		padding: 0;
	}

	.nos-avantages ul li {
		width: 100%;
		margin: 26px 0;
	}

	.nos-avantages ul li:first-child {
		margin-top: 0;
	}

	.nos-avantages ul li span {
		font-size: 73px;
	}

	.nos-avantages ul li p {
		font-size: 16px;
	}

	.text-image .text,
	.contenu-section .text {
		flex-basis: auto;
		padding: 0 !important;
	}

	section,
	.coloris,
	.demande-devis-gratuit {
		padding: 60px 13px;
	}

	h2,
	.coloris h2,
	.demande-devis-gratuit h2 {
		font-size: 28px;
		line-height: 36px;
	}

	h2 br {
		display: none;
	}

	.text-image .content,
	.contenu-section .content {
		flex-direction: column;
	}

	.text-image .text p,
	.contenu-section p {
		font-size: 16px;
	}

	.text-image .comment-ca-marche,
	.contenu-section {
		padding: 0;
	}

	.text-image .image img {
		margin-top: 30px;
	}

	.contenu-section .images ul {
		margin-top: 65px;
		flex-direction: column;
		gap: 0;
	}

	.contenu-section .images ul span {
		font-size: 13px;
	}

	.contenu-section .images ul span b {
		font-size: 16px;
		line-height: 24px;
	}

	.mt-65 {
		margin-top: 25px;
		margin-bottom: 25px;
		width: 100%;
	}

	.coloris ul li {
		width: 44%;
		margin: 0 21px 0 3px;
	}

	.coloris ul li:nth-child(2n) {
		margin-right: 0;
	}

	.coloris ul li p {
		line-height: 18px;
		margin-bottom: 32px;
	}

	.nos-certifications {
		background-position-x: left;
		padding: 60px 13px 60px;
		background-size: auto 100%;
	}

	.demande-devis-gratuit h2 {
		text-align: center;
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 8px;
	}

	.demande-devis-gratuit .col-md-12 {
		padding: 0;
	}

	.demande-devis-gratuit p {
		font-size: 23px;
		text-align: center;
	}

	.demande-devis-gratuit a {
		font-size: 22px;
		float: none;
		margin: 33px 0 0;
		padding: 14px 16px;
		align-items: center;
		width: 100%;
		text-align: center;
		flex-direction: row;
		justify-content: center;
	}

	footer {
		padding: 60px 13px;
	}

	footer .logos {
		width: 74%;
		height: auto;
		position: relative;
		display: block;
		padding-left: 0;
	}

	footer .logos img {
		width: 100%;
		height: auto;
		margin: 0 auto 30px;
	}

	footer .logos img:last-child {
		margin-bottom: 0;
		width: 100%;
	}

	footer .logos span {
		font-size: 19px;
		margin-right: 27px;
	}

	.logo-eurochem {
		width: 100%;
		margin: 0 auto;
	}

	footer .contacts {
		width: 100%;
		margin: 40px 0 17px;
		font-size: 16px;
		line-height: 27px;
	}

	footer .contacts span:nth-child(2),
	footer .contacts span:last-child {
		margin-top: 11px;
	}

	footer .col-md-3:nth-child(2),
	footer .col-md-3:nth-child(3) {
		padding: 0;
	}

	.col-md-6.no-padding-right.col-xs-12 {
		padding: 0;
	}

	footer ul {
		font-size: 16px;
	}

	footer .col-md-6.pull-right {
		padding: 0;
	}

	.suivez-nous {
		flex-direction: column;
	}

	.reseau-sociaux ul li a span {
		font-size: 35px;
	}

	footer .col-md-3:nth-child(3) {
		margin-bottom: 0;
	}

	.form-section label {
		font-size: 13px;
	}

	.qui-sommes-nous,
	.contact {
		background-size: auto 100%;
	}

	.slide-page img {
		width: 76%;
	}

	.slide-page {
		background-position: center;
		height: 196px;
	}

	h3 {
		font-size: 19px;
	}

	.text-image p {
		font-size: 16px;
	}

	.contact-details {
		padding: 0;
	}

	.contact-page {
		height: auto;
	}

	.contact-page .page .col-md-12 {
		padding: 0;
	}

	.contact-type label[for="type"] {
		font-size: 16px;
		margin-right: 25px;
	}

	.contact-type .radio-inline {
		font-size: 15px;
	}

	.form-contact button {
		font-size: 22px;
	}

	.sticky-mobile {
		position: fixed;
		z-index: 9;
		background-color: #fff;
		width: 100%;
		top: 0;
	}

	.sticky-mobile .logo {
		width: 195px;
	}

	.navbar-header {
		float: right;
	}

	.sticky-mobile {
		padding-bottom: 13px;
	}

	.suivez-nous .reseau-sociaux ul {
		margin-top: 31px;
	}

	.copyright .col-md-6 {
		padding: 0;
		font-size: 12px;
		text-align: left;
	}
}

/* SMALL MOBILE */
@media only screen and (max-width: 390px) {
	header .logo {
		width: 169px;
	}

	.avant-apres {
		width: 100%;
	}

	.notice {
		margin: 9px 0 0 0;
		font-size: 16px;
	}

	body {
		padding-bottom: 58px;
	}

	.slide-content h1 {
		font-size: 32px;
	}

	.slide-content h1 sup {
		font-size: 24px;
	}

	.slide-content h1 span {
		font-size: 31px;
		line-height: 36px;
	}

	.slide-content p {
		font-size: 16px;
		line-height: 26px;
	}

	.form-section form legend {
		font-size: 23px;
	}

	.form-section form legend small {
		font-size: 17px;
	}

	.container-fluid {
		padding: 0;
	}

	.dark-btn {
		font-size: 15px;
	}

	.form-section label {
		font-size: 10.8px;
	}

	.nos-avantages ul li {
		margin: 26px 0 0;
	}

	h2,
	.coloris h2 {
		font-size: 22px;
		line-height: 31px;
	}

	.text-image .text p,
	.contenu-section p {
		font-size: 15px;
		line-height: 24px;
	}

	.contenu-section .images ul span b {
		font-size: 15px;
		line-height: 20px;
	}

	.contenu-section .images ul span {
		font-size: 13px;
		line-height: 21px;
	}

	.coloris ul li img {
		margin: 0 auto 8px;
		height: 130px;
		width: 130px;
	}

	.coloris ul li {
		width: 44%;
		margin: 0 21px 0 3px;
	}

	.coloris ul li p {
		line-height: 16px;
		margin-bottom: 32px;
	}

	.text-image .text p,
	.contenu-section p {
		font-size: 13px;
		line-height: 24px;
	}

	footer .contacts {
		width: 100%;
		margin: 40px 0 17px;
		font-size: 14px;
		line-height: 24px;
	}

	.copyright .col-md-6 {
		padding: 0 15px;
	}

	.menu-mobile .menu-items li a {
		font-size: 19px;
	}

	.menu-mobile .menu-items li {
		margin-bottom: 36px;
	}

	.menu-mobile .btn-primary {
		margin: 69px auto 35px;
		width: 71%;
		font-size: 16px;
		padding: 11px;
	}

	.menu-mobile .logo-mobile img {
		width: 63%;
	}

	.menu-mobile .logo-mobile {
		margin-left: 12px;
		float: left;
		width: 78%;
	}

	.menu-mobile .logo-mobile img {
		width: 84%;
	}

	.suivez-nous .reseau-sociaux ul {
		margin-top: 0px;
	}

	.copyright .col-md-6 {
		padding: 0;
		font-size: 12px;
		text-align: left;
	}
}

/*Tablette*/
@media only screen and (min-width: 500px) and (max-width: 768px) {
	header .menu ul {
		margin-top: 15px;
	}

	header .menu ul li a {
		font-size: 14px;
	}

	.menu {
		padding: 0;
	}

	.slide-content h1 {
		text-align: center;
	}

	.slide-content .title {
		padding-left: 9px;
	}

	.slide-content p {
		display: block;
		float: left;
		width: 100%;
		text-align: center;
	}

	.col-md-4.form-section {
		display: block;
		float: left;
		width: 100%;
	}

	.form-section form {
		margin: 0 auto;
	}

	h2,
	.coloris h2,
	.demande-devis-gratuit h2 {
		font-size: 29px;
		line-height: 40px;
	}

	section,
	.nos-certifications {
		padding: 70px 0;
	}

	.nos-avantages ul li {
		width: 32%;
		margin: 0 12px 21px 0;
	}

	.nos-avantages ul li:nth-child(3) {
		margin: 0;
	}

	.nos-avantages ul li span {
		font-size: 64px;
	}

	.nos-avantages ul li p {
		font-size: 16px;
		line-height: 23px;
	}

	.text-image .text p,
	.contenu-section p {
		font-size: 17px;
	}

	.text-image .content,
	.contenu-section .content {
		flex-direction: column;
	}

	.text-image .text,
	.contenu-section .text {
		flex-basis: auto;
	}

	.image {
		margin-top: 18px;
	}

	.text-image .image img,
	.contenu-section img {
		margin: 0 auto;
	}

	.contenu-section .images ul {
		display: flex;
		margin-top: 65px;
		list-style: none;
		flex-direction: column;
		gap: 71px;
		text-align: center;
	}

	.coloris ul li {
		width: 120px;
	}

	.coloris ul li small {
		font-size: 12px;
	}

	.coloris ul li p {
		line-height: 23px;
	}

	.nos-certifications {
		background-position-x: left;
	}

	.demande-devis-gratuit h2 {
		margin-bottom: 8px;
	}

	.demande-devis-gratuit p {
		font-size: 25px;
		text-align: center;
	}

	.demande-devis-gratuit a {
		float: none;
		max-width: 254px;
		font-size: 25px;
		padding: 10px 32px;
		margin: 30px auto 0 auto;
	}

	.copyright {
		display: flex;
		flex-direction: row;
		font-size: 13px;
	}

	.text-image hr,
	.contenu-section hr {
		margin: 17px 0 35px;
	}

	.slide-page img {
		width: 250px;
	}

	.slide-page {
		background-position: center;
		height: 180px;
	}

	h3 {
		font-size: 20px;
	}

	.contact-details p {
		margin-bottom: 22px;
	}

	.text-image p {
		font-size: 17px;
	}

	.contact-type .radio-inline {
		font-size: 20px;
		margin-bottom: 28px;
	}

	.demande-devis-gratuit .col-md-12 {
		text-align: center;
	}

	.form-contact button {
		font-size: 24px;
	}

	.navbar-collapse.collapse {
		float: left;
		width: 100%;
	}

	.form-section form legend {
		font-size: 29px;
	}

	footer .col-md-3:nth-child(2) {
		padding-left: 27px;
		width: 42%;
	}

	footer .col-md-3:nth-child(3) {
		padding: 0px 0 0 56px;
		margin-bottom: 66px;
		float: left;
		width: 53%;
	}

	footer .col-md-6.pull-right {
		padding-left: 24px;
	}

	footer ul li a,
	footer .contacts span {
		font-size: 16px;
	}

	footer .col-md-6.no-padding-right.col-xs-12 {
		margin-bottom: 23px;
	}

	footer ul li span {
		font-size: 44px;
	}

	footer .col-md-3 hr,
	footer .col-md-6 hr {
		margin: 7px 0;
	}

	footer .logos span {
		font-size: 17px;
	}
}

/* Entre Tablette et mobile */
@media only screen and (min-width: 501px) and (max-width: 767px) {
	header .menu a.btn {
		display: none;
	}


	.navbar-toggle {
		margin: 10px 0;
		color: var(--darker);
		font-size: 16px;
	}

	header {
		height: 92px;
	}

	body {
		padding-top: 14px;
	}

	.nos-avantages ul {
		padding: 30px 0 0;
	}

	.nos-avantages ul li {
		width: 48%;
	}

	.nos-avantages ul li:nth-child(2n) {
		margin-right: 0;
	}

	.nos-avantages ul li:nth-child(3) {
		margin-right: 12px;
	}

	.nos-avantages ul li:last-child {
		margin-bottom: 0;
	}

	.text-image .comment-ca-marche,
	.contenu-section {
		padding: 10px 0;
	}

	h2,
	.coloris h2,
	.demande-devis-gratuit h2 {
		font-size: 25px;
		line-height: 35px;
	}

	.coloris {
		padding: 50px 15px;
	}

	.coloris ul li {
		width: 130px;
	}

	.coloris ul li p {
		margin-bottom: 30px;
	}

	.coloris ul li:nth-child(3n) {
		margin-right: 0;
	}

	.coloris ul li img {
		margin: 0 auto 12px;
	}


	.contact-type .radio-inline {
		font-size: 16px;
	}

	.contact-type label[for="type"] {
		font-size: 18px;
		margin-right: 8px;
	}

	.form-contact button {
		font-size: 19px;
	}

	.demande-devis-gratuit {
		padding: 54px 0;
	}

	.demande-devis-gratuit a {
		max-width: 224px;
		font-size: 22px;
	}

	.demande-devis-gratuit a span {
		font-size: 31px;
	}

	.navbar-header {
		float: right;
	}

	footer .contacts {
		padding: 0 1px;
	}

	footer .col-md-6.no-padding-right.col-xs-12 {
		padding-left: 0;
	}

	footer .logos span {
		font-size: 17px;
		margin-right: 6px;
	}

	footer .col-md-3:nth-child(2) {
		padding-left: 18px;
	}

	footer .col-md-3:nth-child(3) {
		padding: 0px 0 0 29px;
		width: 58%;
	}

	footer .col-md-6.pull-right {
		padding-left: 15px;
	}

	footer ul li span {
		font-size: 36px;
	}

	.suivez-nous .reseau-sociaux ul {
		gap: 10px;
	}

	footer ul li {
		margin-bottom: 0;
		margin-top: 6px;
	}

	footer h2 {
		font-size: 20px;
	}

	.slide {
		background-size: 130% auto;
	}

	.col-md-4.form-section {
		margin-top: 100px;
	}
}

/* Entre Tablette et Desktop */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	ul.nav.navbar-nav {
		margin-top: 15px;
	}

	header .menu ul li a {
		font-size: 14px;
	}

	.slide-content h1 {
		text-align: center;
		font-size: 43px;
		line-height: 42px;
	}

	.form-section form {
		margin: 0 auto;
	}

	.slide-content p {
		float: left;
		width: 100%;
		text-align: center;
	}

	.form-section {
		padding-left: 28px;
		display: block;
		float: left;
		width: 100%;
		margin-top: 135px;
		display: none;
	}

	.slide {
		background-size: 131% auto;
		height: 445px;
	}

	.form-section form legend {
		font-size: 28px;
	}

	.form-section form legend small {
		font-size: 20px;
	}

	.dark-btn {
		font-size: 17px;
		margin-top: 17px !important;
	}

	section,
	.nos-certifications {
		padding: 55px 0;
	}

	h2,
	.coloris h2,
	.demande-devis-gratuit h2 {
		font-size: 30px;
		line-height: 39px;
	}

	.text-image hr,
	.contenu-section hr {
		margin: 18px 0 34px;
	}

	.nos-avantages ul {
		padding: 0;
	}

	.nos-avantages ul li {
		width: 30%;
		margin: 0 32px 32px 0;
	}

	.nos-avantages ul li:nth-child(3) {
		margin-right: 0;
	}

	.nos-avantages ul li:nth-child(4),
	.nos-avantages ul li:nth-child(5) {
		margin-bottom: 0;
	}

	.nos-avantages ul li span {
		font-size: 66px;
	}

	.nos-avantages ul li p {
		font-size: 17px;
	}

	.contenu-section p {
		font-size: 16px;
		margin-bottom: 26px;
	}

	.coloris ul {
		margin-top: 42px;
		list-style: none;
		display: block;
		float: left;
		margin-bottom: 0;
	}

	.coloris ul li {
		float: left;
		width: 128px;
		margin: 0 22px 0 0;
	}

	.coloris ul li:nth-child(4n) {
		/*margin-right: 0;*/
	}

	.coloris ul li img {
		margin: 0 0 19px 0;
	}

	.coloris ul li small {
		font-size: 13px;
	}

	.nos-certifications {
		background-position-x: left;
		background-color: #fff;
	}

	.text-image .text p,
	.contenu-section p {
		font-size: 16px;
	}

	.demande-devis-gratuit p {
		font-size: 28px;
		text-align: center;
	}

	.demande-devis-gratuit h2 {
		margin-bottom: 10px;
	}

	.demande-devis-gratuit a {
		float: none;
		font-size: 21px;
		text-align: center;
		max-width: 226px;
		padding: 14px 25px;
		margin: 23px auto 0;
	}

	footer .col-md-3:nth-child(2) {
		padding: 0 0 0 34px;
		width: 40%;
	}

	footer .col-md-3:nth-child(3) {
		padding: 0 0 0 67px;
		margin-bottom: 66px;
		width: 54%;
	}

	footer .col-md-6.pull-right {
		padding-left: 32px;
	}
}

@media only screen and (min-width: 1150px) and (max-width: 1268px) {
	.coloris ul li p {
		line-height: 19px;
	}

	.coloris ul li {
		height: 186px;
	}
}


@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.slide-content .title {
		width: 100%;
	}

	.form-section form {
		margin: 0 auto;
		float: none;
	}
}

@media only screen and (min-width: 765px) and (max-width: 769px) {

	.slide {
		background-size: 132% auto;
		height: 331px;
	}

	.col-md-4.form-section {
		/*margin-top: 16%;*/
	}
}

@media only screen and (min-width: 2276px) {
	.slide {
		background-position-x: 98% !important;
		background-size: 111% auto;
	}
}


@media only screen and (min-width: 391px) and (max-width: 394px) {
	.coloris ul li {
		margin: 0 19px 0 3px;
	}
}


@media only screen and (min-width: 1024px) and (max-width: 1298px) {
	.slide {
		background-position-x: 62%;
	}
}