@media only screen and (max-width: 1170px){
	#header ul.contacts li:nth-child(2) {display: none;}
	.mb-burger{
	    display: block;
	    width: 50px;
	    height: 50px;
	    position: fixed;
	    right: 7px;
	    top: 0;
	    z-index: 20;
	}
	.mb-burger span{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    background-color: #91c700;
	    height: 2px;
	    width: 24px;
	    margin: -1px 0 0 -12px;
	    transition: background-color .3s ease;
	}
	.mb-open-nav .mb-burger span{
	    background-color: transparent;
	}
	.mb-burger span:before,
	.mb-burger span:after{
	    content: '';
	    background-color: #91c700;
	    height: 2px;
	    width: 24px;
	    left: 0;
	    top: -8px;
	    position: absolute;
	    transition: transform .3s ease, background .3s ease;
	}
	.mb-burger span:after{
	    top: 8px;
	}
	.mb-open-nav .mb-burger span:before{
	    transform: rotate(45deg);
	    top: 0;
	    background-color: #fff;
	}
	.mb-open-nav .mb-burger span:after{
	    transform: rotate(-45deg);
	    background-color: #fff;
	    top: 0;
	}
	#navigation{
	    position: fixed;
	    right: 0;
	    bottom: auto;
	    left: auto;
	    width: 100%;
	    height: 100%;
	    background-color: #91c700;
	    z-index: 1;
	    padding: 50px 20px 20px;
	    display: flex;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    overflow-y: auto;
	    top: 0;
	    transform: translate3d(100%, 0, 0);
	    transition: transform .3s ease;
	}
	.mb-open-nav #navigation{
	    transform: translate3d(0, 0, 0);
	}
	.sab-nav {
		float: none;
		height: auto;
	}
	.sab-nav li a {
		color: #fff;
	}
	.sab-nav li:hover a,
	.sab-nav li a:hover {
		color: #fff;
	}
	.sab-nav li {
		float: none;
		display: block;
		margin:0;
	}
	.sab-nav li .drop{
        position: relative;
        margin: 0 0 0;
        width: 100%;
        left: auto;
        top: auto;
        pointer-events: auto;
        padding: 0 0 10px;
        display: none;
        min-height: 0;
    }
    .sab-nav li:hover .drop {display: none;}
    .favorite {
    	display: none;
    }
    .sab-nav li .drop img {
    	display: none;
    }
    .sab-nav li .drop .count {
    	display: none;
    }
    .sab-nav li .drop:after {
    	display: none;
    }
    .nav {
    	float: none;
    	background: none;
    	height: auto;
    }
    .nav li a {
    	color: #fff;
    }
    .nav li a:hover {
    	color: #fff;
    }
    .nav li {
    	float: none;
    	display: block;
    	margin: 0;
    }
    .nav:after {
    	display: none;
    }
    .building .houses {
    	width: 50%;
    }
    .building .bathhouses {
    	width: 50%;
    }
    .building:before {
    	left: 50%;
    }
    #header {
    	height: 100px;
    }
    .calc-form .form-col {
    	width: 50%;
    	margin: 0 0 20px;
    	padding: 0 5% 0 0;
    }
    .calc-form .input {
    	width: 45%;
    	margin: 0;
    }
    .calc-form .input + .input {
    	float: right;
    }
    .calc-form .form-col:last-child {
    	padding-top: 20px;
    	float: none;
    	width: 100%;
    	clear: both;
    }
    .calc-form .consult {
    	margin: 0;
    }
    .calc-form .consult .button {
    	float: none;
    	display: block;
    }
    .calc-form .consult {
    	float: right;
    }
    .calc-form .action .price {
    	padding-right: 0;
    }
    .calc-form .consult span {
    	padding: 0;
    	margin-top: -25px;
    	float: none;
    	width: 302px;
    	display: block;
    	text-align: center;
    	clear: both;
    }
    .calc-form .action {
    	padding: 0 0 27px;
    }
    #footer .column {
    	float: none;
    	width: 100%;
    	margin: 0 0 30px;
    }
    #footer .row {
    	padding: 0;
    }
    #footer .contacts {
    	columns: 1;
    }
    #footer .contacts li {
    	display: inline-block;
    	vertical-align: top;
    	padding-bottom: 0;
    	margin: 0 20px 10px 0;
    	float: none;
    }
    #footer .contacts li:nth-child(2) {
    	padding: 0;
    	margin: 0 20px 0 0;
    }
    #footer .row:last-child .column:last-child .menu,
    #footer .menu ul {
    	columns: auto 4;
    }
    #footer .copyright {
    	float: none;
    	overflow: hidden;
    	display: block;
    }
    #footer .by {
    	margin: 0 0 0 40px;
    }
    #footer .social {
    	width: auto;
    	float: right;
    	margin-top: 10px;
    }
    .photos li {
    	width: 23%;
    	margin-right: 2%;
    }
    .history-list li {
    	float: none;
    	display: block;
    	padding: 0 0 0 48px;
    	width: auto;
    }
    .history-list:before {
    	right: auto;
    	left: 20px;
    	bottom: 0;
    	height: auto;
    	width: 1px;
    }
    .history-list li:before {
    	left: 0;
    	height: 34px;
    }
    .history-list li:after {
    	left: 13px;
    	top: 10px;
    }
    .article-info .information {
    	width: 62%;
    }
    .comments .content {
    	width: 62%;
    }
    .articles .item {
    	width: 50%;
    }
    .articles .item:first-child {
    	width: 48%;
    }
    .menu-holder {
    	width: 93%;
    }
    .filter .columns .column {
    	width: 48%;
    	margin: 0 2% 0 0;
    }
    .filter .columns .column + .column {
    	width: 50%;
    }
    .filter ul {
    	columns: auto 4;
    }
    .filter .columns .column ul {
    	columns: auto 2;
    }
    .filter .columns .columns .column {
    	width: 100%;
    	float: none;
    	margin: 0 0 30px;
    }
    .projects .items .item:nth-child(4n+4) {
    	margin: 0 31px 28px 0;
    }
    .projects .items .item:nth-child(4n+4):after {
    	display: block;
    }
    .projects .items .item:nth-child(3n+3):after {
    	display: none;
    }
    .projects .items {
    	text-align: center;
    }
    .projects .items .item {
    	text-align: left;
    }
    .metro li {
    	width: 49%;
    }
    .contacts .content {
    	width: 62%;
    }
    .contacts address a {
    	float: left;
    }
    .contacts ul.contacts li {
    	margin-bottom: 20px;
    }
    .details li:nth-child(5n+5),
    .details li:first-child {
    	width: 22.882%;
    	-webkit-flex: 1 0 22.882%;
    	-moz-flex: 1 0 22.882%;
    	-ms-flex: 1 0 22.882%;
    	-o-flex: 1 0 22.882%;
    	flex: 1 0 22.882%;
    }
    .details li {
		width: 25.6756%;
		padding-left: 2.9729%;
    }
    .service .text {
    	width: 32%;
    }
    .services ul li {
    	width: 49%;
    }
    .product .information {
    	width: 62%;
    }
}
@media only screen and (max-width: 960px){
	ul.contacts li:first-child {
		display: none;
	}
	#promo {
		height: 400px;
	}
	#promo h1 {
		font-size: 60px;
		line-height: 60px;
	}
	blockquote {
		width: 100%;
		clear: both;
	}
	.building .houses {
		float: none;
		width: 100%;
		position: relative;
	}
	.building:before {
		display: none;
	}
	.building h3 span {
		display: inline;
	}
	.building .bathhouses {
		width: 100%;
		position: relative;
	}
	.building .houses:after {
		right: -50vw;
		top: 100px;
	}
	.building .bathhouses:after {
		left: -50vw;
		top: 100px;
	}
	.calc-form .action .price {
		float: none;
	}
	.calc-form .consult {
		float: none;
		display: block;
		width: 302px;
		margin: 0 auto;
	}
	.calc-form p {
		padding: 0;
	}
	#footer .social {
		float: none;
		display: block;
		overflow: hidden;
		clear: both;
	}
	#promo img {
		width: 150%;
		max-width: none;
	}
	.quote-block .video {
		display: none;
	}
	.article-info .information {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.sidebar {
		float: none;
		width: 100%;
	}
	.comments .content {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.articles .item {
		width: 100% !important;
		float: none;
		overflow: hidden;
		margin-bottom: 30px !important;
	}
	.articles .item:first-child .visual img {
		width: 100%;
		object-fit: cover;
	}
	.paging ul .prev {
		display: none;
	}
	.paging ul .next {
		display: none;
	}
	#footer .contacts li {
		margin-bottom: 25px;
	}
	.product .information {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}
	.contacts .content {
		width: 100%;
		float: none;
	}
	.contacts .sidebar {
		width: 100%;
	}
	.tabset .controls a:after {
		display: none;
	}
	.service .gallery-frame {
		float: none;
		margin: 0 auto;
	}
	.service .text {
		width: 52%;
	}
	.service .price {
		width: 47%;
	}
	.services ul li {
		width: 100%;
	}
}
@media only screen and (max-width: 700px){
	.sab-nav li .drop ul {
		width: 100%;
		columns: 1;
	}
    .slogan {
    	display: none;
    }
    #promo img {
    	width: 180%;
    }
    .info-list li {
    	width: 49%;
    	margin-bottom: 20px;
    }
    .info {
    	padding: 20px 0 20px;
    }
    h2 {
    	font-size: 30px;
    	line-height: 36px;
    }
    .calc-form .note {
    	display: none;
    }
    h4 {
    	font-size: 30px;
    	line-height: 36px;
    }
    .gallery-item {
    	flex: 1 0 100%;
    }
    #footer .row:last-child .column:last-child .menu, #footer .menu ul {
    	columns: auto 2;
    }
	.article-info h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.article .visual {
		max-width: 100%;
	}
	.article .notice i {
		left: 10px;
	}
	.article .notice {
		padding: 24px 10px 10px 74px;
	}
	.article ul {
		padding-left: 0;
	}
	.article ol {
		padding-left: 0;
	}
	.article .video {
		display: none;
	}
	.article blockquote {
		padding: 20px 20px 20px 60px;
	}
	.article blockquote:before {
		left: -9px;
	}
	.article .author .rating {
		float: none;
		margin: 0  0 25px;
	}
	.article .author .social {
		float: none;
		margin: 0 0 25px;
	}
	.article .author .by {
		float: none;
	}
	.comments .empty:after {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.comments .answer .heading .date {
		margin-top: 3px;
	}
	.menu-holder {
		width: 85%;
	}
	h1 {
		font-size: 40px;
		line-height: 44px;
	}
	.information ul {
		padding: 0;
	}
	.information .btn {
		display: none;
	}
	.product .sidebar .btn {
		display: none;
	}
	.filter ul {
		columns: auto 2;
	}
	.filter .columns .column {
		width: 100%;
		margin: 0;
	}
	.filter .columns .column + .column {
		width: 100%;
	}
	.quote-block .visual.align-left {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.metro li {
		width: 100%;
	}
	.details li {
		width: 100% !important;
		border-left: 0 !important;
		border-bottom: 1px solid #f3f3f3 !important;
		padding: 24px 0 25px 33px !important;
	}
	.service .text {
		float: none;
		width: 100%;
	}
	.service .price {
		width: 100%;
		float: none;
	}
	.info-list li {
		width: 100%;
	}
	.container {
		padding: 0 10px;
	}
	.projects .items .item:after {
		display: none !important;
	}
	.projects .items .item {
		margin-right: 0 !important;
	}
	.product .slideshow .slides {
		height: 300px;
	}
	.product .sidebar .row {
		padding-right: 0;
		padding-left: 0;
	}
	.services ul .visual {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}
	.services ul .visual img {
		width: 100%;
	}
}
@media only screen and (max-width: 500px){
	.service .gallery-frame {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.filter ul {
		columns: 1;
	}
	.filter .columns .column ul {
		columns: 1;
	}
	.quote-block .visual.align-left {
		display: none;
	}
	.contacts h4,
	.contacts .video {
		display: none;
	}
	#header .contacts {
		display: none;
	}
	#promo {
		height: auto;
	}
	#promo .text .buttons li {
		margin-bottom: 20px;
	}
	blockquote {
		padding-right: 0;
	}
	.calc-form .form-col {
		width: 100%;
		float: none;
	}
	.calc-form .input {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.calc-form .action .price {
		padding-left: 25px;
		background: none;
	}
	.info-block .visual {
		display: none;
	}
	.photos li {
		width: 100%;
		margin: 0 0 20px;
	}
	.quote-block.single blockquote:before {
		left: -7px;
	}
	.quote-block.single blockquote {
		padding-left: 54px;
	}
	.article-info .information .text {
		padding-right: 10px;
		padding-left: 10px;
	}
	.articles .item .visual {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}
	.articles .item .visual img {
		width: 100%;
	}

}