@media (max-width: 1209px) {
	body > .header .last-donates {
		grid-gap: 12px;
		grid-template-columns: repeat(auto-fill, 54px);
		min-height: 70px;
	}

	body > .header .last-donates > .donate-id {
		height: 54px;
	}

	.navgroup > .container > ul > li {
		margin-right: 16px;
	}

	.items {
		grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
		grid-gap: 20px;
	}
}

@media (max-width: 1031px) {
	body {
		background-image: url("/Themes/Default/img/ucave_bg_optimized.png");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
	}

	body > .container:before {
		top: -330px;
	}

	body > .header > .container {
		grid-gap: 24px;
		grid-template-columns: calc(100% - 24px - 248px) 248px;
	}

	body > .header .last-donates {
		grid-gap: 8px;
		grid-template-columns: repeat(auto-fill, 48px);
		min-height: 64px;
		border-radius: 28px;
		overflow: hidden;
	}

	body > .header .last-donates > .donate-id {
		height: 48px;
	}

	body > .header .last-donates > .donate-id:nth-child(n + 9) {
		display: none;
	}

	.navgroup {
		margin-top: 40px;
	}

	.navgroup > .container > ul {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(173px, 1fr));
	}

	.navgroup > .container > ul > li {
		margin-right: 0;
		display: block;
		width: auto;
	}
}

@media (max-width: 807px) {

	body > .container:before {
		display: none;
	}

	.navgroup-section.active > ul {
		display: grid;
		grid-gap: 8px;
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	}

	.navgroup-section > ul > li {
		display: block;
		width: auto;
	}

	body > .header .last-donates {
		height: 64px;
	}
}

@media (max-width: 769px) {

	body > .header > .container .online-block {
		border-radius: 45px;
		background: #170222;
	}

	body > .header > .container {
		grid-template-columns: 100%;
	}
}

@media (max-width: 559px) {

	.buyitem .pay {
		width: 100%;
	}

	.buyitem > .block-middle {
		grid-template-columns: 100%;
		text-align: center;
	}

	.buyitem > .block-middle .image {
		width: 127px;
		display: inline-block;
	}
}