@media screen and (min-width: 901px) {
	.title-filter {
		margin: 20px 7% 40px 7%;
		padding: 20px 60px 10px 60px;
	}
	.hotels-list {
		margin-left: 12%;
		margin-right: 12%;
	}
	.hotels-list .single-hotel {
		width: calc(33.3% - 40px);
	}
}
@media screen and (max-width: 900px) {
	.title-filter {
		margin: 40px 5% 70px 5%;
		padding: 20px 10px;
		flex-wrap: wrap;
	}
	.title-filter .title {
		flex-basis: 100%;
	}
	.hotels-list {
		margin-left: 5%;
		margin-right: 5%;
	}
	.hotels-list .single-hotel {
		width: 100%;
	}
}
.title-filter {
    text-align: center;
}
.title-filter img {
	max-width: 150px;
	margin-bottom: 20px;
}
.hotels-list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 50px;
}
.hotels-list .single-hotel {
	text-align: center;
	display: inline-block;
}
.hotels-list .single-hotel img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}
.single-hotel h3 {
	margin: 20px 0 0 0;
}
.single-hotel h3 a {
    color: var( --e-global-color-primary );
}
.single-hotel p {
	margin: 10px 15%;
}
.single-hotel .explore {
    text-decoration: underline;
    text-underline-offset: 5px;
}