/*
--------------------------------------
Responsive
--------------------------------------
*/

@media (max-width: 767px) {

	/*Nos appellations*/
	.products-container {
		max-width: 100%;
		width: 100%;
	}

	.filter-btns-container .filter-btns-inner {
		flex-direction: column;
	}

	.filter-btns-container .filter-btns-inner .js-trigger {
		line-height: 30px;
	}

}

@media (max-width: 1023px) {

	/*Header*/

	#header #header_content #header_show_public_menu {
		width: 95%;
		margin: auto;
	}

	#header #header_content #header_show_public_menu .header--container {
		grid-template-columns: 20% 1fr;
		width: 100%;
	}

	.main-logo-container {
		grid-column: 1/-1;
	}

	#header .main-logo-container img {
		max-width: 200px;
		object-fit: contain;
	}

	.rs-container {
		display: flex;
		justify-content: center;
		align-self: flex-end;
		grid-row: 2;
		grid-column: 1;
	}

	#row-conteneur-menu {
		display: flex;
		justify-content: center;
		grid-column: 2;
		grid-row: 2;
	}

	/*Domaine w/ slides*/

	section.slide-wrapper {
		display: block !important;
	}

	.slide-content .slide-content-inner {
		padding: 5em 0;
	}

}

@media (max-width: 1199px) {

	/*Nos appellations*/

	.our-products .products-selection-filigrane-container {
		display: none;
	}

	/*Fiche produit*/

	.product-btns-container {
		flex-direction: column;
	}

	.product-btns-container a:first-of-type {
		margin-bottom: 1em;
	}

	/*Page histoire*/

	.section-banner-element img {
		object-position: 70% 50%;
	}

	.timeline-inner {
		max-width: 65%;
		margin: auto;
	}

	.scrollbar-container {
		display: none;
	}

	.timeline-img {
		display: flex;
	}

	.timeline-img img {
		width: 100%;
	}

	.timeline-content {
		padding: 2em 0;
	}

}

@media (min-width: 768px) {

	/*Nos appellations*/

	.filter-btns-container .filter-btns-inner button:not(:last-of-type) {
		padding-right: calc(35px + (65 - 35) * ((100vw - 320px) / (1920 - 320)));
	}

	/*Swiper*/

	.swiper-slide {
		flex-shrink: unset !important;
	}

}

@media (min-width: 1024px) {

	/*Header*/
	#header #header_content #header_show_public_menu .header--container {
		width: 95%;
		margin: auto;
	}

	#header .main-logo-container img {
		height: 159px;
	}

	/*Domaine w/ slides*/

	section.slide-wrapper {
		grid-template-columns: 1fr 70px 1fr;
		grid-template-rows: 50px auto 50px;
	}

	.slide-container {
		grid-column: 1/3;
		grid-row: 1/3;
	}

	.slide-wrapper .slide-content {
		grid-column: 2/4;
		grid-row: 2/4;
		background-image: url(../img/home/filigrane-domaine.png);
		background-repeat: no-repeat;
		background-position: 100% 115%;
	}

	.slide-content .slide-content-inner {
		padding: 7vh 0;
		padding-left: 5em;
	}

	/*Nos appellations*/

	.our-products .products-selection-container {
		display: flex;
		justify-content: center;
	}

	.our-products-text-content {
		max-width: 50%;
	}

	/*Fiche produit*/

	.product-page .product-main-info-inner {
		max-width: 65%;
	}

	/* Main info */

	.product-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (min-width: 1200px) {

	/*Sélection de produits*/

	.our-products .products-selection-inner {
		display: grid;
		grid-template-columns: 10% auto 10%;
		grid-template-rows: 80px 1fr 80px;
	}

	/*Fiche produit*/

	.product-btns-container a:first-of-type {
		margin-right: 1em;
	}

	/*Page histoire */

	.timeline-inner {
		display: grid;
		grid-template-columns: 15% 1fr 10% 1fr 15%;
		grid-template-rows: 100px 250px 160px 100px 250px 250px 160px 100px 300px 250px 200px;
	}

	.scrollbar-container {
		position: relative;
		display: flex;
		justify-content: center;
		grid-column: 3;
		grid-row: 1/12;
		height: 100%;
	}

	.scrollbar-container:after {
		content: "";
		position: absolute;
		width: 1.4px;
		top: 15px;
		bottom: 15px;
		background-color: var(--color-tertiary);
	}

	.scroll-element {
		position: absolute;
		z-index: 2;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		border: 2px solid var(--color-tertiary);
		transition: all 0.35s ease-in-out;
		width: 35px;
		height: 35px;
	}

	.scroll-element--is-scrolled {
		top: 80px;
	}

	.timeline-content {
		font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
		color: var(--color-primary);
		max-width: 75%;
	}

	.timeline-content p {
		text-align: left;
	}

	.timeline-img,
	.timeline-img img {
		width: 100%;
	}

	.timeline-img.timeline-img-1 {
		grid-column: 2/3;
		justify-self: center;
		grid-row: 2/3;
	}

	.timeline-content.timeline-content-1 {
		grid-row: 2;
		grid-column: 4/5;
	}

	.timeline-img.timeline-img-2 {
		grid-row: 3/5;
		grid-column: 4/5;
	}

	.timeline-content.timeline-content-2 {
		grid-column: 2/3;
		grid-row: 5/6;
	}

	.timeline-content.timeline-content-3 {
		grid-column: 4/5;
		grid-row: 6;
	}

	.timeline-img.timeline-img-3 {
		grid-column: 2/3;
		grid-row: 6;
	}

	.timeline-img.timeline-img-4 {
		grid-column: 4/5;
		grid-row: 7;
	}

	.timeline-content.timeline-content-4 {
		grid-row: 9;
		grid-column: 2/3;
	}

	.timeline-img.timeline-img-5 {
		grid-column: 2/3;
		grid-row: 10;
	}

	.timeline-content.timeline-content-5 {
		grid-column: 4/5;
		grid-row: 10;
	}

}

@media (min-width: 1440px) {

	/*Domaine w/ slides*/
	section.slide-wrapper {
		max-width: 70%;
	}

	/*Nos appellations*/
	.our-products .products-selection-inner {
		grid-template-columns: 20% auto 20%;
	}

	.our-products .products-selection-filigrane-container {
		grid-column: 3/4;
		justify-self: flex-start;
	}

}