@media (max-width: 768px) {
	.header {
		height: 10vh;
	}
	
	.logo-container {
		max-width: 90%;
		padding: .5em .5em;
	}
	
	.keep_link_logo {
		height: 8vh;
		width: auto;
	 }
	
	.room-section-first {
		flex-direction: column;
	}
	
	.room-info-container-first {	
		max-width: 100%;
		padding: 1em;
		flex-direction: column;
	}
	
	.room-info-best-rate {
		max-width: 100%;
	}
	
	.room-section {
		flex-direction: column;
	}
	
	.room-info-container {	
		max-width: 100%;
		padding: 1em;
		flex-direction: column;
	}

	.facilities-list.column-layout {
		column-count: 2;
		column-gap: 0;
	}

	.modal-content {
		max-width: 90%;
		left: 46%;
		width: 80%;
		padding: 1em;
	}

	.modal-content-columns {
		flex-direction: column;
	}
	
	.checkin-checkout {
		width: 100%;
	}
	
	.data {
		width: 100%;
	}
}