@media screen and  (max-width:1280px){
	.wp {width: 960px;}
	.top-item, .top-tel {margin-right: 30px;}
	.menu-item {margin: 0 10px;}
	.menusub-item {min-width: 210px;}
	.menusub-sub {width: 470px; left: 250px;}
	.menusub-item.sub .menusub-sub.column-sub ul ul li a {font-size: 14px; line-height: 20px;}
	.calclink {padding: 0 15px; font-size: 14px;}
	.wrapper-all h1, .h1 {font-size: 45px; line-height: 55px;}
	.wrapper-all h2, .h2 {font-size: 36px; line-height: 40px;}
	.wrapper-all h3, .h3 {font-size: 25px;}
	.wrapper-all h4, .h4 {font-size: 21px;}
	.wrapper-all h5, .h5 {font-size: 20px;}
	.services-name, .article-title a {font-size: 18px;}
	.snippet, .red-text-info {font-size: 18px;}
	.about-plus-item span {font-size: 21px; line-height: 25px;}
	.about-plus-item span strong {font-size: 50px; line-height: 50px;}
	.about-plus-item p {font-size: 18px;}
	.form-text {font-size: 14px;}
	.team-name {font-size: 21px;}
	.team-post {font-size: 18px;}
	.fon-block-info {padding: 40px 0;}
	.fon-block-info {width: 420px;}
	.form-item span {margin: 0 0 10px; padding: 0 20px; font-size: 16px; line-height: 20px;}
	.form-item input {padding: 0 20px;}
	.contacts-list a {font-size: 18px;}
	.footer-menu {width: 560px;}
	.offer {max-width: 580px;}
	.design-projects-item {width: 310px;}
	.design-projects-title a {font-size: 18px;}
	.design-plus {font-size: 16px;}
	.tabs-item {font-size: 16px;}
	.quote-text {font-size: 36px; line-height: 46px;}
	.quote-name {font-size: 21px;}
	.big-text {font-size: 25px; line-height: 30px;}
	.big-text big {font-size: 36px; line-height: 46px;}
	.projects-price-item {padding: 30px 20px;}
	.projects-price-text {font-size: 14px;}
	.filter-type a {padding: 0 20px;}
	.filter-label label {font-size: 16px;}
	.portfolio-item {width: 540px;}
	.portfolio-item:nth-child(3n+1) {width: 400px;}
	.portfolio-img {height: 360px;}
	.portfolio-wp {left: 20px; bottom: 20px; padding-right: 20px;}
	.col-left {margin-right: 20px;}
	.col-right {margin-left: 20px;}
	.article-text {font-size: 14px;}
	.blog-video-title {font-size: 18px;}
	.blog-video-date {font-size: 14px;}
	.blog-left {width: 700px; padding: 30px 20px;}
	.blog-right {width: 240px;}
	.blog-right-item {padding: 30px 20px;}
	.blog-right-list-text {font-size: 14px; line-height: 20px;}
	.rating span {font-size: 16px;}
	.price-menu {width: 220px; padding: 0 20px 0 0;}
	.price-menu-item {font-size: 18px;}
	.price-info {width: 700px;}
	.st-domov-plus {margin: 0 -20px 0 0;}
	.st-domov-item {width: 305px; padding: 30px 20px; margin: 0 20px 20px 0;}
	.st-steps-name {font-size: 21px;}
	.st-steps-name {width: 460px; padding: 15px 0;}
	.red-block-info, .red-block-fon-info {width: 520px;}
	.red-block-img {width: 400px; margin-left: 80px;}
	.content-carousel .owl-prev {margin-left: -560px;}
	.content-carousel .owl-next  {margin-right: -560px;}
	.slider-fon {width: 1400px;}
	.remont-row {width: 560px;}
	.remont-title h2 {width: 540px;}
	.remont-list-img {width: calc(50% - 100px); margin-right: 100px;}
	.popup-wp {width: 960px;}
	h1 font {display: block;}
}
@media screen and  (max-width:1180px){
	.content-carousel .owl-prev, .content-carousel .owl-next {top: auto; bottom: 20px; margin-top: 0;}
	.content-carousel .owl-prev {margin-left: 360px;}
	.content-carousel .owl-next {margin-right: -480px;}
}
@media screen and  (max-width:1000px){
	.wp {width: 90%;}
	.block {padding: 40px 0;}
	
	.top, .header {display: none;}
	.top-tel {display:block;margin-right:30px;float:right;}
	.header-mob {display: block;}
	
	.main {padding: 200px 0 100px 0;}
	.main-text {width: auto; margin-right: 40px;}
	.col {width: 100%; float: none;}
	.col-left {margin-right: 0;}
	.col-right {margin-left: 0;}
	.footer-row {padding: 30px 0;}
	.footer-flex {display: block;}
	.contacts {width: auto;}
	.contacts .callback {height: 40px; line-height: 36px;}
	.half-fon:before {width: 100%; right: auto; margin-right: 0; left: 0;}
	.footer-menu {display: none;}
	.footer-info {display: none;}
	.footer-link {margin-left: 0;}
	.offer {max-width: 100%; padding: 0; background: none;}
	.copyright {margin-top: 20px; margin-left: 0; text-align: left;}
	.copyright span {display: inline;}
	
	.button-red {height: 40px; padding: 0 20px; color: #fff; font-size: 14px; line-height: 36px;}
	.services-item {width: 50%;}
	
	.fon-block:before {width: 100%; height: 100%; top: 0;}
	.fon-block-img {width: 100%; left: 0; margin-left: 0; opacity: 0.2; filter: alpha(opacity=20);}
	.fon-block-info {width: auto; z-index: 1;}
	
	.plus-block .wp {width: 100%;}
	.plus-block .plus-list, .plus-block .title {width: 90%; margin-left: auto; margin-right: auto;}
	.plus-block .form-wp {padding: 40px 5%;}
	.plus-block .form-wp:after {display: none;}
	.plus-block .form-wp .title {width: 100%;} 
	
	.call-action {padding: 100px 0;}
	.call-action-info {width: 90%; padding: 40px 40px 40px 0;}
	.call-action:before {height: calc(100% - 200px); top: 100px; right: auto; left: 0;}
	.article-carousel .carousel {height: 580px;}
	.article-img {height: 320px;}
	
	.red-text {width: 90%; padding: 0; background: #B6102C; z-index: 2;}
	.red-text:before {display: none;}
	.red-text-info {max-width: 100%; padding: 30px 0;}
	
	.red-block {min-height: 0; padding: 0;}
	.red-block-info, .red-block-fon-info {width: 100%;}
	.red-block-img {width: 400px; /*height: 500px;*/ margin: 0 auto; position: relative; top: auto; left: auto;}
	.red-block-fon {margin: 40px 0 0 0; font-size: 16px;}
	.red-block-text {font-size: 16px;}
	.video-img:after {width: 40px; height: 40px; margin: -20px 0 0 -20px; background-size: 100%;}
	.video-slider .flex-prev, .video-slider .flex-next {width: 20px; height: 20px; margin: -10px 0 0 0; background-size: 100% !important;}
	.video-slider .flex-control-nav {top: 20px;}
	.stage-item {width: 50%;}
	.remont-block {padding: 0;}
	.remont-list, .remont-list .wp, .remont-list-item {position: relative;}
	.remont-row {width: auto; float: none; padding: 0;}
	.remont-title h2 {width: 100%;}
	.remont-list-img {width:100%; height: auto; margin-right: 0;  position: relative; top: auto; right: auto;}
	.remont-list-img img {height: auto;}
	.remont-name {padding: 10px 40px 10px 0; background-size: 20px auto;}
	.remont-list-item.act .remont-list-img {display: none;}
	.remont-name-mob {display: block;}
	.faq-topic {padding: 0 40px 0 0;}
	.black .faq-topic, .black .faq-topic.act, .white .faq-topic, .white .faq-topic.act {background-size: 20px auto;}
	.owl-prev-hover, .owl-next-hover {display: none;}
	
	.design-projects-list {display: block;}
	.design-projects-item {width: 100%; padding-bottom: 0; margin-top: 40px;}
	.design-projects-text {display: block;}
	.design-projects-item .photo-slider {height: auto; padding: 0;}
	.design-projects-item .photo-slider img {height: auto !important;}
	.design-projects-item:hover .photo-slider {height: auto;}
	.design-projects-item:before {display: none;}
	
	.popup-wp {width: 90%; padding: 40px 0;}
	.popup-close {width: 40px; height: 40px; background-size: 15px auto;}
	
	.design-plus-img {
		width: 100%;
		height: 100%;
		left: 0;
		margin-left: 0;
		opacity: 0.2;
		filter: alpha(opacity=20);
	}
	.quote-text {font-size: 30px; line-height: 40px;}
	.projects-price-name {font-size: 18px;}
	.projects-price-price {font-size: 21px; line-height: 130%;}
	
	.inner-template .wrapper {padding: 60px 0 0 0;}
	.filter-type a {
		padding: 0 15px;
		font-size: 14px;
		height: 40px;
		line-height: 36px;
	}
	.filter-label label {
		font-size: 14px;
		margin: 0 20px 10px 0;
	}
	.portfolio-box {display: block;}
	.portfolio-item, .portfolio-item:nth-child(3n+1) {width: 100%;}
	.portfolio-img {
		height: 300px;
	}
	.portfolio-info {
		height: auto;
		position: relative;
		top: auto;
		left: auto;
		display: block;
		background: #363636;
	}
	.portfolio-wp {
		position: relative;
		left: auto;
		bottom: auto;
		padding: 20px;
	}
	.portfolio-title a {font-size: 21px;}
	.portfolio-text {font-size: 16px;}
	
	.portfolio-project {display: block;}
	.portfolio-project-about {width: auto; margin: 0 0 20px 0; padding: 20px 3%;}
	.portfolio-project-video {width: 100%;}
	.portfolio-project, .portfolio-project-block img {margin: 0 0 20px 0;}
	.col-40, .col-60 {width: 100%; float: none;}
	.bread-crumbs {padding: 10px 0;}
	.bx-breadcrumb-item {font-size: 13px;}
	.bx-breadcrumb-item a {padding: 0 15px 0 0; background-size: 5px auto !important;}
	
	.blog-box {display: block;}
	.blog-video-box {width: 100%; margin: 0 0 40px 0;}
	.blog-article {width: 100%;}
	.blog-video {margin: 0; height: 400px;}
	
	.blog-left {width: auto; float: none;}
	.blog-right {width: auto; float: none; margin: 20px 0 0 0;}
	.article-data {padding: 20px 0; font-size: 14px;}
	.article-date, .article-name {float: none; margin: 0 0 5px 0;}
	.article-views {float: none;}
	.price-menu {
		width: 100%;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		float: none;
		border-right: none;
	}
	.price-menu-item {
		font-size: 16px;
		margin: 0 20px 10px 0;
	}
	.price-info {
		width: 100%;
		margin: 10px 0 0 0;
		padding: 20px 0 0 0;
		border-top: 3px solid #B5B5B5;
	}
	.price-table table td {
		padding: 10px 0;
	}
	.price-table table td:first-child {
		padding-right: 20px;
	}
	.button {height: 40px; padding: 0 12px; font-size: 14px; line-height: 36px;}
	.fix-bread {top: 50px;}
	
	.ready-project-item .ready-project-col-left, .ready-project-item  .ready-project-col-right {
		width: 100% !important;
		float: none !important;
	}
	.ready-project-item  .ready-project-col-right {
		margin: 20px 0 0 0;
	}
	.ready-project-info {
		padding: 250px 0 40px 0;
		background-size: auto 280px;
	}
	.ready-project-main {
		max-width: 100%;
		font-size: 16px;
	}
	.ready-project-main p {
		margin: 0 0 20px 0;
	}
	.content-carousel .owl-prev, .content-carousel .owl-next {bottom: 50%; margin-top: 20px;} 
	.content-carousel .owl-next {margin-right: 0; right: 5%;}
	.content-carousel .owl-prev {margin-left: 0; left: 5%;}
	
	.st-domov-plus {margin: 0 -3% 0 0;}
	.st-domov-item {width: 47%; padding: 30px 3%; margin: 0 3% 20px 0;}
	
	.st-steps {padding: 0;}
	.st-steps .wp {position: relative;}
	.st-steps-name {
		width: auto; 
		padding: 10px 40px 10px 0;
		background: url(../images/i-down-b.svg) no-repeat right center;
		background-size: 20px auto;
	}
	.st-steps-info {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		left: auto; 
		margin: 0 0 20px 0;
	}
	.st-steps-item.act .st-steps-info {display: none;}
	.st-steps-mob {display: block;}
	.st-steps-item:hover {background: none;}
	.st-steps-item:hover .st-steps-name {color: #181818;}
	.st-steps-name {font-size: 18px;}	
	
	.contacts-template .main-fon:before {
		width: 85%;
	}
	.map {
		height: 400px;
	}
	.about-plus {padding: 40px 0;}
	.about-plus-item span strong {
		font-size: 30px;
		line-height: 30px;
	}
	.about-plus-item span {
		font-size: 18px;
		line-height: 20px;
	}
	.about-plus-item p {
		font-size: 14px;
	}
	.slider-fon {
		width: 80%;
	}
	.sl-container .dr-circle {
		width: 30px;
		height: 70px;
		top: calc(50% - 35px);
		left: -15px;
		background-size: 100% auto;
	}
	.red-text-info {
		font-size: 16px;
	}
	.calc-form .item-title {font-size: 21px;}
	.calc-form .item:before {font-size: 40px; line-height: 40px;}
	.radio-select label {margin: 0 20px 10px 0; font-size: 14px;}
}
@media screen and  (max-width: 700px){
	html, body {font-size: 14px; line-height: 21px;}
	.wp {width: 94%;}
	.popup-wp {width: 94%;}
	.header-mob .logo {width: 120px; }
	.header-mob .callback {font-size: 14px;}
	.top {line-height:normal;height:auto;}
	.top-tel{margin-right:0;font-size:14px;}
	.top-tel:hover {color: #B6102C;}
	.header-mob {line-height:normal;}
	.block-tel-callback {display:flex;flex-direction:column;align-items:center;float:right;line-height:35px;}
	.wrapper-all h1, .h1 {font-size: 24px; line-height: 30px;}
	.wrapper-all h2, .h2 {font-size: 24px; line-height: 30px;}
	.wrapper-all h3, .h3 {font-size: 21px;}
	.wrapper-all h4, .h4 {font-size: 18px;}
	.wrapper-all h5, .h5 {font-size: 16px;}
	.title, .content-title {margin: 0 0 20px 0;}
	.main {padding: 150px 0 60px 0; min-height: 100%; box-sizing: border-box;}
	.main-text {margin-right: 20px;}
	/*.social a {width: 20px; height: 20px; background-size: 100% auto !important;}*/
	.snippet, .red-text-info {font-size: 16px;}
	.red-block-img {width: 280px; height: 400px;}
	.stage-img {padding: 0 0 15px 0;}
	.stage-text {padding: 10px 0 0 0;}
	.owl-prev, .owl-next {width: 40px; height: 40px; background-size: 100% auto !important;}
	.carousel .owl-prev {margin-right: 5px;}
	.carousel .owl-next {margin-left: 5px;}
	.all {font-size: 14px; line-height: 40px; left: 0;}
	.full-carousel {padding: 0 40px;}
	.article-img {height: 280px;}
	.article-info {padding: 20px 5%;}
	.services-name, .article-title a {font-size: 16px;}
	.animated-more a span {font-size: 14px;}
	.faq-item:before {font-size: 32px; line-height: 40px;}
	.article-carousel .carousel {height: 520px;}
	.owl-item.active .article-item {
		margin-top: -20px;
		transition: 1s; 
		padding-bottom: 40px;
	}
	.owl-item.active .article-item .article-info {
		margin-top: -20%;
		transition: 1s; 
	}
	
	.team-photo {height: 360px;}
	.team-photo img {width: auto !important; height: 360px; /* margin-left: -85px; */}
	.team-item:hover .team-photo img, 
	.team-carousel .owl-item.active .team-item .team-photo img {
			width: auto !important; 
			height: 420px; 
			/* margin-left: -100px; */
	}
	.owl-item.active .team-item .team-photo:before {
	 height: calc(100% + 40px);
	 top: -20px;
	 transition: 1s; 
	}
	.owl-item.active .team-item .team-photo:after {
		 height: calc(50% + 20px);
		 bottom: -20px;
		 transition: 1s; 
	}
	
	.carousel .owl-nav {margin: 20px 0 0 0;}
	
	.carousel .owl-nav {right: -40px;}
	.team-carousel, 
	.reviews-carousel,
	.photo-carousel	{
		position: relative;
		padding: 0 40px;
	}
	.team-carousel .owl-carousel .owl-stage-outer, 
	.reviews-carousel .owl-carousel .owl-stage-outer,
	.photo-carousel	 .owl-carousel .owl-stage-outer {
		overflow: visible !important;
	}	
	.team-carousel .owl-item,
	.reviews-carousel .owl-item,
	.photo-carousel .owl-item {
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	.team-carousel .owl-item.active,
	.reviews-carousel .owl-item.active,
	.photo-carousel .owl-item.active {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.form-item, .form-select {margin: 0 0 20px 0;}
	.select {height: 40px; font-size: 14px; line-height: 40px; padding: 0 40px 0 20px;}
	.select:after {height: 40px; right: 20px; background-size: 20px auto;}
	.select-list-item {padding: 5px 20px; font-size: 14px;}
	.form-item span {font-size: 14px; margin: 0 0 5px 0;}
	.form-item input {height: 40px; font-size: 14px;}
	.submit-item input {width: 100%; height: 40px; font-size: 14px; line-height: 36px;}
	.form-text {margin: 20px 0 0 0; font-size: 12px; line-height: 18px;}
	.form-text p {margin: 0;}
	
	.plus-icon {width: 40px;}
	.plus-info {margin: 0 0 0 60px; font-size: 14px; line-height: 21px;}
	.plus-icon img {width: 100%; height: auto; display: block;}
	
	.contacts-info {
		margin: 0 0 20px 0;
		font-size: 14px;
		line-height: 21px;
	}
	.contacts-list {
		margin: 0 0 10px 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.contacts-list a {
		font-size: 16px;
		background-size: 20px auto !important;
		padding: 0 0 0 30px;
		margin: 0 0 10px 0;
	}
	
	
	
	.services {display: block; margin: 0 -20px;}
	.services-item-wp {padding: 20px;}
	.services-item {
		width: 100%;
	}
	.services-item-wp:before {font-size: 40px; line-height: 40px;}
	.services-price {font-size: 20px; line-height: 25px;}
	.services-text {
		padding: 15px 0 0 0;
		margin: 0 0 15px 0;
	}
	.services-sale-text {
		width: 240px;
		right: 3%;
		font-size: 12px;
	}
	.services-sale-text:after {
		margin: 0 -10px 0 0;
		border: 10px solid transparent;
		border-top: 10px solid #363636;
	}
	
	.plus-carousel-img {padding: 0 0 15px 0;}
	.plus-carousel-text {padding: 10px 0 0 0;}
	
	.faq-topic {font-size: 16px;}
	.design-projects-info {padding: 20px 3%;}
	.big-text {
		font-size: 18px;
		line-height: 130%;
	}
	.big-text big {font-size: 24px; line-height: 30px;}
	.marg-bottom {
		margin-bottom: 20px;
	}
	.marg-top {
		margin-top: 20px;
	}
	#top-link {right: 10px; bottom: 10px;}
	#top-link a {width: 40px; height: 40px; background-size: 20px auto;}
	.design-plus {font-size: 14px;}
	.design-plus-block {width: 100%;}
	.design-plus-item {display: block; overflow: hidden; margin: 0 -3%; padding: 15px 3%;}
	.design-plus-icon {width: 40px; float: left;}
	.design-plus-text {width: auto; margin: 0 0 0 60px;}
	.quote-text {font-size: 24px; line-height: 30px;}
	.quote-name {margin: 10px 0 0 0; font-size: 18px;}
	
	.tabs-info {display: block;}
	.tabs-info-img {width: 100%; margin: 0 0 20px 0;}
	.tabs-info-text {width: 100%;}
	.tabs-item {padding: 10px 0; font-size: 13px;}
	.tabs-main .tabs-title .tabs-item {margin-right: 20px;}
	.tabs-level .tabs-title .tabs-item {margin-right: 10px; font-size: 11px;}
	.tabs-level .tabs-title {margin: 0 0 20px 0;}
	
	.projects-price {display: block;}
	.projects-price-item {width: 100%; margin: 0 0 20px 0; padding: 20px 3%;}
	.projects-price-item:last-child {margin: 0;}
	
	.call-project  {display: block;}
	.call-project-info {width: 100%;}
	.call-project-img {width: 100%; max-width: 300px; margin: 40px auto 0 auto;}
	.portfolio-title a {font-size: 18px;}
	.portfolio-text {font-size: 14px;}
	.portfolio-img {height: 260px;}
	.reviews-block:first-child {
		padding-top: 40px;
	}
	.reviews-block {
		padding-bottom: 40px;
	}
	.reviews-list {
		display: block;
		margin-right: 0;
	}
	.reviews-list .reviews-item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.blog-video {height: 300px;}
	.blog-content {padding: 40px 0;}
	
	.follow-us-link {
		width: 50px;
		height: 50px;
		margin: 0 20px 0 0;
	}
	
	.main-text .button-white {margin-top: 20px;}
	.content-carousel .owl-next {right: 5%;}
	.content-carousel .owl-prev {left: 5%;}
	
	.st-domov-plus {margin: 0; display: block;}
	.st-domov-item {width: auto; padding: 20px 3%; margin: 0 0 20px 0;}
	.st-steps-name {font-size: 16px;}	
	.about-plus {max-width: 280px;}
	.slider-fon {
		width: 60%;
	}
	.calc-form .item-title {font-size: 18px;}
	.calc-form .item:before {font-size: 30px; line-height: 30px;}
	.calc-form .item {margin-top: 20px;}
	.calc-form .field input {height: 40px; padding: 0 20px; font-size: 14px;}
	.block.white.inwork {
		padding-top:20px;
	}
}
@media screen and  (max-width: 350px){
	.menu-icon {margin-left: 10px;}
}