@media (max-width: 1200px) {
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	.swiper-container.header-slider.high,
	.swiper-container.header-slider.high .swiper-wrapper,
	.swiper-container.header-slider.high .swiper-slide {
		padding-bottom: 60%;
	}

	.topBar {
		min-height: 60px;
		height: 60px;
	}

	.allContent.first-block-has-background #content {
		margin-top: -60px;
	}

	.topBar .menu {
		background-color: rgba(23, 28, 48, 1) !important;
		height: 60px;
	}

	.topBar .menu > div {
		height: 60px;
		padding: 10px 20px 0;
		grid-template-columns: auto auto 32px;
	}

	.topBar .menu .logo {
		height: 40px;
	}

	.topBar .menu nav,
	.topBar .siteSearch {
		display: none;
	}

	body.open .mobileNavigation {
		top: 60px;
	}

	.menu-icon-wrapper {
		display: block;
	}

	.menu-icon-wrapper .iz-icon {
		color: var(--color-cotton-white);
		font-size: 1.2rem;
		transition: color .25s;
	}

	.menu-icon-wrapper .iz-icon.ph-x {
		font-size: 2rem;
	}

	.menu-icon-wrapper .iz-icon.ph-x,
	body.open .menu-icon-wrapper .iz-icon.ph-list {
		display: none;
	}

	.menu-icon-wrapper .iz-icon.ph-list,
	body.open .menu-icon-wrapper .iz-icon.ph-x {
		display: block;
	}

	.menu-icon-wrapper {
		align-items: center;
		border: 1px solid var(--color-cotton-white);
		border-radius: 50%;
		display: flex;
		height: 34px;
		justify-content: center;
		position: absolute;
		right: 20px;
		top: 12px;
		transition: background-color .25s;
		width: 34px;
		cursor: pointer;
	}

	.menu-icon-wrapper:focus-visible {
		outline: 2px solid var(--color-cotton-white);
		background-color: var(--color-savanne);
	}

	body.open .menu-icon-wrapper {
		background-color: var(--color-cotton-white);
	}

	body.open .menu-icon-wrapper .iz-icon {
		color: var(--color-deep-navy);
	}

	.menu-icon-wrapper:before {
		color: var(--color-cotton-white);
		content: "Menu";
		right: 42px;
		position: absolute;
		top: 3px;
	}

	.blockContainer > div {
		width: 100%;
		padding: 40px 20px;
	}
}

@media (max-width: 1024px) {
	.swiper-container.header-slider.high,
	.swiper-container.header-slider.high .swiper-wrapper,
	.swiper-container.header-slider.high .swiper-slide {
		padding-bottom: 70%;
	}

	.articleBlock.layout2 .articles,
	.articleBlock.layout3 .articles,
	.articleBlock.layout4 .articles,
	.articleBlock.layout5 .articles,
	.articleBlock.layout6 .articles {
		grid-template-columns: repeat(3, 1fr);
	}

	footer .blockContainer {
		padding: 20px;
	}

	footer .blockContainer img.logo {
		width: 100%;
		margin-top: 0;
	}

	footer .blockContainer > ul {
		grid-template-columns: 100px auto auto auto auto auto;
	}

	footer .blockContainer > ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 860px) {
	.articleBlock.layout2 .articles,
	.articleBlock.layout3 .articles,
	.articleBlock.layout4 .articles,
	.articleBlock.layout5 .articles,
	.articleBlock.layout6 .articles {
		grid-template-columns: repeat(2, 1fr);
	}

	footer .blockContainer ul.social {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 20px;
	}

	.mediaLibrary.pattern-01 {
		grid-template-columns: repeat(2, 1fr);
	}

	.mediaLibrary.pattern-01 div {
		grid-column: initial !important;
		grid-row: initial !important;
	}
}

@media (max-width: 600px) {
	.blockContainer a.button-01,
	.blockContainer a.button-02,
	.blockContainer a.button-04 {
		font: var(--category-bold);
		font-size: 0.8rem;
		padding: 12px 15px 9px 15px;
		border-radius: 20px;
		letter-spacing: 1.2px;
	}

	.articleBlock.layout2 .articles,
	.articleBlock.layout3 .articles,
	.articleBlock.layout4 .articles,
	.articleBlock.layout5 .articles,
	.articleBlock.layout6 .articles {
		grid-template-columns: repeat(1, 1fr);
	}

	.mediaLibrary.pattern-01 {
		grid-template-columns: repeat(1, 1fr);
	}
}