@media only screen and (max-width:767px) {
.action-modal-call{display:none;}
header{min-width:100%;position:fixed;z-index:1000;}
header.slideMenu{position:fixed;z-index:1000;}
.wrapper{width:100% !important;padding:10px;min-width: 100% !important;}
section.right{width:100%;float:none;}
aside{display:none;}
.work-gallery-slider{display:none;}
.video-review-main{display:none;}
.head-slider .icons{display:none;}
.header{min-width:100%;height: auto;padding-bottom: 30px;padding-top: 30px;}
.header h1{margin:0;font-size: 30px;}
.four-blocks {
	min-width: auto;
	overflow: visible;
	height: auto;
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
}
.four-blocks:after {
	display:table;
	content:"";
	clear:both;
}
.fb-item-holder,
.fb-item-holder:last-child {
	float:none;
	margin: 10px auto;
	width:290px;
	border: 2px solid #248912;
}
.four-blocks .fb-item {
	width: 100%;
	float: none;
	border: none;
}
/* Menu */
.top-menu{display: none;}
.mobile-menu {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	padding: 45px 10px 10px 10px;
	width: 100%;
	z-index: 100;
}
.mobile-menu .has-sub-menu span:after {
	content: " ";
	display: block;
	width: 20px;
	height: 12px;
	background: url(../img/arrow-top-down.png) no-repeat left top;
    background-size: cover;
	float: right;
	margin-top: 6px;
}
.close-mobile-menu,
.close-mobile-sub-menu {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	background: url(../img/close-mob-menu.png) no-repeat;
	background-size: cover;
	cursor: pointer;
}
.mobile-menu li {
	list-style: none;
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
}
.mobile-menu li:first-child {
	border-top: 1px solid #ccc;
}
.mobile-menu li a,
.mobile-menu li span{
	display: block;
	width:100%;
	text-decoration:none;
	cursor: pointer;
	color: #279C12;
}
.sub-top-menu{
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99999;
	background: #fff;
	width: 100%;
	padding: 50px 15px 15px 15px;
}
.menu-btn {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	left: 10px;
	top: 20%;
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	outline: none;
	background: url(../img/menu-ico.png) no-repeat;
}
.phone-top{
	display: none;
	position: absolute;
	width:100%;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	top: 70px;
	right: 0px;
	padding: 15px;
	margin: 0;
	z-index: 100;
}
.phone-btn {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	cursor: pointer;
	width: 26px;
	height: 26px;
	padding: 0;
	border: none;
	outline: none;
	background: #fff url(../img/phone-ico.png) no-repeat;
	background-size: cover;
}
.head-slider {
	min-width: 100%;
	height: auto;
	min-height: 150px;
	overflow:hidden;
}
.head-slider img {
	width: 960px;
	height: 350px;
}
.head-slider .hs-caption {
	width: 330px;
	padding-top: 25px;
}
.head-slider h1 {
	margin-bottom: 25px;
}
.content {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}
.content-block {
	overflow: visible;
}
.garantee-block-new img {
	width: 100% !important;
}
.button.big-button {
	width: 100%;
	font-size: 12px;
}
	h2 {
	font-size: 22px !important;
}
	h2.with-bg{
	width: 100%;
	margin: 0 0 10px 0 !important;
}
.main-zabors .img-handler {
	width: 100%;
	float: none;
	height: auto;
	margin-bottom: 10px;
}
.main-zabors .img-handler img {
	width: 100%;
	float:none;
}
.main-zabors .text-handler {
	margin: 10px 0 0 0;
	width: 100%;
}
.main-zabors .call-price {
	padding: 10px;
	box-sizing: border-box;
	font-size: 17px;
}
.sklad-map {
	width: 100% !important;
}
	ul.narrow-block li {
	width: 100%;
	margin: 0 0 20px 0;
	box-sizing: border-box;
}
.city-links-handler {
	min-width: 100%;
}
.city-links	{
	width: 100%;
	padding: 20px 0;
	text-align: left;
}
.city-title {
	padding: 0 30px 0 0;
	cursor: pointer;
}
.city-title:after {
	content: "+";
	display: block;
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-size:30px;
	background: #f5f5f5;
	padding: 2px;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	text-align: center;
}
.city-title.show-ul:after {
	content: "—";
	font-size: 19px;
	text-align: center;
}
.city-links	ul {
	width: 50%;
	display: none;
	margin: 0;
	padding: 0 0 0 35px;
}
.footer-menu-handler {
	display: none;
	min-width: 100%;
}
.mobile-footer-menu{
	display: block;
}
ul.left-menu a {
	background: none;
}
ul.left-menu a.parent {
	position: relative;
}
ul.left-menu a.parent:after {
	content: "+";
	font-size: 23px;
	line-height: 23px;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 22px;
	text-align: center;
	position: absolute;
	right: 1px;
	top: 9px;
	background: #248912;
	color: #fff;
}
ul.left-menu a.parent.show-ul:after {
	content: "—";
	font-size: 15px;
}
.mobileMenuSub {
	display:none;
}
.price-item, .price-item img,
.service-item, .service-item img, .service-item a.link {
	width:100%;
}
.service-item:nth-child(3n-1) {
	margin: 0 0 20px 0;
}
.img-txt-block {
	text-align:center;
}
	table.paint-me td:first-child {
	display:none;
}
.sc-title {
	padding-right: 30px;
}
.sc-title .sc-icon {
	right: 0px;
}
#bx-pager {
	display: none;
}
.other-item, .other-item:last-child {
	height: 230px;
	margin: 0 auto;
	float: none;
}
.press-item .date {
	margin-bottom: 25px;
}
.photo-day-gallery {
	display: none;
}
.work-item img {
	width: 100%;
	float: none;
	margin-bottom: 1px;
}
.contacts-item {
	width: 100%;
	height: auto;
}
.contacts-item .c-left,
.contacts-item .c-right {
	float: none;
	width: 100%;
	text-align: left;
}
.c-right div, .c-left div {
	width: 48%;
	margin: 0;
}
.c-right .ttl {
	width: 100%;
	font-size: 14px;
}
.footer-info {
	width: 100%;
}
.footer-info .offices {
	width: 100%;
	margin: 0;
}
.footer-info .copy {
	width: 100%;
	margin: 15px 0;
	text-align: center;
}
.social-groups {
	position: relative;
	left: 0;
	margin: 0 auto;
}
.sky {
	position: relative;
	margin: 15px auto;
}
#callback {
	width: 45px;
	height: 95px;
}
.callback {
	width: 45px;
	height: 45px;
	background-size: 60%;
	background-position: 9px 9px;
}
#callback .callcalc {
	width: 45px;
	height: 45px;
	background-size: 60%;
	background-position: 9px 9px;
}
.mobile-none {
	display: none;
}
.small-header {
	width: 100%;
	min-width: 100%;
	padding: 10px 0;
	height: auto;
}
	p img {
	width: 100%;
}
.add-review input[type="submit"] {
	margin-left: 48px;
}
.price-item .likeh4.call-modal {
	background-position: 20px center;
}
	
/* Старый вариант страниц*/

.big-img img {
	width:100%;
}
.image-carousel .small-img img {
	width: 40px;
	height: 40px;
}
#inner-slider, #inner-slider-2, #inner-slider-3 {
	width: 100%;
	height: auto;
}
#inner-slider .slides_container, #inner-slider-2 .slides_container {
	height: auto;
}
.inner-slide img, .inner-slide-2 img {
	float: none !important;
	margin: 0 auto;
}
.inner-caption, .inner-caption-2 {
	width: 320px;
	height: auto;
	margin: 20px 0 0 0;
}
.inner-caption ul, .inner-caption-2 ul {
	margin: 5px 0 5px 15px;
}
	ul.advant {
	width: auto;
	margin: 5px 0 0 10px;
}
	table.zaborPrice td {
	width: 25%;
}
	table.zaborPrice img {
	border: none;
	width: 100%;
}
.service-announce {
	width: auto;
	margin: 0;
}
.arcticmodal-container_i2 {
	padding: 0px !important;
}
.roistat-lh-popup {
	background-image: none !important;
	padding-left: 0px !important;
	width: 100%;
}
.roistat-lh-agreement {
	left: 0;
}
.roistat-lh-text {
	line-height: 22px;
}
.roistat-lh-title {
	line-height: 26px !important;
}
#callback{display:block;z-index:1000;}
#callback-big{display:none;}

.show-all-zabors{margin-bottom:50px;}
.steps-main ul{width:100%;}
.steps-main ul::before{left:34px;}
.steps-main ul li{box-sizing:border-box;padding-right:0px;width:100%;}
.step-1,.step-3,.step-5, .step-2,.step-4,.step-6{text-align:left;padding-left:90px;margin-left:0px;}
.step-1 .likeh4:after,
.step-3 .likeh4:after,
.step-5 .likeh4:after{content:" ";display:block;width:40px;height:3px;position:absolute;left: -38px;bottom: -13px;border-bottom: 3px solid #d4dcbc;transform: rotate(-30deg);}
.step-1 .num, .step-3 .num, .step-5 .num{left:0px;}

}