@media screen and (min-width: 1230px) {
	.items_products_flex:nth-child(n + 5){margin-top:55px;}
}
@media screen and (max-width: 1230px) {
	
	.container {
		max-width: 1000px;
	}
	#gallery {
		background: none;
	}
	.list-options {
		display: none;
	}
	.gallery {
		display: block;
		margin: 0 auto;
		width: 808px;
	}
	.service-column {
		width: 50%;
	}
	.service-column h2 {
		font-size: 32px;
	}
	.news {
		width: 50%;
	}
	.promotion {
		width: 50%;
	}
	.news-date {
		margin-bottom: 10px;
		height: 38px;
		padding-top: 15px;
	}
	.news-text {
		font-size: 16px;
	}
	.bg-news-1,
	.bg-news-2 {
		height: 146px;
	}
	.bg-news-2 {
		bottom: 58px;
	}
	.footer-socials {
		margin-left: 320px;
	}
	.footer-contacts {
		right: 0;
	}
	.portfolio-left,
	.portfolio-right  {
		display: block;
		margin: 0 auto 15px auto;
	}
	.portfolio-right {
		width: 794px;
	}
	#inner .gallery-column:first-child {
		display: block;
		font-size: 0;
		word-spacing: normal;
		width: 100%;
	}
	#inner #gallery {
		height: auto;
	}
	#inner .gallery-column:first-child .gallery-column-item {
		display: inline-block;
	}
	#inner .gallery-column:first-child .gallery-column-item:first-child {
		margin-right: 18px;
	}
	
	.left_nav {display: block; position: relative;}
	
	.mobile_btn_left {
		display: block;
		width: 60px;
		border: 1px solid #8fb192;
		border-radius: 2px;
		cursor: pointer;
		position: fixed;
		top: 90px;
		left: 0px;
		z-index: 1000;
	}
	.mobile_btn_left span {
		display: block;
		margin: 5px auto;
		width: 30px;
		height: 3px;
		background-color: #8fb192;
		border-radius: 1px;
	}
	
	.left_nav_level_1 {
		display: block;
		padding: 0 10px;
		position: fixed;
		left: -300px;
		top: 121px;
		width: 300px;
		z-index: 1000;
		background: #fff;
    	border: 2px solid #8fb192;
		
		-o-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	.left_nav_level_1 li {
		display: block;
		box-sizing: border-box;
	}
	.left_nav_level_1 li a {
		display: block;
		padding: 15px 0;
		padding-left: 20px;
		border-bottom: 1px solid rgba(143, 177, 146, 0.5);
		font-size: 18px;
		color: #8fb192;
	}
	.left_nav_level_1 li a:hover {text-decoration: underline;}
	.menu li {width: auto;}
	.menu a {padding: 0 17px;}
	
	.gallery_item {width: 313px;}
	.main_link:hover .right_top_1 {width: 1px; height: 182px;}
	.main_link:hover .right_top_2 {height: 1px; width: 263px;}
	.main_link:hover .left_bottom_1 {width: 1px; height: 182px;}
	.main_link:hover .left_bottom_2 {height: 1px;  width: 263px;}
	.mask_title {padding-top: 101px;}
}
@media screen and (max-width: 1040px) {
	.items_products_flex{width:33%;}
	.container {
		width: 100%;
		padding: 0 20px;
	}
	header {
	}
	.header-content {
		width: 100%;
	}
	.header-logo {
	}
	nav {
		width: 100%;
	}
	.menu li {
		/*width: 20%;*/
	}
	.after-services {
		display: none;
	}
	.service-column h2 {
		font-size: 27px;
		text-align: center;
	}
	.service-column h3 {
		font-size: 16px;
	}
	.news {
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}
	.news h2 {
		text-align: center;
		font-size: 27px;
	}
	.before-about {
		width: 100%;
	}
	.bg-news-1,
	.bg-news-2 {
		height: 175px;
		width: 100%;
	}
	.bg-news-2 {
		top: 260px;
	}
	.news-item {
		margin-bottom: 15px;
	}
	.promotion {
		display: block;
		width: 600px;
		margin: 0 auto 15px auto;
	}
	.about-block {
		height: auto;
	}
	.copyright,
	.footer-menu {
	  left: 20px;
	}
	.footer-contacts,
	.footer-bottom-right {
	  right: 20px;
	}
	.footer-menu {
		width: 225px;
	}
	.footer-menu li {
		font-size: 14px;
		width: 85px;
		margin-right: 20px;
	}
	.footer-socials {
		position: absolute;
		left: 230px;
		margin-left: 0;
	}
	.footer-contacts {
		font-size: 16px;
	}
	.footer-address {
		width: 240px;
		margin-right: 10px;
	}
	.menu a {padding: 0 9px; font-size: 13px;}
	.header-content-width {width: auto;}
	
	.gallery_item {width: 50%;}
	.main_link:hover .right_top_1 {/*bottom: 10px;*/ height: 216px;}
	.main_link:hover .right_top_2 {/*left: 10px;*/ width: 310px;}
	.main_link:hover .left_bottom_1 {/*top: 10px;*/ height: 216px;}
	.main_link:hover .left_bottom_2 {/*right: 10px;*/  width: 310px;}
}
@media screen and (max-width: 880px) {
	.flex_product_pages{display:block;}
	.left_products_pages{width:100%;}
	.right_products_pages{width:100%;margin-top:25px;}
	#main,
	#inner {
		/*padding-bottom: 425px;*/
	}
	header {
		height: auto;
	}
	.header-logo {
		max-width: 360px;
		max-height: 200px;
		top: -20px;
	}
	.header-socials li {
		margin-right: 10px;
	}
	nav {
		bottom: 0;
	}
	#gallery {
		height: auto;
	}
	.gallery {
		width: 100%;
	}
	.gallery-column {
		width: 49%;
		margin-right: 2%;
	}
	.gallery-column-item:first-child {
		margin-bottom: 25px;
	}
	#services {
		padding: 15px 0;
	}
	.service-column {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.service-column h2 {
		margin-bottom: 15px;
	}
	.service-column h3 {
		text-align: center;
		margin-bottom: 15px;
	}
	footer {
		height: 400px;
	}
	.footer-top {
		padding-bottom: 10px;
		height: 310px;
	}
	.footer-menu,
	.footer-socials,
	.footer-contacts {
		position: static;
		display: block;
		margin: 0 auto 15px auto;
	}
	.footer-address,
	.address,
	.footer-phones,
	.footer-menu,
	.footer-phones a {
		display: block;
		text-align: center;
		width: 100%;
		margin-bottom: 15px;
	}
	.footer-menu  li {
		display: block;
		margin-right: 0;
		width: 100%;
	}
	.footer-phones,
	.footer-phones a:last-child {
		margin-bottom: 0;
	}
	.footer-bottom {
		height: 90px;
		padding: 10px 0;
	}
	.copyright,
	.footer-bottom-right {
		position: static;
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.copyright {
		margin-bottom: 10px;
	}
	#inner .gallery-column {
		width: 49%;
	}
	#inner .gallery-column:first-child .gallery-column-item {
		width: 49%;
	}
	#inner .gallery-column:nth-child(2) {
		margin-right: 2%;
	}
	#inner .gallery-column:first-child .gallery-column-item:first-child {
		margin-right: 2%;
	}
	#inner .gallery-column-item {
		margin-bottom: 23px;
	}
	.portfolio-right {
		width: 100%;
	}
	.history-event {
		width: 80%;
	}
	
	.gallery_item {width: 50%;}
	.main_link:hover .right_top_1 {height: 245px;}
	.main_link:hover .right_top_2 {width: 340px;}
	.main_link:hover .left_bottom_1 {height: 245px;}
	.main_link:hover .left_bottom_2 {width: 340px;}
}

@media screen and (max-width: 870px) {
	.gallery_item {width: 367px; float: none; margin: auto; padding: 0; margin-bottom: 20px;}
	.main_link:hover .right_top_1 {height: 242px;}
	.main_link:hover .right_top_2 {width: 347px;}
	.main_link:hover .left_bottom_1 {height: 242px;}
	.main_link:hover .left_bottom_2 {width: 347px;}
}

@media screen and (max-width: 730px) {
	.menu li {
		font-size: 14px;
	}
	.promotion {
		width: 100%;
	}
	.portfolio-left,
	#portfolio .sub-block {
		width: 340px;
		text-align: center;
	}
	#portfolio .sub-block {
		padding: 35px 0;
	}
}
@media screen and (max-width: 660px) {
	.items_products_flex {
    width: 48%;
}.items_products_flex:nth-child(n + 3) {
    margin-top:16px;
}
	.flexProducts{    justify-content: space-between;}
	header {
		height: auto;
		padding-bottom: 5px;
	}
	header .container {
		padding: 0;
	}
	.header-socials {
		display: none;
	}
	.header-contact {
		position: static;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.header-logo {
		max-width: 240px;
		top: 0;
	}
	nav {
		height: auto;
		position: static;
	}
	.header-mobile-menu {
		display: block;
	}
	.menu {
		position: static;
		display: none;
		height: auto;
		width: 100%;
		background: #fff;
		padding: 10px 0;  
	}
	.menu li {
	  margin-bottom: 5px;
	  width: 100%;
	  display: block;
	}
	.menu li:last-child {
	  margin-bottom: 0;
	}
	.menu li a {
	  font-size: 16px;
	  color: #000 !important;
	  display: block;
	  width: 100%;
	  height: 30px;
	  line-height: 30px;
	  padding-left: 5px;
	}
	.menu li a:hover {
	  color: #fff;
	  background: #8fb192;
	}
	.gallery-column-item:first-child {
		margin-bottom: 20px;
	}
	.bg-news-1,
	.bg-news-2,
	.before-about {
		display: none;
	}
}
@media screen and (max-width: 544px) {
	.service-column h2 {
		font-size: 24px;
		height: auto;
	}
	.list li {
		font-size: 16px;
	}
	.news {
		padding-top: 10px;
	}
	.news-text a:hover {
		color: #000;
	}
	.news-img {
		display: block;
		margin: 0 auto 10px auto;
		width: 283px;
	}
	.news-content {
		padding: 0;
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.promotion-content {
		float: none;
		width: 100%;
	}
	#inner .gallery {
		width: 300px;
		margin: 0 auto;
	}
	#inner .gallery .gallery-column {
		width: 100%;
		margin-bottom: 10px;
	}
	#inner .gallery .gallery-column  .gallery-column-item {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.portfolio-left {
		width: 300px;
	}
	.portfolio-name {
		font-size: 27px;
		height: 60px;
		line-height: 60px;
	}
	#portfolio .sub-block {
		width: 300px;
		padding: 15px 0;
	}
	#portfolio .sub-img {
		max-width: 40px;
		margin: 0 auto;
		display: block;
	}
	#portfolio .sub-up {
		margin-bottom: 10px;
	}
	#portfolio .sub-down input[type="email"],
	#portfolio .sub-down input[type="submit"] {
		height: 30px;
		line-height: 30px;
		display: block;
		margin: 0 auto 10px auto;
	}
	.history:before {
		display: none;
	}
	.history-year,
	.history-event {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	.portfolio-video {
		width: 100%;
	}
}
@media screen and (max-width: 420px) {
	.container {
		padding: 0 10px;
	}
	#gallery {
		margin-top: 15px;
	}
	.gallery-column:first-child {
		display: none;
	}
	.gallery-column {
		width: 100%;
	}
	.service-column .list,
	.service-column.second .list {
		padding-left: 30px;
	}
	.service-column.second {
		padding-left: 0;
	}
	.service-column.second .before-li,
	.service-column  .before-li {
		left: -30px;
	}
	.sub-block {
		width: 100%;
		background-size: cover;
		text-align: center;
		padding: 35px 0;
	}
	.sub-img {
		margin-right: 15px;
	}
	.gallery_item {width: 100%; padding: 0 15px;}
	.main_link:hover .right_top_1 {height: 0px;}
	.main_link:hover .right_top_2 {width: 0px;}
	.main_link:hover .left_bottom_1 {height: 0px;}
	.main_link:hover .left_bottom_2 {width: 0px;}
	.mask_title {opacity: 1;}
}
@media screen and (max-width: 335px) {
	.header-logo,
	.header-mobile-menu {
		width: 200px;
	}
	.header-contact {
		width: 200px;
		background-size: contain;
	}
	.service-column h2 {
		font-size: 21px;
	}
	.service-column h3 {
		font-size: 14px;
	}
	.list .before-li {
		font-size: 16px;
	}
	.list li {
		font-size: 14px;
	}
	.news-img {
		width: 100%;
	}
	.news-date {
		background: none;
		height: auto;
	}
	.news-text {
		font-size: 14px;
	}
	.promotion h2 {
		font-size: 24px;
	}
	.promotion h3 {
		font-size: 21px;
	}
	a.more-info {
		width: 180px;
	}
	.sub-block {
		padding: 15px 0;
	}
	.sub-up {
		margin-bottom: 5px;
	}
	.sub-img {
		max-width: 40px;
		margin-left: 0;
		margin-top: 0;
	}
	.sub-down input[type="email"],
	.sub-down input[type="submit"] {
		height: 30px;
		line-height: 30px;
		display: block;
		margin: 0 auto 10px auto;
	}
	#inner .gallery,
	.portfolio-left,
	#portfolio .sub-block {
		width: 100%;
	}
	.history-year {
		font-size: 16px;
	}
	.history-event {
		font-size: 14px;
	}
}