@media screen and (min-width: 576px)
{
	.smart-bonus-block-2024
	{
		background: #000 url("/images/content/smart/2024/bg.jpg") no-repeat center 8% / 200%;
	}
}
@media screen and (min-width: 768px)
{
	html .smart-bonus-block .header
	{
		padding: 0 15px;
	}
	html .smart-bonus-block-2024
	{
		padding-top: 0;
	}
	html .smart-bonus-block-2024 .header h1
	{
		font-size: 36px;
		line-height: 36px;
		margin: .5em auto 0;
	}
	html .smart-bonus-block-2024 .header h1:after
	{
		margin: 0.25em auto;
	}
	html .smart-bonus-block-2024 .header h1 > span
	{
		font-size: 42px;
	}
	html .smart-bonus-block-2024 .header h1 + p
	{
		font-size: 24px;
	}
	.smart-bonus-block-2024 .scrolled
	{
		overflow: hidden;
	}
	.smart-bonus-block-2024 .bonuses-block
	{
		width: 700px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 992px)
{
	.smart-bonus-block-2024
	{
		background-position: center 190px;
		background-size: contain;
	}
	html .smart-bonus-block-2024 .header
	{
		width: 800px;
		max-width: 100%;
		min-height: 700px;
		padding: 15px 15px 0;
		margin: 0 auto;
	}
	html .smart-bonus-block-2024 .header h1
	{
		font-size: 45px;
		line-height: 55px;
	}
	.smart-bonus-block.smart-bonus-block-2024 .how-it-works h2
	{
		font-size: 30px;
		margin-bottom: 30px;
	}
	html .smart-bonus-block-2024 .header h1 > span
	{
		font-size: 55px;
	}
	html .smart-bonus-block-2024 .header h1 + p
	{
		font-size: 30px;
	}
	.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block .spoiler_body_after
	{
		height: 80px;
	}
	.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block h2
	{
		font-size: 30px;
	}
	.smart-bonus-block .request-block h2 + h3
	{
		font-size: 24px;
	}
	.smart-bonus-block.smart-bonus-block-2024 .request-block h2,
	.smart-bonus-block-2024 .request-block.success h2 + h3
	{
		font-size: 24px;
	}
	.smart-bonus-block .request-block h2 + h3 + h4
	{
		font-size: 30px;
	}
}
@media screen and (min-width: 1200px)
{
	.smart-bonus-block-2024
	{
		background-size: 100%;
	}
	.smart-bonus-block.smart-bonus-block-2024 .header .scroll-em
	{
		order: 1;
		align-self: auto;
	}
	html .smart-bonus-block-2024 .header
	{
		min-height: 950px;
		margin-bottom: -3em;
	}
}