@media (max-width: 1024px) {
	body > .sk-section > div > div {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	body > .sk-header > div {
		flex-wrap: nowrap !important;
		justify-content: space-between;
	}

	body > .sk-header > div > div {
		flex: 0 1 auto !important;
		max-width: none !important;
	}

	body > .sk-header > div > div:nth-child(2) {
		display: none;
	}

	.sk-header + .sk-section {
		padding-top: 56px !important;
		padding-bottom: 64px !important;
	}

	.sk-header + .sk-section > div {
		gap: 44px !important;
	}

	.sk-header + .sk-section > div > div:last-child {
		max-width: 520px !important;
		margin: 0 auto;
	}

	.sk-section h1 {
		font-size: 60px !important;
	}

	.sk-header + .sk-section .sk-section:first-of-type > div {
		gap: 16px 14px !important;
	}

	.sk-header + .sk-section .sk-section:first-of-type > div > div {
		flex: 0 0 auto !important;
		max-width: 100% !important;
	}

	body > .sk-section > div > .sk-card,
	#opinie + .sk-section > div > div,
	#kontakt + .sk-section > div > div,
	#kontakt + .sk-section + .sk-section > div > div {
		flex: 0 0 calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
	}

	#opinie + .sk-section > div {
		align-items: stretch !important;
	}

	#kontakt + .sk-section > div {
		align-items: flex-start !important;
		row-gap: 32px !important;
	}

	#kontakt + .sk-section + .sk-section > div {
		align-items: flex-start !important;
	}

	#galeria + .sk-section > div > div,
	#galeria + .sk-section + .sk-section > div > div {
		flex: 0 0 calc(50% - 5px) !important;
		max-width: calc(50% - 5px) !important;
	}

	#galeria > div > div > div:last-child {
		padding: 0 40px !important;
	}

	#onas {
		padding: 40px !important;
	}

	#onas > div {
		gap: 44px !important;
	}

	#onas > div > div:first-child {
		max-width: 520px !important;
	}

	#kontakt > div > div:first-child {
		padding: 44px 32px !important;
		border-radius: 36px 36px 0 0 !important;
	}

	#kontakt > div > .sk-map {
		border-radius: 0 0 36px 36px !important;
	}
}

@media (max-width: 640px) {
	body > .sk-section {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	body > .sk-section:first-child {
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}

	body > .sk-section:first-child > div > div > div {
		font-size: 13px !important;
	}

	body > .sk-header {
		padding-top: 12px !important;
		padding-bottom: 14px !important;
	}

	body > .sk-header > div {
		gap: 12px !important;
	}

	body > .sk-header > div > div:first-child > div {
		font-size: 21px !important;
		white-space: nowrap;
	}

	body > .sk-header a {
		padding: 11px 16px !important;
		font-size: 14px !important;
		white-space: nowrap;
		box-shadow: 0 5px 0 0 #8E2340 !important;
	}

	.sk-header + .sk-section {
		padding-top: 40px !important;
		padding-bottom: 56px !important;
	}

	.sk-header + .sk-section > div {
		gap: 36px !important;
	}

	.sk-section h1 {
		font-size: clamp(40px, 12.5vw, 56px) !important;
	}

	.sk-header + .sk-section > div > div:first-child > div:nth-of-type(2) {
		font-size: 18px !important;
		margin-bottom: 28px !important;
	}

	.sk-header + .sk-section .sk-section:first-of-type > div > div {
		flex: 0 0 100% !important;
	}

	.sk-header + .sk-section .sk-section:first-of-type a {
		display: flex !important;
		padding: 16px 24px !important;
	}

	.sk-header + .sk-section + .sk-section ul {
		gap: 8px 22px !important;
		justify-content: flex-start !important;
		margin: 0;
	}

	.sk-section h2 {
		font-size: 32px !important;
	}

	#produkty h2 {
		font-size: 34px !important;
	}

	#kontakt h2 {
		font-size: 28px !important;
	}

	#produkty,
	#galeria,
	#faq {
		padding-top: 56px !important;
	}

	#produkty + .sk-section,
	#galeria + .sk-section + .sk-section,
	#faq,
	#kontakt {
		padding-bottom: 56px !important;
	}

	#opinie {
		padding-top: 64px !important;
	}

	#opinie + .sk-section {
		padding-bottom: 64px !important;
	}

	body > .sk-section > div > .sk-card,
	#opinie + .sk-section > div > div {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	#onas {
		padding: 28px 20px !important;
		border-radius: 28px !important;
	}

	#onas > div {
		gap: 30px !important;
	}

	#onas ul {
		gap: 8px 18px !important;
	}

	#galeria + .sk-section > div > div,
	#galeria + .sk-section + .sk-section > div > div {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	#galeria > div > div > div:last-child {
		padding: 0 !important;
	}

	#faq summary {
		padding: 18px 20px !important;
		font-size: 17px !important;
	}

	#faq details > div {
		padding: 0 20px 20px !important;
	}

	#kontakt > div > div:first-child {
		padding: 34px 22px !important;
		border-radius: 28px 28px 0 0 !important;
	}

	#kontakt > div > .sk-map {
		min-height: 320px !important;
		border-radius: 0 0 28px 28px !important;
	}

	#kontakt .sk-map iframe {
		min-height: 320px;
	}

	#kontakt a {
		overflow-wrap: anywhere;
	}

	#kontakt > div > div:first-child > div:nth-of-type(2) p {
		display: flex;
		justify-content: space-between;
		gap: 12px;
	}

	#kontakt > div > div:first-child > div:nth-of-type(2) strong {
		float: none !important;
		flex: 0 0 auto;
		white-space: nowrap;
	}

	#kontakt + .sk-section {
		padding-top: 48px !important;
	}

	#kontakt + .sk-section > div > div:first-child {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	#kontakt + .sk-section + .sk-section > div {
		gap: 0 !important;
	}

	#kontakt + .sk-section + .sk-section > div > div {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	#kontakt + .sk-section + .sk-section > div > div:last-child hr {
		display: none;
	}

	#kontakt + .sk-section + .sk-section > div > div:last-child > div {
		text-align: left !important;
	}
}
