@media only screen and (max-width: 1400px) {
	
	.text-img > img , .text-img > video {
		max-width: 50%;
	}
}

@media only screen and (max-width: 1024px) {
	
	:root {
		--fsize3: min(5vw, 32px);
		--fsize4: min(8vw, 64px);
		--fsize5: 15vw;
		
		--slider-width: calc(100vw - var(--gap4));
	}
	
	header {
		padding: var(--gap2);
		padding-top: calc(var(--responsive-hamburger-height) + var(--gap4)) !important;
	}
	
	#offers-cta {
		position: fixed;
		top: 0px;
		right: 0px;
		left: unset;
		height: var(--responsive-hamburger-height);
		min-height: auto;
		width: 50%;
		max-width: 50vw;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: none;
		writing-mode: initial;
		z-index: 90;
	}
	
	.text-img {
		flex-direction: column !important;
	}
	
	.text-img:nth-of-type(even) {
		flex-direction: column-reverse;
	}
	
	.text-img .slider, .text-img .slider-images img {
		width: var(--slider-width);
	}

	.text-img > img , .text-img > video {
		width: 100%;
		max-width: 100%;
	}
	
	.insert-content {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	
	.button-bordeaux, .button-clay, .button-green {
		padding: var(--gap) var(--gap2);
	}
	
	.room {
		flex-direction: column-reverse !important;
		height: auto;
		align-items: center;
	}
	
	.room-photos {
		flex: none;
		height: 400px;
	}
	
	.room-details {
		width: 100%;
		padding: var(--gap2) 0;
	}
	
	.accordion {
		border-bottom: solid 2px var(--coul-beige);
	}
	
	.accordion-title {
		padding: var(--gap) 0;
		font-size: var(--fsize1);
	}
	
}

@media only screen and (max-width: 767px) {
	
	#homepage-header h1 {
		text-align: center;
		font-size: var(--fsize4);
	}
	
	main {
		padding: var(--gap2);
		grid-gap: var(--gap8);
	}
	
	.room-reservation {
		padding: var(--gap2);
	}
	
	#offers-container {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
	}
	
	.list-content {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}
}