@media (max-width: 991px) {

	/* Slim 46px bar: keep the brand and hamburger centred INSIDE the bar
	   (previously these used 80px geometry from the old tall navbar and spilled
	   out below the slim bar). Brand stays left, hamburger stays right. */
	.navbar .navbar-wrapper .nav-brand {
		margin-top: 0;
	}

	.navbar .navbar-wrapper .nav-mobile {
		min-width: 46px;
		line-height: 46px;
		height: 46px;
	}

	.navbar.open .navbar-wrapper > .nav-center {
		display: none;
	}

	.navbar .navbar-wrapper > .nav-left {
		min-height: 46px;
	}

	.navbar.open .navbar-wrapper > .nav-right {
		padding: 20px 0 0 0;
	}

	body > .navbar .navbar-wrapper .nav-li {
		padding-right: 0;
		min-height: 64px;
		line-height: 64px;
		height: auto;
	}

	body > .navbar .navbar-wrapper .nav-li:after {
		display: none;
	}

	body > .navbar .navbar-wrapper .nav-link {
		display: block;
		height: 100%;
		width: 100%;
		line-height: unset;
	}
}

@media (max-width: 479px) {
	body > footer {
		height: auto;
		min-height: 100px;
		text-align: center;
	}

	body > footer > .container {
		grid-template-columns: 100%;
		padding-bottom: 20px;
	}

	body > footer .copyright-text {
		padding-bottom: 8px;
	}

	body > footer .static-pages-links a {
		display: block;
	}

	body > footer .static-pages-links .dot {
		display: none;
	}

	body > footer > .container > .block-right {
		text-align: center;
	}

	.static-page .items-tabs .items > .item-list {
		grid-template-columns: 100%;
	}

	.modal[data-id="items-donate"] .item-block {
		grid-template-columns: 100%;
	}
}