@media (min-width: 100px) {
	.contact-label .icons .carbon-logo-facebook {
		width: 32px;
	}

	.homepage-header {
		height: calc(100vh - 220px);
	}

	.articleBlock.layout9 .articles {
		grid-template-columns: repeat(1, 1fr);
	}

	.container-fluid.movable {
		margin-top: 181px;
	}
}

@media (min-width: 600px) {
	.homepage-header .title-container {
		top: 25%;
		left: 0;
		right: 0;
		position: absolute;
	}

	.homepage-header .title .large-text {
		font-size: 5rem;
	}

	.homepage-header .title .small-text {
		font-size: 2.57rem;
		padding-top: 10px;
		line-height: 100%;
	}

	.homepage-header .see-more-container {
		bottom: 50px;
		font-size: 1.2rem;
	}

	.filter div {
		display: grid;
		grid-template-columns: 50fr 50fr;
	}

	.articleBlock.layout9 .articles {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 767px) {
	.container-fluid.movable {
		margin-top: 151px;
	}

	#mobileSidebar {
		height: calc(100vh - 152px);
		top: 152px;
	}
}

@media (max-width: 1024px) {
	.blockContainer .blockitems {
		padding: 0 20px;
		width: 100% !important;
		max-width: 100% !important;
	}

	.articleBlock .articles .article .text-content {
		background-color: rgba(15, 60, 70, 0.5);
		opacity: 1;
	}
}

@media (max-width: 860px) {
	#projectContent .intro-text {
		padding: 35px 20px 70px;
		position: relative;
	}

	.project-author > div {
		grid-template-columns: 50fr 50fr;
	}

	.blockContainer .articleBlock.layout10 .swiper-slide h2,
	#projectContent .intro-text h2 {
		margin-bottom: 35px;
	}

	.blockitem .formblockitems .formBlockFields,
	.blockitem .formBlockSubmit .formBlockFields {
		grid-template-columns: 100fr;
	}

	#projectContent.vacancyContent .intro-text .textContainer {
		padding: 20px 20px;
	}
}

@media (min-width: 780px) {
	.blockItemType-article .articles {
		grid-template-columns: repeat(3, 1fr);
	}

	.articleBlock .articles .image:not(.noImage) .text-content {
		opacity: 0;
		transition: .3s all ease-in-out;
	}

	#projectArticles .text-content:hover,
	.articleBlock.layout4 .articles .text-content:hover {
		background-color: rgba(250, 15, 25, 0.8);
		box-shadow: 0 0 17px 1px #484848;
		opacity: 1;
	}

	.articleContent .timeline .message.order-2 {
		display: block !important;
		order: 2;
	}

	.articleContent .timeline .message.order-0 {
		display: block !important;
		order: 0;
	}

	.articleContent .timeline .time {
		display: flex;
		order: 1;
		justify-content: center;
	}

	.articleBlock.layout5 .articles .time .timeline-line {
		left: unset;
		transform: translateX(0);
	}

	.articleBlock.layout5 .articles .time .time-box {
		padding-bottom: 60.31%;
		width: 75%;
	}

	.articleBlock.layout5 .articles .time .time-box::after {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.articleBlock.layout5 .articles .message .message-box::before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		right: -10px;
		border-left: 10px solid #FFFFFF;
		border-right: 0;
		left: unset;
	}

	.articleBlock.layout5 .articles .message.order-2 .message-box::before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #FFF;
		border-left: unset;
		left: -10px;
		right: unset;
	}

	.articleBlock.layout6 .articles .article .hover-content {
		align-items: center;
		background-color: rgba(250, 15, 25, 0.8);
		color: var(--color-text-3);
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.articleBlock.layout6 .articles .article .image:hover .hover-content::before {
		content: unset;
	}

	.articleBlock.layout6 .articles .article .image:hover .hover-content {
		opacity: 1;
	}

	footer .sitemap {
		display: block;
	}

	footer .social {
		display: block;
	}

	footer .gotoTop {
		float: unset;
		margin-right: 0;
	}

	#blogContent {
		overflow: hidden;
	}

	#blogContent .right, #blogContent .left {
		margin: 20px 0;
	}

	#blogContent .left {
		border-right: 2px solid #fa0f19;
		margin-left: 0;
		margin-right: 20px;
		min-height: 100vh;
		padding-left: 0;
		padding-right: 20px;
	}

	.articleBlock.layout9 .articles {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 840px) {
	.articleBlock.layout9 .articles {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1170px) {
	.project-author > div {
		margin: 0 20px;
		max-width: calc(100% - 40px);
		width: 1120px;
	}
}

@media (max-width: 1024px) {
	.blockItemType-article .articleBlock.layout8 .swiper-button-prev,
	.blockItemType-article .articleBlock.layout8 .swiper-button-next {
		background-color: transparent !important;
		background-image: none !important;
	}

	.blockItemType-article .articleBlock.layout8 .swiper-button-prev-wrapper,
	.blockItemType-article .articleBlock.layout8 .swiper-button-next-wrapper {
		width: auto;
	}

	.blockItemType-article .articleBlock.layout8 .swiper-button-prev div,
	.blockItemType-article .articleBlock.layout8 .swiper-button-next div {
		background-color: #fff;
		background-image: none !important;
		border-radius: 50%;
		height: 50px;
		position: absolute;
		top: 0;
		transition: background-image .3s;
		width: 50px;
	}

	.blockItemType-article .articleBlock.layout8 .swiper-button-prev div .iz-icon,
	.blockItemType-article .articleBlock.layout8 .swiper-button-next div .iz-icon {
		color: var(--color-text-1);
		display: block;
		font-size: 2rem;
		margin-left: 9px;
		margin-top: 9px;
	}

	.articleBlock.layout8 .swiper-slide .articleContent {
		margin: 0 auto;
		width: 100%;
	}

	.articleBlock.layout8 .swiper-button-next,
	.articleBlock.layout8 .swiper-button-prev {
		width: 52px;
	}

	.blockItemType-article .articleBlock.layout8 .emptyCol {
		display: none;
	}

	.blockItemType-article .articleBlock.layout8 .contentCenter {
		width: 100%;
	}

	.blockContainer > div,
	.contentCenter .pageTitle {
		max-width: 100%;
	}
}

@media (min-width: 1024px) {
	.homepage-header {
		margin-top: 200px;
	}

	.contact-label .row, .bottom .row {
		display: flex;
		align-items: center;
	}

	.contact-label {
		display: flex;
	}

	.search-wrapper .left {
		float: right;
		width: 390px;
	}

	.search-wrapper .results-for-tab {
		float: left;
		width: calc(100% - 430px);
	}

	.search-wrapper .results-for-tab h2 {
		margin: 0;
		padding-top: 10px;
	}

	.search-wrapper form input {
		position: unset !important;
		width: 100%;
	}

	.bottom .mobile-nav {
		display: none;
	}

	.bottom {
		padding-top: 10px;
	}

	.contact-label p {
		margin: 0;
		display: flex;
		align-items: center;
		height: 100%;
	}

	.contact-label p,
	.contact-label a:not(.iz-icon) {
		color: rgba(20, 39, 42, 0.5);
	}

	.bottom .green {
		display: block;
		position: absolute;
		right: -15px;
		height: 85px;
	}

	.bottom .desktop-nav {
		align-items: center;
		background-color: var(--color-bg-4);
		display: flex;
		height: 100px;
		justify-content: end;
		padding-left: 30px;
		position: absolute;
		right: 0;
		z-index: 99;
		width: fit-content;
	}

	.bottom .desktop-nav nav {
		margin-top: 47px;
	}

	.bottom .desktop-nav:before {
		background-color: var(--color-bg-1);
		border-right: 0 solid transparent;
		border-left: 100px solid transparent;
		border-bottom: 100px solid var(--color-bg-4);
		content: "";
		height: 100%;
		left: -20px;
		position: absolute;
	}

	.bottom .desktop-nav ul li {
		position: relative;
	}

	.bottom .desktop-nav ul li a {
		color: var(--color-text-3);
		font-size: 1.25rem;
	}

	.bottom .desktop-nav ul li a:after {
		border-left: 1px solid var(--color-border-5);
		content: "";
		height: 20px;
		left: -10px;
		position: absolute;
		top: -7px;
	}

	.bottom .desktop-nav ul li:first-of-type a:after {
		display: none;
	}

	.bottom .desktop-nav ul li:last-of-type a:after {
		display: none;
	}

	.bottom .desktop-nav ul li a:hover {
		color: var(--color-text-4);
	}

	header img {
		transition: transform .2s;
	}

	header img:hover {
		transform: scale(1.05);
	}

	.contact-label p {
		font-size: 1.21rem;
	}

	.contact-label .icons {
		display: flex;
		align-items: center;
		justify-content: end;
		margin: 0;
	}

	.contact-label .icons .iz-icon {
		margin-left: 14px;
		transition: color .3s;
		width: 26px;
	}

	.bottom .logo {
		padding-bottom: 5px;
	}

	.bottom ul {
		display: flex;
		gap: 15px;
		margin: 0;
	}

	.homepage-header .bottom-right-overlay, .homepage-header .bottom-left-overlay {
		border-bottom: 25vh solid var(--color-border-3);
	}

	.articleBlock.layout5 .articles .time .time-box {
		padding-bottom: 48.31%;
		width: 59%;
	}

	.homepage-header {
		margin-top: 160px;
	}

	body.cookie .homepage-header {
		margin-top: 0;
	}

	.bottom .desktop-nav ul li a {
		font-size: 0.95rem;
	}

	.contact-label .icons .iz-icon:hover {
		color: var(--color-text-11);
	}

	.hamburger {
		display: none;
	}
}

@media (min-width: 1200px) {
	.homepage-header .bottom-right-overlay, .homepage-header .bottom-left-overlay {
		border-bottom: 30vh solid var(--color-border-3);
	}

	.articleBlock.layout3 .articles {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.articleBlock.layout6 .articles {
		grid-template-columns: repeat(3, 1fr);

	}

	.articleBlock.layout7 .articles {
		grid-template-columns: repeat(3, 1fr);
	}

	.articleBlock.layout5 .articles .message.order-2 .message-box::before {
		margin-top: 12px;
	}

	.homepage-header {
		height: calc(100vh - 180px);
	}

	.filter div {
		display: flex;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
	}

	.bottom .desktop-nav ul li a {
		font-size: 1.1rem;
	}

	.bottom .desktop-nav::before {
		left: -50px;
	}

	.articleBlock.layout9 .articles {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1280px) {
	.bottom .desktop-nav ul li a {
		font-size: 1.38rem;
	}

	.articleBlock.layout9 .articles {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1350px) {
	.blockItemType-article .articles {
		grid-template-columns: repeat(2, 1fr);
	}

	#projectContent .intro-text {
		max-width: 100%;
		width: calc(100% - 140px);
	}
}

@media (min-width: 1600px) {
	.articleBlock.layout5 .articles .message.order-2 .message-box::before,
	.articleBlock.layout5 .articles .message .message-box::before {
		margin-top: 22px;
	}

	#homepageheader .bottom .logo {
		max-width: 300px;
	}
}

@media (max-width: 640px) {
	.blockItemType-article .articles {
		grid-gap: 20px;
		grid-template-columns: repeat(1, 1fr);
	}

	#projectContent .intro-text h2 {
		font-size: 1.5rem;
	}
}

@media (max-width: 600px) {
	.project-author .mobile {
		display: block;
	}

	.project-author .desktop {
		display: none;
	}

	.project-author p.authorName {
		margin: 20px 0;
	}

	.project-author .author-info {
		padding: 20px;
	}

	.project-author .author-image {
		mask: none;
		-webkit-mask: none;
	}

	.project-author .author-image img {
		width: 100%;
	}

	.project-author a {
		bottom: unset;
		position: relative;
	}
}