@media screen and (max-width : 1580px) {
	.padding-lr-4 {padding-left: 0 !important; padding-right: 0 !important;}
}

@media screen and (max-width : 1299px) {
	.wrapper {padding: 0 calc(var(--pad) * 2.5);}

	.padding-lr-2 {padding-left: 0 !important; padding-right: 0 !important;}
}

@media screen and (max-width : 1023px) {
	.padding-lr-1 {padding-left: 0 !important; padding-right: 0 !important;}

	.padding-top-xl {padding-top: calc(var(--pad) * 9);}
	.padding-bottom-xl {padding-bottom: calc(var(--pad) * 9);}
	.padding-left-xl {padding-left: 8%;}
	.padding-right-xl {padding-right: 8%;}

	.padding-top-l {padding-top: calc(var(--pad) * 6);}
	.padding-bottom-l {padding-bottom: calc(var(--pad) * 6);}
	.padding-left-l {padding-left: 4%;}
	.padding-right-l {padding-right: 4%;}

	.padding-top-m {padding-top: calc(var(--pad) * 2.5);}
	.padding-bottom-m {padding-bottom: calc(var(--pad) * 2.5);}
	.padding-left-m {padding-left: 2%;}
	.padding-right-m {padding-right: 2%;}

	.padding-from-header {padding-right: 0;}

	#header .content {width: 120px; padding: 0;}
	#header .site-logo {padding: 10px;}
	#header .main-menu {display: none !important;}

	#mobile-menu-toggle {display: block;}
	
	.row-about .align {gap: calc(var(--pad) * 6);}

	.row-prices .align {gap: calc(var(--pad) * 6);}

	.row-gallery .photos {--columns: repeat(6, 1fr);}
}

@media screen and (max-width : 767px) {
	.padding-lr-3 {padding-left: 0 !important; padding-right: 0 !important;}

	#header .content {width: 100px;}
	.header-up #header {opacity: 0;}
	.header-up #header .content {pointer-events: none;}

	.row-about .content {width: 100%;}

	.row-prices .content {width: 100%;}

	.row-location .map {aspect-ratio: 2 / 1.2;}

	.row-contact .boxes {--columns: repeat(2, 1fr);}

	.footer-menu {width: 100%; text-align: center;}
	.sitehero {width: 100%; text-align: center; margin: calc(var(--pad) * 4) 0 0 0;}

	h2, .h2 {font-size: 2rem !important;}

	.row-gallery .photos {--columns: repeat(4, 1fr);}
	.row-gallery .photos .photo:nth-child(n+13) {display: none;} 
	.row-gallery .photos-button {display: block;}
}

@media screen and (max-width : 567px) {
	.row-location .map {aspect-ratio: 2 / 1.6;}

	.row-contact .boxes {--columns: unset;}
}

@media screen and (max-width : 424px) {
	.footer-menu .copy {width: 100%; margin: 0 0 calc(var(--pad) * 2.5) 0;}
}