.tiles__bg {
	display: block;
	width: 100%;
	position: relative; /* If you want text inside of it */
	padding-top: 75%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;


}


.tiles__container {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 25px 20px 40px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 60%);
}

.tiles__title {
	font-size: 25px;
	font-weight: 400;
}

.tiles__container:hover {
	color: #E37222;
}
.tiles__item {
	width: 50%;
	position: relative;
}
.price_diapazon {
	color: #fff;
	padding: 10px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media (min-width: 500px ) {
	.tiles__list {
		display: flex;
		flex-wrap: wrap;
	}

}

@media (min-width: 1000px ) {
	.tiles__list {
		display: flex;
		flex-wrap: wrap;
	}
	.tiles__item {
		width: 33.33%;
	}


}

@media (min-width: 1600px ) {
	.tiles__list {
		display: flex;
		flex-wrap: wrap;
	}
	.tiles__item {
		width: 25%;
	}
}