@media (width <= 1366px) {
	.banner-box h1, .banner-news h1 {
		font-size: 35px; }
	.banner-box, .layout-blog .item-page .banner-news {
		font-size: 16px; }
	.main-menu .nav a {
		font-size: 16px; }
	.mod-languages a {
		font-size: 16px; }
	.banner-box:before, .layout-blog .item-page .banner-news .news-wrapper:before {
		left: 40%; }
	.banner-box:after, .layout-blog .item-page .banner-news .news-wrapper:after {
		left: 49%; }
	h2 {
		font-size: 32px; }
	.serv-holder a {
		height: 145px;
		font-size: 26px; }
	
		
	
}


@media (width <= 1200px) {
	.banner-box .decor, .news-wrapper .decor {
		width: 50%;	}
	.banner-box .decor-image, .layout-blog .item-page .news-wrapper .decor-image {
		background-position: center center;
		width: 100%; }
	.banner-box .field-value {
		max-width: 48%; }
	
	
	
}

@media (width <= 1100px) {
	header {
		background: #fff;
		height: 80px; }
	.main-menu {
		position: fixed;
		top: 80px;
		bottom: 0;
		left: -100%;
		right: 100%;
		background: #fff;
		z-index: 100;
		transition: .3s; }
	.main-menu ul.nav {
		padding: 16px;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 60px; }
	.main-menu .nav a {
		font-size: 18px;
		font-weight: 700;
		color: var(--second-green);	}
	.main-menu .nav > li {
		margin-bottom: 30px; }
	.main-menu .nav > .active > a,
	.main-menu .nav > li > a:hover {
		font-size: 18px;
		font-weight: 700;
		color: var(--second-green); }
	.main-menu .parent ul {
	display: flex;
	margin-left: 16px;
	flex-direction: column; }
	.main-menu .nav li:hover ul.mod-menu__sub {
		position: unset;
		background: none;
		padding: 0;
		transform: none;
		z-index: unset;	}
	.main-menu ul.mod-menu__sub a {
		font-size: 14px;
		font-weight: 400;
		color: var(--dark-color);
		margin-bottom: 0;
		margin-top: 15px; }
	.main-menu ul.mod-menu__sub li:first-of-type {
		margin-top: 8px; }
	.main-menu .mod-menu__sub a:before {
		display: none; }
	.main-menu .parent > a:after {
		display: none; }
	.main-menu .nav > .active > a {
		font-weight: 700; }
	.main-menu .mod-menu__sub > .active > a {
		font-weight: 400; }
	.main-menu .mod-menu__sub a:hover {
		color: var(--dark-color); }
	.show-mobile-menu header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100; }
		
		
		
	header .logo {
		order: 2; }
	header .logo img {
		width: 170px; }
	.mod-languages {
		order: 1;
		width: 65px; }
	.mob-menu-btns {
		display: flex;
		justify-content: flex-end;
		order: 3;
		width: 65px; }
	.mob-menu-btns .burger,
	.mob-menu-btns .close {
		cursor: pointer; }
	.show-mobile-menu .mob-menu-btns .burger {
		display: none; }
	.show-mobile-menu .mob-menu-btns .close {
		display: block; }
	.show-mobile-menu .main-menu {
		left: 0;
		right: 0; }
		
		h2 {
			font-size: 24px; }
	
	:root {
		--main-v-padding: 50px;
		--font-size: 14px; }
	
	.serv-holder {
		grid-template-columns: 1fr; }
	.serv-holder a {
		height: 100px;
		font-size: 18px;
		padding-left: 15px; }
	.serv-holder img {
		height: 100px;
		width: auto; }
	.serv-holder a:after {
		content: "";
		background: url(/images/icon.png);
		background-size: cover;
		position: absolute;
		right: -9px;
		top: -10px;
		width: 130px;
		height: 130px; }
		
	.home-text {
		padding: 30px 20px; }
	.home-text .message-decor {
		position: absolute;
		top: 30px;
		left: 20px;
		width: 64px;
		height: 64px; }
	.message-text {
		max-width: 100%;
		margin-left: 0;
		width: 100%; }
	h3 {
		font-size: 18px; }
	.message-text h3 {
		margin: 0 0 30px 84px;
		height: 64px;
		display: flex;
		align-items: center;
		max-width: 204px; }
	.home-text:after {
		content: "";
		background: url(/images/message-bg.png);
		background-size: cover;
		width: 190px;
		height: 190px;
		position: absolute;
		left: unset;
		right: -115px;
		top: -80px;	}
		
	footer .main-row {
		flex-direction: column;	}
	footer .left-side {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 40px; }
	.footer-info {
		max-width: 100%;
		margin-left: 0;
		margin-top: 30px; }
	footer .right-side {
		flex-direction: column;
		width: 100%; }
	.footer-contact {
		margin-left: 0;
		margin-bottom: 30px;
		display: flex;
		justify-content: space-between;
		width: 100%; }
	.footer-contact .mod-custom {
		width: 160px; }
	.copyright {
		text-align: center;	}
	
	
	.contact-list {
		grid-template-columns: 1fr;
		grid-gap: 30px; }
	
}

@media (width <= 960px) {
	.mod-articlescategory, .blog-items {
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;	}
		
	.banner-box .wrapper {
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;	}
	.banner-box .field-value,
	.layout-blog .item-page .banner-news .news-wrapper {
		max-width: 100%;
		padding-bottom: 10px;
		order: 2; }
	.banner-box .decor, .news-wrapper .decor {
		width: 242px;
		height: 242px;
		border-radius: 0 50% 50% 50%;
		right: unset;
		top: -45px;
		left: -20px;
		order: 1; }
	.banner-box .decor-image, .layout-blog .item-page .news-wrapper .decor-image {
		height: 242px; }
	.banner-box:before, .layout-blog .item-page .banner-news .news-wrapper:before {
		left: 172px;
		top: 80px;
		z-index: 10;
		width: 97px;
		height: 97px; }
	.banner-box:after, .layout-blog .item-page .banner-news .news-wrapper:after {
		left: unset;
		width: 33px;
		height: 33px;
		top: 30px;
		right: 50px; }
	.banner-box, .layout-blog .item-page .banner-news {
		height: auto;
		min-height: 330px;
		flex-direction: column;
		justify-content: flex-end; }
	.banner-box .wrapper,
	.layout-blog .item-page .banner-news .news-wrapper {
		margin-top: 210px;
		font-size: 12px; }
	.banner-box h1, .banner-news h1 {
		font-size: 24px; }
	.banner-box p:first-of-type {
		border-top: none;
		padding-top: 10px;
		margin-top: 0; }
	
	.com-content-article__body .wrapper {
		padding: 20px; }
		
	.pdf-list li a:before {
		width: 50px;
		height: 50px;
		background-size: contain; }
	.pdf-list li a {
		padding: 10px 60px 10px 60px;
		font-size: 14px; }
	.pdf-list li a:after {
		width: 50px;
		height: 50px; }
	.pdf-list li a:hover:after {
		width: 30px; }
	.pdf-list li {
		min-height: 50px; }
		
	h4 {
		font-size: 17px; }
		
	.tarif-block tr td {
		width: 90px;
		padding: 5px; }
	.tarif-block tr td:first-of-type {
		width: calc(100% - 180px); }
	.tarif-block thead {
		font-size: 11px; }
	.tarif-block tbody {
		font-size: 12px; }
		
	.project-page .project-fild .wrapper {
		padding-top: 60px; }
	.utp-list {
		flex-direction: column;
		align-items: center; }
	.utp-item {
		max-width: 328px;
		text-align: center;
		margin-bottom: 40px; }
	.utp-item:last-of-type {
		margin-bottom: 0; }
	.utp-name {
		font-size: 20px;
		margin: 10px 0;	}
	.project-characteristics-box {
		flex-wrap: wrap; }
	.characteristics-list {
		width: 100%;
		margin-bottom: 30px; }
	.project-characteristics-box .maps {
		width: 100%;
		padding-left: 0;
		padding-bottom: 50px; }
	.project-characteristics-box img.map {
		top: 145px;
		left: 125px;
		width: 195px;
		height: auto; }
	.project-characteristics-box .icon img {
		width: 50px;
		height: auto; }
	.characteristics-item .right-side {
		font-size: 14px; }
	.characteristic-name:after {
		width: 15px;
		margin-left: 7px; }
	.characteristics-item .icon {
		margin-right: 20px; }
	.project-characteristics-box img.map-sap {
		width: 230px;
		height: auto; }
		
	.objective-item {
		display: flex;
		flex-wrap: wrap;
		align-items: center; }
	.objective-item img {
		width: 100px; }
	.objective-title {
		font-size: 20px;
		width: calc(100% - 100px);
		padding-left: 20px; }
	.objectives-list {
		grid-template-columns: 1fr;	}
	.objective-item ul {
		padding-left: 20px; }
		
	.implementation-list .number > div {
		font-size: 16px;
		width: 40px;
		height: 40px; }
	.implementation-list .number > div:before {
		width: 26px;
		height: 26px; }
	.implementation-list .number:after {
		width: 30px; }
	.implementation-text {
		font-size: 14px; }
	.implementation-text span {
		font-size: 12px; }
	.implementation-list .number {
		width: 85px;
		top: -11px;
		flex-shrink: 0;	}
		
	.payback-value {
		font-size: 14px; }
	.payback-item {
		margin-bottom: 30px; }
	.payback-item:last-of-type {
		margin-bottom: 0; }
		
	.timeline-list {
		flex-direction: column;
		align-items: flex-start; }
	.timeline-item {
		display: flex;
		align-items: center;
		margin-bottom: 30px; }
	.timeline-item:last-of-type {
		margin-bottom: 0; }
	.timeline-item > div:first-of-type {
		font-size: 16px; }
	.timeline-number {
		width: 50px;
		height: 50px;
		border: 5px solid var(--grey-color);
		margin: 0 15px 0 5px; }
	.timeline-list:before {
		height: 90%;
		width: 2px;
		top: unset;
		left: 69px;	}
	.timeline-text {
		text-align: left; }
	
	.looking-for {
		flex-wrap: wrap; }
	.looking-for-item {
		max-width: 100%;
		width: 48%;
		margin-top: 40px; }
	
	.opportunities-box .call-to-action {
		font-size: 16px; }
		
	.project-page .banner-box h1 {
		font-size: 18px; }
		
	.contact-item {
		padding: 20px 25px;	}
	.contact-name {
		font-size: 18px; }
	.contact-info {
		flex-direction: column;
		align-items: flex-start; }
	.contact-info > div {
		width: 100%; }
	.contact-info > div:last-of-type {
		border-left: none;
		padding-left: 0;
		margin-top: 22px; }
	.location img {
		height: 29px;
		width: auto; }
	.location {
		font-size: 14px; }
	
	.banner-news .content-date {
		border-top: none;
		padding-top: 0;
		margin-top: 20px; }
}



@media (width <= 500px) {
	.mod-articlescategory, .blog-items {
		grid-template-columns: 1fr;	}
	header .logo img {
		width: 150px; }
	header {
		height: 75px; }
	.main-menu {
		top: 75px; }
		
	.looking-for-item {
		max-width: 100%;
		width: 100%;
		text-align: center; }
	.looking-for-item:first-of-type {
		margin-top: 0; }
		
	.banner-box .decor-image, 
	.layout-blog .item-page .news-wrapper .decor-image {
		background: url(/images/banners/home-page-banner-mob.jpg) no-repeat;
		background-position: center;
		width: 242px;
		height: 242px; }
	.heat-page .banner-box .decor-image,
	.heat-page .layout-blog .item-page .news-wrapper .decor-image {
		background: url(/images/teplo-gen-banner-mob.jpg) no-repeat;
		background-position: center;
		background-size: cover; }
		
	.contact-page .banner-box .decor-image {
		background: url(/images/banners/contact-banner-mob.jpg) no-repeat;
		background-position: center;
		background-size: cover; }
		
	.wind-page .banner-box .decor-image {
		background: url(/images/banners/wind-banner-mob.jpg) no-repeat;
		background-position: center;
		background-size: cover; }
		
	.about-page .banner-box .decor-image {
		background: url(/images/banners/about-banner-mob.jpg) no-repeat;
		background-position: center;
		background-size: cover; }
		
	.project-page .banner-box .decor-image {
		background: url(/images/banners/project-page-banner-mob.jpg) no-repeat;
		background-position: center;
		background-size: cover; }
		
	.abonent-page .banner-box .decor-image {
	background: url(/images/banners/abonent-banner-mob.jpg) no-repeat;
	background-position: center;
	background-size: cover; }
	
	.tarif-page .banner-box .decor-image {
		background: url(/images/banners/tarif-banner-mob.jpg) no-repeat;
		background-position: center;
		background-size: cover; }
		
	.doc-page .banner-box .decor-image {
		background: url(/images/banners/doc-banner-mob.jpg) no-repeat;
		background-position: center;
	background-size: cover; }
}