@media screen and (min-width: 1430px) {
	.page_content main #marque {
		margin-top: 800px;
	}

	.page_content main #mocktail {
		margin-top: 375px;
	}

	.page_content main #aperitivo {
		margin-top: 300px;
	}

	.page_content main #gamme .center_content {
		justify-content: space-around;
	}

	.page_content main #mocktail .center_content .recipe_card {
		width: 370px;
	}

	.page_content main #aperitivo .center_content .card_container {
		max-width: 520px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(2) .header_content .floating_image {
		top: -41px;
		left: 182px;
	}

	.page_content footer .header_content img {
		left: 5%;
	}

	.page_content header .center_content img.promo {
		width: 100%;
		max-width: 1100px;
	}

}

@media screen and (min-width: 1560px) {
	.page_content main #marque {
		margin-top: 1300px;
	}

	.page_content main #mocktail .center_content .recipe_card:nth-child(odd) {
		margin-bottom: 279px;
	}

	.page_content main #aperitivo {
		margin-top: 100px;
	}

	.page_content footer .header_content img {
		left: 5%;
		top: 21%;
		width: 158px;
	}
}

@media screen and (min-width: 1660px) {
	.page_content main #gamme {
		gap: 230pxpx;
	}

	.page_content main #marque {
		gap: 70px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(even) {
		transform: translateY(200px);
		margin-top: 350px;
	}

	.page_content footer .header_content img {
		left: 6%;
	}
}

@media screen and (min-width: 1760px) {
	.page_content main #gamme {
		margin-top: 150px;
		max-width: 1600px;
	}

	.page_content main #gamme .center_content .gamme_card {
		width: 180px;
	}

	.page_content main #gamme .center_content .gamme_card img {
		max-width: 170px;
	}

	.page_content footer .header_content img {
		left: 7%;
	}

	.page_content main #mocktail {
		max-width: var(--container-width);
	}


	.page_content main #mocktail .center_content .recipe_card {
		width: 513px;
		height: 373px;
	}

	.page_content main #mocktail .center_content .recipe_card h4 {
		font-size: 31px;
	}

	.page_content main #mocktail .center_content .recipe_card ul li {
		font-size: 29px;
		line-height: 2.2rem;
	}
}

@media screen and (min-width: 1860px) {
	.page_content main #marque {
		margin-top: 1500px;
	}

	.page_content main #mocktail {
		margin-top: 800px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(even) {
		margin-top: 500px;
	}

	.page_content main #aperitivo {
		margin-top: 214px;
	}

	.page_content footer .header_content img {
		left: 7%;
		top: 14%;
		width: 205px;
	}
}

@media screen and (min-width: 1980px) {
	.page_content main #marque {
		margin-top: 1750px;
	}


	.page_content main #mocktail .center_content .recipe_card {
		width: 450px;
		height: 300px;
	}

	.page_content main #mocktail .center_content .recipe_card h4 {
		font-size: 28px;
	}

	.page_content main #mocktail .center_content .recipe_card ul li {
		font-size: 31px;
		line-height: 2.5rem;
	}

	.page_content main #mocktail .center_content .recipe_card:nth-child(4) {
		padding-left: 90px;
	}

	.page_content main #aperitivo {
		max-width: 1600px;
	}

	.page_content main #aperitivo .center_content .card_container {
		max-width: 650px;
	}

	.page_content main #aperitivo .center_content .card_container .header_content {
		padding: 50px 40px 150px 40px;
	}

	.page_content main #aperitivo .center_content .card_container .center_content {
		padding: 75px 40px 100px;
	}

	.page_content main #aperitivo .center_content .card_container .center_content p {
		font-size: 30px;
		line-height: 3rem;
	}

	.page_content main #aperitivo .center_content .card_container .header_content h4 {
		font-size: 26px;
	}

	.page_content main #aperitivo .center_content .card_container .header_content h3 {
		font-size: 48px;
	}

	.page_content main #aperitivo .center_content .card_container:first-child .header_content .floating_image img {
		width: 150px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(2) .header_content .floating_image img {
		width: 120px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(3) .header_content .floating_image img {
		width: 150px;
	}

	.page_content main #aperitivo .center_content .card_container:first-child .header_content .floating_image {
		top: -100px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(2) .header_content .floating_image {
		top: -146px;
		left: 107px;
	}

	.page_content footer .header_content img {
		left: 8%;
		top: 8%;
		width: 225px;
	}
}

@media screen and (max-width: 1333px) {
	.page_content main #marque {
		margin-top: 206px;
	}


}

@media screen and (max-width: 1305px) {
	.page_content main #aperitivo {
		margin-top: 0;
	}

	.page_content main #mocktail {
		gap: 30px;
	}
}

@media screen and (max-width: 1230px) {


	.page_content main #aperitivo {
		margin-top: 0;
		gap: 50px
	}

	/* FOOTER */

	.page_content footer .header_content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 20px;
		padding: 20px;
	}

	.page_content footer .header_content a {
		width: 180px;
	}

	.page_content footer .header_content a img {
		width: 180px;
		position: initial;
	}

	.page_content main #mocktail {
		margin-top: 216px;

	}

	.page_content main #gamme {
		margin-top: 140px;
	}

	/* FOOTER */
}

@media screen and (max-width: 1175px) {
	.page_content main #gamme .header_content {
		gap: 15px;
	}

	.title {
		font-size: 34px;
	}

	.page_content main #gamme .header_content p {
		font-size: 23px;
	}

	.page_content main #gamme .center_content .gamme_card img {
		max-width: 120px;
	}

	.page_content main #mocktail {
		gap: 30px;
	}

	.page_content main #mocktail .center_content {
		justify-content: center;
		gap: 30px;
	}

	.page_content main #mocktail .center_content .recipe_card {
		width: 283px;
	}

	.page_content main #mocktail .center_content .recipe_card h4 {
		font-size: 20px;
		margin-bottom: 7px;
	}

	.page_content main #mocktail .center_content .recipe_card ul li {
		font-size: 20px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(even) {
		transform: translateY(36px);
		margin-top: 154px;
	}

	.page_content main #mocktail .center_content .recipe_card:nth-child(even) {
		transform: translateY(60px);
	}

	.page_content main #mocktail .center_content .recipe_card:nth-child(odd) {
		transform: translateY(-70px);
	}
}

@media screen and (max-width: 1145px) {
	.page_content main #mocktail {
		margin-top: 110px;
	}

	.page_content main #gamme .center_content {
		display: none;
	}

	.page_content main #gamme .center_content_carousel {
		display: flex;
	}

	.page_content main #gamme .center_content_carousel .swiper-slide {
		height: 100%;
		text-align: center;
	}

	.page_content main #gamme .center_content_carousel .swiper-slide .gamme_card {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.page_content main #gamme .center_content_carousel .swiper-slide .gamme_card img {
		width: 90px;
		object-fit: contain;
	}

	.page_content main #gamme .center_content_carousel .gamme_card h4 {
		font-family: var(--secondary-font);
		font-size: 25px;
		text-shadow: var(--white-color) -2px 2px 0px;
		text-transform: uppercase;
		margin-top: 15px;
	}

	.page_content main #gamme .center_content_carousel .gamme_card p {
		margin-top: 8px;
		font-size: 20px;
		color: var(--white-color);
		max-width: 225px;
	}


	.page_content main #gamme {
		gap:40px;
	}

	.page_content main #marque {
		margin-top: 125px;
	}


}

@media screen and (max-width: 1080px) {
	.page_content main #marque {

		margin-top: 120px;
	}

	.page_content main #mocktail .center_content .recipe_card:nth-child(odd),
	.page_content main #mocktail .center_content .recipe_card:nth-child(even) {
		transform: none;
		margin: 0;
	}

	.page_content main #mocktail .center_content .recipe_card {

		height: 211px;
	}

	.page_content main #aperitivo {
		margin-top: 150px;
	}
}

@media screen and (max-width: 1045px) {
	.page_content main {
		padding: 0 50px;
	}

	.page_content header {
		height: 600px;
	}

	.page_content main #marque .bg_white {
		opacity: 0.9;
	}

	.page_content header nav a {
		font-size: 18px;
	}

	.page_content header nav a:nth-child(3) img {
		width: 186px;
	}

	.page_content main #aperitivo .center_content {
		gap: 0;
	}

	.page_content main #aperitivo .center_content .card_container .center_content {
		padding: 30px 20px 50px;
	}

	.page_content main #aperitivo .center_content .card_container .header_content {
		padding: 20px 20px 60px 20px;
	}

	.page_content main #aperitivo .center_content .card_container .center_content p {
		font-size: 22px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(2) .header_content .floating_image {
		top: -59px;
		left: 140px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(3) .header_content .floating_image {
		bottom: 12px;
		right: -4px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(3) .header_content .floating_image img {
		width: 80px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(2) .header_content .floating_image img {
		width: 60px;
	}

	/* FOOTER */

	.page_content footer .header_content nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 20px 0;
	}

	/* FOOTER */
}

@media screen and (max-width: 970px) {

	.page_content main #gamme {
		gap: 33px;
		margin-top: 119px;
	}

	.page_content main #marque {
		transform: none;
	}

	.page_content main #marque p {
		font-size: 20px;
	}

	.page_content main #mocktail {
		margin-top: 105px;
	}

	.page_content main #aperitivo {
		margin-top: 100px;
	}

	.page_content main #aperitivo .center_content .card_container {
		max-width: 350px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(even) {
		margin-top: 100px;
	}

	.page_content main #aperitivo .center_content .card_container:nth-child(2) .header_content .floating_image {
		top: -64px;
		left: 67px;
	}

	.page_content main #aperitivo .center_content .card_container:first-child .header_content .floating_image {
		top: -61px;
		right: 54px;
	}

	.modal-dialog {
		max-width: 500px !important;
	}
}

@media screen and (max-width: 960px) {
	.page_content main #gamme {
		padding: 0 30px;
		gap: 30px;
	}

	.page_content main #aperitivo>.center_content {
		display: none;
	}

	.page_content main #aperitivo .swiper {
		height: 1115px;
	}

	.page_content main #aperitivo .center_content_carousel {
		display: flex;
	}

	.page_content main #mocktail {
		margin-top: 371px;
	}

	.page_content main #aperitivo .center_content_carousel .swiper-slide {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 30px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container {
		width: 70%;
		display: flex;
		flex-direction: column;
		-webkit-box-shadow: -5px 5px 16px -1px rgba(0, 0, 0, 0.74);
		box-shadow: -5px 5px 16px -1px rgba(0, 0, 0, 0.74);
		z-index: 100;
		margin-top: 40px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .header_content {
		padding: 30px 30px 100px 30px;
		position: relative;
		background: no-repeat center / cover;
		display: flex;
		flex-direction: column;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content,
	.page_content main #aperitivo .center_content_carousel .card_container.four .header_content {
		text-align: right;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.one .header_content {
		background-image: url("./images/bg_card_1.jpg");
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content {
		background-image: url("./images/bg_card_2.jpg");
	}

	.page_content main #aperitivo .center_content_carousel .card_container.three .header_content {
		background-image: url("./images/bg_card_3.jpg");
	}

	.page_content main #aperitivo .center_content_carousel .card_container.four .header_content {
		background-image: url("./images/bg_card_4.jpg");
	}

	.page_content main #aperitivo .center_content_carousel .card_container .header_content .floating_image {
		position: absolute;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.one .header_content .floating_image {
		top: -55px;
		right: 110px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -32px;
		left: 193px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.three .header_content .floating_image {
		bottom: 12px;
		right: -25px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .header_content h4 {
		font-family: var(--secondary-font);
		font-size: 20px;
		text-transform: uppercase;
		color: var(--text-color);
	}

	.page_content main #aperitivo .center_content_carousel .card_container .header_content h3 {
		font-family: var(--tertiary-font);
		font-size: 40px;
		color: var(--red-color);
	}

	.page_content main #aperitivo .center_content_carousel .card_container .center_content {
		background-color: var(--white-color);
		padding: 25px 25px 50px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .center_content p {
		font-size: 21px;
		line-height: 1.8rem;
		color: var(--text-color);
	}
}

@media screen and (min-width: 960px) {
	#gamme .slick-list {
		width: 100%;
	}

	#gamme .slick-list .slick-track {
		width: 100% !important;
		transform: translate3d(0, 0, 0) !important;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

@media screen and (max-width: 895px) {
	input[type="button"] {
		padding: 7px 15px;
		font-size: 22px;
	}

	p.mention {
		display: block;
	}

	.page_content .responsive_menu {
		display: block;
		position: fixed;
		height: 50px;
		width: 50px;
		top: 50px;
		left: 50px;
		flex-direction: column;
		cursor: pointer;
		z-index: 10000000;
		transition: 0.5s;
		transform: center;
	}

	.page_content .responsive_menu span {
		display: block;
		width: 40px;
		height: 30px;
		/* background-color: rgb(167, 12, 12); */
		background: url("./images/wave.png") 0 50% repeat-x;
		background-size: 300px 15px;
		transform-origin: center;
		transition: 2s;
	}

	.responsive_menu span:nth-child(2) {
		width: 40px;
		height: 15px;
	}

	.responsive_menu.active span {
		position: absolute;
		left: 0%;
		width: 100%;
	}

	.responsive_menu.active span:nth-child(1) {
		width: 40px;
		height: 25px;
		background: url("./images/wave.png") -250px 50% repeat-x;
		background-size: 300px 15px;
		transition: 2s;
	}

	.responsive_menu.active span:nth-child(2) {
		bottom: 20%;
		width: 40px;
		height: 15px;
		background: url("./images/wave.png") -250px 50% repeat-x;
		background-size: 300px 15px;
		transition: 2s;
	}

	.page_content {
		gap: 0;
	}

	.page_content header {
		height: 482px;
		margin-bottom: 110px;
	}

	.page_content header nav {
		display: none;
	}

	.page_content .responsive_header {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 20px;
		height: auto;
		/* margin-top: 30px; */
	}

	.page_content .responsive_header img {
		max-width: 150px;
	}

	.page_content header .center_content img {
		width: 252px;
	}

	.page_content header .center_content img.promo {
		width: 100%;
		max-width: 800px;
	}

	.page_content header .bottom_content img {
		width: 155px;
	}

	.page_content main #marque {
		width: 432px;
		height: 426px;
	}

	.page_content main #mocktail .center_content .recipe_card {
		padding-left: 42px;
	}

	.page_content main #mocktail .center_content .recipe_card {
		width: 263px;
	}

	.page_content main #mocktail .center_content .recipe_card:nth-child(odd),
	.page_content main #mocktail .center_content .recipe_card:nth-child(even) {
		margin: 0;
	}

	.page_content main #mocktail .center_content {
		margin-bottom: 30px;
	}

	.page_content main #mocktail .center_content .recipe_card h4 {
		font-size: 18px;
		margin-bottom: 7px;
	}

	.page_content main #mocktail .center_content .recipe_card ul li {
		font-size: 18px;
	}

	.page_content main #marque p {
		line-height: 1.6rem;
	}

	.page_content main #marque span{
		font-size: 14px;
		margin-top: -50px;
	}

	.title {
		font-size: 29px;
	}

	.page_content main #mocktail .header_content p {
		font-size: 22px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -37px;
		left: 167px;
	}

	.wrapper {
		position: fixed;
		width: 100%;
		justify-content: center;
		align-items: center;
		bottom: 0;
		min-height: 100%;
		z-index: 2000;
	}

	.wrapper>.transition {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.wrapper ul {
		position: absolute;
		opacity: 0;
		transition: 0.5s;
		height: 70vh;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		pointer-events: none;
	}

	.wrapper ul li a {
		font-family: "Gobold", sans-serif;
		text-transform: uppercase;
		font-size: 5vw;
		line-height: 3vw;
		text-decoration: none;
		color: #172342;
		text-shadow: #c6a865 1px 2px 0px;
	}

	.wrapper ul.active {
		opacity: 1;
		pointer-events: all;
	}

	.wrapper li:hover {
		cursor: pointer;
		opacity: 0.7;
	}

	/* FOOTER */

	.page_content footer {
		transform: translateY(280px);
	}

	.page_content footer .header_content nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 50px 0;
	}


	/* FOOTER */
}

@media screen and (max-width: 835px) {

	.page_content header {
		min-height: 500px;
	}

	.page_content main #gamme .header_content p {
		max-width: 370px;
	}

	.page_content main #gamme {
		margin-top: 0;
	}

	.page_content main #aperitivo {
		gap: 25px;
		margin-top: 30px;
	}

	.page_content main #aperitivo .header_content img {
		max-width: 250px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -38px;
		left: 96px;
	}
}

@media screen and (max-width: 780px) {
	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -4px;
		left: 96px;
	}

	.page_content main #mocktail {
		margin-top: 300px;
	}

	.page_content header .center_content img.promo {
		padding-inline: 20px;
	}


	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image img {
		max-width: 55px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.three .header_content .floating_image img {
		max-width: 90px;
	}
}

@media screen and (max-width: 745px) {
	.page_content main #marque {
		width: 80%;
	}

	.page_content main #mocktail {
		margin-top: 280px;
	}

	.page_content main #aperitivo {
		gap: 0;
	}

	.page_content main #aperitivo .swiper {
		height: 911px;
	}
}

@media screen and (max-width: 725px) {

	.page_content main #aperitivo .center_content_carousel .swiper-slide {
		padding: 0;
	}

	.page_content main #mocktail {
		margin-top: 130px;
	}


	.page_content main {
		padding: 0 20px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.one .header_content .floating_image {
		top: -55px;
		right: 51px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.three .header_content .floating_image {
		bottom: 24px;
		right: -20px;
	}


}

@media screen and (max-width: 690px) {
	.page_content header nav {
		display: none;
	}

	.page_content header {
		margin-top: 70px;
		height: 295px;
	}

	.page_content header .center_content {
		gap: 50px;
	}


	.page_content main #marque {
		margin-top: 20px;
	}

	.page_content main #gamme {
		gap: 16px;
	}

	.page_content main #gamme .center_content_carousel .swiper-slide .gamme_card img {
		width: 70px;
	}

	.title {
		font-size: 23px;
	}

	.page_content main #marque p {
		font-size: 17px;
	}

	.page_content main #mocktail .header_content p {
		font-size: 18px;
		line-height: 1.5rem;
	}

	.page_content main #mocktail .center_content .recipe_card {
		width: 45%;
		height: 162px;
	}

	.page_content main #mocktail .center_content .recipe_card:first-child {
		padding-left: 10px;
	}


	/* FOOTER */
	.page_content footer .header_content nav ul {
		gap: 15px 0;
	}

	/* FOOTER */
	.modal-dialog {
		max-width: 400px !important;
	}

	.modal h5 {
		font-size: 16px;
	}

	.modal,
	.modal a,
	.modal ul li {
		font-size: 14px;
	}

}

@media screen and (max-width: 640px) {
	.page_content header {
		min-height: 327px;
	}

	.page_content main #marque {
		width: 432px;
		height: 352px;
	}
}

@media screen and (max-width: 620px) {
	.image_background {
		display: none;
	}

	.page_content main #gamme {
		gap: 50px;
	}

	.image_background_responsive {
		display: block;
	}

	.page_content header {
		min-height: 491px;
	}


	.page_content main #marque {
		margin-top: 400px;
	}

	.page_content main #mocktail {
		margin-top: 240px;
		gap: 70px;
	}

	.page_content main #aperitivo {
		margin-top: 200px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: 2px;
		left: 77px;
	}

}

@media screen and (max-width: 590px) {
	.title {
		font-size: var(--responsive-title-font-size);
	}

	input[type="button"] {
		font-size: var(--responsive-title-font-size);
	}

	.page_content header {
		min-height: 520px;
	}

	.page_content main #gamme .swiper {
		width: 100%;
		height: 430px;
	}

	.page_content main #gamme {
		gap: 40px;
	}

	.page_content .responsive_menu {
		top: 20px;
		left: 25px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -54px;
		left: 71px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.three .header_content .floating_image {
		bottom: 4px;
		right: -17px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.three .header_content .floating_image img {
		max-width: 60px;
	}

	.page_content main #gamme .header_content p {
		font-size: var(--responsive-text-font-size);
		line-height: 1.3rem;
	}

	.page_content main #gamme .center_content_carousel .gamme_card h4 {
		font-size: var(--responsive-title-font-size);
	}

	.page_content main #gamme .center_content_carousel .gamme_card p {
		font-size: var(--responsive-text-font-size);
		line-height: 1.3rem;
	}

	.page_content main #marque {
		margin-top: 300px;
	}


	.page_content main #marque p {
		font-size: var(--responsive-text-font-size);
		line-height: 1.3rem;
	}


	.page_content main #mocktail .header_content p {
		font-size: var(--responsive-text-font-size);
		line-height: 1.3rem;
	}

	.page_content main #mocktail .center_content .recipe_card h4 {
		font-size: var(--responsive-title-font-size);
	}

	.page_content main #mocktail .center_content .recipe_card ul li {
		font-size: var(--responsive-text-font-size);
		line-height: 1.3rem;
	}

	.page_content main #mocktail .center_content .recipe_card {
		padding-left: 37px;
	}

	.page_content main #aperitivo .swiper {
		height: 891px;
	}


	.page_content main #aperitivo .header_content img {
		max-width: 200px;
	}

	.page_content main #aperitivo .center_content .card_container .header_content {
		padding: 15px 15px 30px 15px;
	}

	.page_content main #aperitivo .center_content .card_container .center_content {
		padding: 15px 10px 25px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .center_content {
		padding: 20px 25px 30px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .header_content {
		padding: 30px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.three .header_content .floating_image {
		bottom: 4px;
		right: -9px;
	}


	.page_content footer .header_content {
		gap: 20px;
	}


	.page_content footer .header_content a {
		width: 110px;
	}

	.page_content footer .header_content a img {
		width: 110px;
		position: initial;
	}


}

@media screen and (max-width: 560px) {
	/* MOCKTAIL */

	.page_content main #marque {
		width: 90%;
		height: auto;
		min-height: fit-content;
		background: none;
		position: relative;
		padding: 50px 10px;
		margin-top: 220px;
	}

	.page_content main #mocktail {
		gap: 50px;
		margin-bottom: 50px;
		margin-top: 390px;
	}

	.page_content main #mocktail>.center_content {
		display: none;
	}

	.page_content main #mocktail .swiper {
		height: 240px;
	}

	.page_content main #mocktail .center_content_carousel {
		display: block;
	}

	.page_content main #mocktail .center_content_carousel .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.page_content main #mocktail .center_content_carousel .recipe_card ul h4 {
		margin-bottom: 8px;
	}

	.page_content main #mocktail .center_content_carousel .recipe_card ul li {
		line-height: 1.3rem;
		font-size: 18px;
	}

	.page_content main #aperitivo {
		margin-top: 339px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.one .header_content .floating_image {
		top: -37px;
		right: 80px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.one .header_content .floating_image img {
		max-width: 60px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -66px;
		left: 81px;
	}

	.page_content main #mocktail .center_content_carousel .recipe_card {
		width: 90%;
		height: 220px;
		max-width: 280px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: no-repeat center / contain;
		padding-left: 45px;
	}

	.page_content main #mocktail .center_content_carousel .swiper-slide:first-child .recipe_card {
		background-image: url("./images/new_recipe_bg_1.png");
	}

	.page_content main #mocktail .center_content_carousel .swiper-slide:nth-child(2) .recipe_card {
		background-image: url("./images/new_recipe_bg_2.png");
	}

	.page_content main #mocktail .center_content_carousel .swiper-slide:nth-child(3) .recipe_card {
		background-image: url("./images/new_recipe_bg_3.png");
	}

	.page_content main #mocktail .center_content_carousel .swiper-slide:nth-child(4) .recipe_card {
		background-image: url("./images/new_recipe_bg_4.png");
		padding-left: 60px;
	}

	.page_content main #mocktail .center_content_carousel .swiper-slide:last-child .recipe_card {
		background-image: url("./images/new_recipe_bg_5.png");
	}

	/* MOCKTAIL */

	.page_content main #aperitivo .center_content_carousel .card_container .header_content h4 {
		font-size: var(--responsive-title-font-size);
	}

	.page_content main #aperitivo .center_content_carousel .card_container .header_content h3 {
		font-size: calc(var(--responsive-title-font-size) + 8px);
	}

	.page_content main #aperitivo .center_content_carousel .card_container .center_content p {
		font-size: calc(var(--responsive-text-font-size) + 5px);
		line-height: 1.8rem;
	}

	.page_content footer {
		transform: translateY(190px);
	}

	.page_content footer .header_content {
		padding: 15px;
	}

	.page_content footer .center_content p {
		font-size: 15px;
	}
}

@media screen and (max-width: 530px) {
	.page_content main #mocktail .center_content_carousel .swiper-slide .recipe_card {
		margin: 30px;
	}

	.page_content main #marque {
		margin-top: 180px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -71px;
		left: 109px;
	}
}

@media screen and (max-width: 510px) {
	.page_content main #marque {
		margin-top: 70px;
	}

	.page_content main #aperitivo {
		margin-top: 170px;
	}
}

@media screen and (max-width: 490px) {

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -73px;
		left: 72px;
	}

	.page_content main #aperitivo .swiper {
		height: 980px;
	}

	.page_content main #aperitivo {
		margin-top: 100px;
	}

	.page_content main #mocktail {
		margin-top: 210px;
	}
}

@media screen and (max-width: 465px) {

	.page_content main #marque {
		margin-top: 30px;
	}

	.page_content main #mocktail {
		margin-top: 100px;
	}

	.page_content main #aperitivo {
		margin-top: 33px;
	}


	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -73px;
		left: 84px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image img {
		max-width: 55px;
	}

	.page_content main {
		padding: 0;
	}

	.page_content main #mocktail .header_content p {
		padding: 0 20px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .center_content p {
		line-height: 1.5rem;
	}
}

@media screen and (max-width: 440px) {

	.page_content main #aperitivo .swiper {
		height: 885px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.one .header_content .floating_image {
		top: -37px;
		right: 22px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -72px;
		left: 76px;
	}

	.page_content main #gamme .center_content_carousel .swiper-slide .gamme_card img {
		width: 50px;
	}

	.page_content main #gamme,
	.page_content main #mocktail {
		gap: 0px;
	}

	.page_content main #mocktail {
		margin-top: 70px;
	}

	.page_content main #gamme .swiper {
		height: 345px;
	}

}

@media screen and (max-width: 408px) {

	.page_content main #aperitivo {
		margin-top: 15px;
	}

	.page_content header {
		min-height: 430px;
	}

}

@media screen and (max-width: 400px) {

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -73px;
		left: 48px;
	}

	.page_content header .center_content {
		gap: 30px;
	}

	.page_content header {
		min-height: 0;
	}

	.page_content header .center_content img {
		width: 220px;
	}

	.page_content header {
		margin-top: 20px;
	}

	.page_content main #aperitivo .swiper {
		height: 758px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .center_content p {
		font-size: calc(var(--responsive-text-font-size));
		line-height: 1.5rem;
	}
}

@media screen and (max-width: 390px) {
	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -72px;
		left: 47px;
	}

	.page_content main #mocktail .swiper {
		height: 183px;
	}

	.page_content main #mocktail .center_content_carousel .recipe_card {
		height: 152px;
		max-width: 245px;
	}

	.page_content main #aperitivo {
		margin-top: 0;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .center_content p {
		line-height: 1.3rem;
	}

}

@media screen and (max-width: 360px) {


	.page_content main #marque {
		gap: 20px;
	}

	.page_content main #marque span {
		font-size: 12px;
		margin-top: -24px;
	}

	.page_content main #aperitivo .header_content img {
		max-width: 170px;
	}

	.page_content main #aperitivo .swiper {
		height: 715px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container .header_content {
		padding: 15px;
	}


	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image {
		top: -35px;
	}

	.page_content main #aperitivo .center_content_carousel .card_container.two .header_content .floating_image img {
		max-width: 40px;
	}



	p.mention-2 {
		padding-top: 20px;
		font-size: 13px;
	}

	.page_content footer .header_content {
		padding: 8px;
		gap: 8px;
	}

	.page_content footer .header_content nav ul {
		gap: 8px 0;
	}

	.page_content footer .header_content nav ul li a {
		font-size: calc(var(--responsive-text-font-size) - 2px);
	}

	.page_content footer .center_content {
		padding: 8px;
		text-align: center;
	}

	.page_content footer .center_content p {
		font-size: 13px;
	}
}

@media screen and (max-width: 340px) {
	.page_content header {
		height: 220px;
	}

	.page_content .responsive_header img {
		max-width: 101px;
	}

	input[type="button"] {
		font-size: calc(var(--responsive-title-font-size) - 2px);
	}

	.page_content header {
		margin-top: 0px;
	}

	.page_content header .center_content {
		gap: 18px;
	}

	.page_content header .center_content img {
		width: 138px;
	}

	.page_content header .bottom_content img {
		width: 112px;
	}


	.page_content main #gamme .header_content {
		gap: 0px;
	}

	.page_content main #aperitivo {
		margin-top: 30px;
	}

	.page_content main #mocktail {

		margin-top: 40px;
		margin-bottom: 0;
	}
}