@media (max-width: 1700px) {
	.footerGrid {
		grid-template-columns: auto auto auto auto;
	}
}

@media (max-width: 1540px) {
	#content div .blockContainer footer .contentCenter {
		padding: 0 40px 0 100px;
	}
}

@media (max-width: 1500px) {
	#content div .blockContainer footer .contentCenter {
		padding: 0 40px 0 140px;
	}
}

@media (max-width: 1400px) {
	#content div .blockContainer footer .contentCenter {
		padding: 0 40px 0 170px;
	}
}

@media (max-width: 1200px) {
	.footerGrid {
		grid-template-columns: auto auto auto;
	}
}

@media (max-width: 1150px) {
	.article-layout3,
	.article-layout8 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1023px) {
	.footerGrid {
		grid-template-columns: auto auto;
	}

	.hamburger {
		display: block;
	}

	.logo {
		margin-bottom: 20px;
	}

	.blockContainer .circle {
		background-size: 70px;
		height: 70px;
		width: 70px;
	}

	.blockContainer.blockCircle-3 .circle,
	.blockContainer.blockCircle-4 .circle {
		display: none;
	}

	.topBar {
		display: block;
	}

	.topBar nav ul li[class],
	.topBar .language {
		display: none;
	}

	.bigMenu {
		height: 100vh;
	}

	.blockContainer.blockWidth-70 .contentCenter {
		box-sizing: border-box;
		padding: 0 25px;
		width: 100%;
	}

	.blockContainer.blockWidth-70 > .contentCenter > div {
		width: 100%;
	}

	#content div .blockContainer footer .contentCenter {
		padding: 0 25px;
	}

	.footerGrid {
		width: 100%;
	}

	.blockContainer.blockWidth-50 > .contentCenter {
		width: 100%;
	}

	.article-layout2,
	.article-layout3,
	.article-layout4,
	.article-layout8 {
		grid-template-columns: repeat(2, 1fr);
	}

	.article-layout4 .article-introduction:nth-child(2n+1) {
		padding: 0 15px 30px 0;
	}

	.article-layout4 .article-introduction:nth-child(2n+2) {
		padding: 0 0 30px 15px;
	}

	.blockContainer .blockitem .article-layout7 .blockItemType-8 {
		width: 60%;
	}

	.bigMenu ul li a {
		font-size: 1rem;
	}
}

@media (max-width: 767px) {
	.forum .flex {
		display: block;
	}

	.topicInfo {
		margin-top: 10px;
	}

	.contentCenter .clear {
		display: block;
	}

	.blockitem {
		width: 100%;
	}

	.bigMenu .menuColumns {
		display: grid;
		grid-template-columns: 100%;
		padding: 0;
	}

	.bigMenu .extraNavigation {
		margin-top: 40px;
	}

	.bigMenu .mobileAddress {
		margin-top: 40px;
		display: block;
	}

	.bigMenu ul li a {
		font-size: 1.1875rem;
	}

	.bigMenu .subs {
		box-sizing: border-box;
		padding: 20px;
		background-color: var(--color-niwo-1);
		display: block;
		height: 100vh;
		left: 100vw;
		opacity: 0;
		position: absolute;
		transition: left .4s ease-in-out, opacity .6s;
		width: 100%;
		z-index: 1000;
	}

	.bigMenu .firstLevel {
		box-sizing: border-box;
		padding: 20px;
		position: absolute;
		transition: left .4s ease-in-out;
		z-index: 40;
		left: 0;
		width: 100%;
	}

	.bigMenu .subs.visible {
		opacity: 1;
		z-index: 100;
		left: 0;
	}

	.bigMenu.open .subs.visible .subBack {
		display: block;
	}

	.bigMenu .menuIcon {
		bottom: 25px;
		display: none;
		top: auto;
		z-index: 100000;
	}

	.bigMenu .subs ul li .subs {
		left: 100%;
		position: absolute;
		top: 0;
	}

	.bigMenu .subBack {
		background-color: var(--color-niwo-1);
		bottom: 0;
		margin-left: -25px;
		display: none;
		padding: 15px 0 25px 25px;
		transition: .4s opacity;
		width: 100%;
	}

	.bigMenu.open .visible .subBack {
		display: block;
	}

	.bigMenu .subBack span {
		color: #fff;
		text-transform: none;
	}

	.bigMenu .subBack .icon-left {
		cursor: pointer;
	}

	.bigMenu .subBack .icon-left::before {
		margin-left: 0;
	}

	.blockContainer.blockWidth-85 > .contentCenter,
	.blockContainer.blockWidth-8580 > .contentCenter,
	.blockContainer.blockWidth-85 > .contentCenter > div,
	.blockContainer.blockWidth-8580 > .contentCenter > div {
		width: 100%
	}

	.article-layout2,
	.article-layout3,
	.article-layout4,
	.article-layout8 {
		grid-template-columns: repeat(1, 1fr);
	}

	/*.article-layout4 .article-image {
		display: none;
	}*/

	.blockContainer.blockWidth-70 .contentCenter {
		padding: 0;
	}

	.blockContainer.contentGrid .contentCenter > div > div {
		grid-template-columns: 100% !important;
	}

	.article-layout4 .article-introduction:nth-child(1n+1) {
		padding: 0 0 30px 0;
	}

	/*.article-layout4 .article-date {
		margin-top: -7px;
	}*/

	.article-layout4 .article-introduction .article-title::after {
		top: -11px;
	}

	.article-layout4 .article-introduction .article-title {
		font-size: 1.1em;
		margin-top: 17px;
	}

	.article-layout4 .article-text {
		margin-top: 20px;
	}

	.article-layout4 .article-text h3,
	.article-layout4 .article-text h4 {
		font-size: 1.2em;
	}

	.blockContainer .blockitem .article-layout7 .blockItemType-8 {
		width: 100%;
	}

}

@media (max-width: 660px) {
	.footerGrid {
		grid-template-columns: auto;
	}

	.article-layout1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.forum .categories {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	#content div .blockContainer footer .contentCenter {
		padding: 0 25px 200px;
	}

	header .myniwo span,
	.topBar .search .icon-search span {
		display: none;
	}

	.footerLogoText {
		bottom: -170px;
		left: auto;
		right: 0;
	}

	.footerGrid {
		grid-template-columns: 100%;
		width: 100%;
	}

	.footerLogo {
		bottom: -93px;
		left: auto;
		right: 0;
	}

	.footerGrid .column .noSub a {
		display: inline-block;
		line-height: 135%;
		margin-bottom: 13px;
	}
}

@media (max-width: 560px) {

}

@media (max-width: 460px) {
	.article-layout1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.blockContainer {
		padding: 15px 25px;
	}

	.blockContainer .contentCenter > div {
		max-width: 100%;
	}

	.forum .categories {
		grid-template-columns: repeat(1, 1fr);
	}

	.country .blockContainer:not(.blockType-3) h2 {
		margin-top: 5px;
	}

	.blockContainer.blockWidth-8580 > .contentCenter > div p,
	.blockContainer.blockWidth-8580 > .contentCenter > div ul,
	.blockContainer.blockWidth-8580 > .contentCenter > div ol {
		width: 100%;
	}
}

@media (max-width: 460px) {
	.article-introduction .article-title {
		font-size: 1.3em;
	}
}
