.single-room-box {
	width: 100%;
	float: left;
	margin-bottom: 24px;
}

.single-room-box__item {
	display: flex;
	color: #000;
	background: #F1F1F1;
	border: 1px solid #000;
}

.single-room-box__logo {
	display: block;
	width: 100%;
	min-width: 165px;
	max-width: 165px;
	padding: 7px;
	background: #000;
}

.single-room-box__img {
	width: 100%;
	height: 100% !important;
	max-height: 110px !important;
	object-fit: contain;
	transition: all ease .2s;
}

.single-room-box__logo:hover .single-room-box__img {
	transform: scale(.92);
}

.single-room-box__body {
	width: 100%;
	max-width: calc(100% - 165px);
	padding: 12px;
}

.single-room-box__header {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D3D3;
}

.single-room-box__title {
	color: #000;
}

.single-room-box__rating {
	color: #22AB00;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 4px;
}

.single-room-box__rating-stars::before {
	content: '\e804';
    font-family: "fontello";
    display: block;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.3em;
    flex: 0 0 100%;
    margin: -2px 0 0 1px;
    pointer-events: none;
}

.single-room-box__bonus {
	margin-top: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.single-room-box__bonus-caption {
	font-size: 18px;
	font-weight: bold;
	flex: 1;
}

.single-room-box__bonus-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.single-room-box__bonus-btn .btn-promocode {
	min-width: 160px;
	background: #000;
}

.single-room-box__bonus-btn .btn-promocode:hover {
	background: #333;
}

.single-room-box__bonus-btn .room-list__btns:empty {
	display: none;
}

.single-room-box__bonus-btn .room-list__btn.download {
	display: block;
    padding: 11px 20px;
    background: #F13720;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.14);
}

.single-room-box__bonus-btn .room-list__btn.download:hover {
	background: #E53621;
	text-decoration: none;
}

@media (max-width: 768px) {
	.single-room-box__item {
		display: block;
	}

	.single-room-box__logo {
		min-width: unset;
		max-width: 100%;
		height: 96px;
	}

	.single-room-box__body {
		max-width: 100%;
	}

	.single-room-box__bonus {
		display: block;
	}

	.single-room-box__bonus-btn {
		margin-top: 12px;
	}

	.single-room-box__bonus-btn .btn-promocode {
		flex: 1;
		min-width: unset;
	}

	.single-room-box__bonus-btn .room-list__btns {
		flex: 1;
	}
}