@media only screen and (max-width:768px) {
	h3 {
		font-size: 2.25em
	}
	h4 {
		font-size: 1.25em
	}
	header {
		height: 66px!important
	}
	.banner {
		padding: 20% 0;
		margin-top: 65px
	}
	.banner_name {
		font-size: 2.5em
	}
	a.button1 {
		padding: .5em 2em
	}
	.about {
		width: 100%;
		float: none
	}
	.about ul {
		text-align: center
	}
	.D3 {
		padding: 100px 0;
		width: 100%;
		float: none
	}
	.D3 h4 {
		margin-top: 0
	}
	.portfolio .bx-wrapper .bx-next {
		right: 5%
	}
	.portfolio .bx-wrapper .bx-prev {
		left: 5%
	}
	.catalog_download p {
		font-size: 18px
	}
	.renov h3 {
		font-size: 2.0625em
	}
	.renov p {
		position: static;
		width: 100%
	}
	.renov ul {
		margin: 0 0 1em 2.5em
	}
	.renov .button1 {
		margin-bottom: 20px
	}
	.plan {
		margin-top: -40px
	}
	.plan_item {
		margin: 0 auto 50px;
		width: 60%
	}
	.save_item {
		width: 80%;
		margin: 0 auto
	}
	.call_item {
		width: 90%;
		margin: 0 auto;
		padding: 3em 2em
	}
	.design p {
		width: 100%
	}
	.design h3 {
		font-size: 2.125em
	}
	.consult h3 {
		font-size: 1.75em;
		line-height: 1.3
	}
	.consult p {
		width: 95%
	}
	.consult button,
	.consult input {
		display: block;
		width: 70%;
		margin: 0 auto 10px
	}
	.why h3 {
		font-size: 2em
	}
	.designers h3 {
		font-size: 1.75em
	}
	.designers_item {
		height: 400px;
		padding-top: 20em;
		width: 50%;
		margin-left: auto;
		margin-right: auto
	}
	.reviews h3 {
		font-size: 2em
	}
	.reviews_item {
		width: 70%;
		margin: 0 auto;
		text-align: center
	}
	.reviews_item:before {
		left: 30%
	}
	.footer_one {
		padding: 50px 0 90px
	}
	.footer_one .logo {
		display: block;
		text-align: center
	}
	.footer_one .logo:before {
		position: static
	}
	.footer_one_contact {
		text-align: center
	}
	.footer_one_contact li:first-child {
		display: table;
		margin: 0 auto;
		padding-right: 0
	}
	.footer_one_contact li:last-child {
		padding-right: 0
	}
	.footer_one_social {
		text-align: center
	}
	.designers_item {
		margin-bottom: 30px
	}
	.-mod_call_item {
		height: 450px!important;
		top: -449px!important;
		left: 0;
		width: 100%!important;
		padding-top: 1em!important
	}
	#map {
		height: 900px!important
	}
}
@media only screen and (max-width:992px) {

	h3 {
		font-size: 2.25em
	}
	h4 {
		font-size: 1.25em
	}
	.banner {
		padding: 20% 0;
		margin-top: 65px
	}
	.banner_name {
		font-size: 2.5em
	}
	a.button1 {
		padding: .5em 2em
	}
	.about {
		width: 100%;
		float: none
	}
	.about ul {
		text-align: center
	}
	.D3 {
		padding: 100px 0;
		width: 100%;
		float: none
	}
	.D3 h4 {
		margin-top: 0
	}
	.renov p {
		position: static;
		width: 100%
	}
	.renov ul {
		margin: 0 0 1em 2.5em
	}
	.renov .button1 {
		margin-bottom: 20px
	}
	.portfolio .bx-wrapper .bx-next {
		right: 5%
	}
	.portfolio .bx-wrapper .bx-prev {
		left: 5%
	}
	.catalog_download p {
		font-size: 18px
	}
	.plan {
		margin-top: -40px
	}
	.plan_item {
		margin: 0 auto 50px;
		width: 50%
	}
	.save_item {
		width: 80%;
		margin: 0 auto
	}
	.call_item {
		width: 90%;
		margin: 0 auto;
		padding: 3em 2em
	}
	.design p {
		width: 100%
	}
	.design h3 {
		font-size: 2.125em
	}
	.consult h3 {
		font-size: 1.75em;
		line-height: 1.3
	}
	.consult p {
		width: 95%
	}
	.consult button,
	.consult input {
		display: block;
		width: 70%;
		margin: 0 auto 10px
	}
	.why h3 {
		font-size: 2em
	}
	.designers h3 {
		font-size: 1.75em
	}
	.designers_item {
		height: 400px;
		padding-top: 20em;
		width: 100%
	}
	.reviews h3 {
		font-size: 2em
	}
	.reviews_item {
		width: 70%;
		margin: 0 auto;
		text-align: center
	}
	.reviews_item:before {
		left: 30%
	}
	.footer_one {
		padding: 50px 0 90px
	}
	.footer_one .logo {
		display: block;
		text-align: center
	}
	.footer_one .logo:before {
		position: static
	}
	.footer_one_contact {
		text-align: center
	}
	.footer_one_contact a {
        font-size: 2em;
    }
	.footer_one_contact li:first-child {
		display: table;
		margin: 0 auto;
		padding-right: 0
	}
	.footer_one_contact li:last-child {
		padding-right: 0
	}
	.footer_one_social {
		text-align: center
	}
	.designers_item {
		margin-bottom: 30px
	}
	.-mod_call_item {
		height: 450px!important;
		top: -449px!important;
		left: 0;
		width: 100%!important;
		padding-top: 1em!important
	}
	.slider .slide_content {
        top: 80px;
    }
	/*#map {
		height: 900px!important
	}*/
	.col-sm-3 {
        margin-left: -60px;
        margin-top: 10px;
    }
    .col-xs-2 {
        margin-left: -60px;
    }
    .header__bottom div {
        height: 0;
    }
    .header_bottom_mail a {
        font-size: 1.475em;
        top: -50px;
        right: 90px;
    }
    .mphone {
            margin-top: -56px;
            margin-right: -150px;
    }
    .header_bottom_phone a {
        font-size: 1.475em;
    }
    .footer_one_social {
        width: 120% !important;
        margin-top: -60px !important;
    }
    .mmail {
        margin-top: -45px;
        margin-right: 230px;
    }
    .flogo {
    	margin-left: 75px;
    	display: none;
    }
    .headlogo {
        display: block;
        width: 102px;
        margin-left: 0px;
        margin-top: -5px;
    }
    .hlogo {
        margin-left: 0px !important;
    }
    .rev .feedback {
        margin-left: -180px !important;
    }
    .rev .feedback .feedback-text {
        width: 519px;
    }
    .rev {
        height: 620px;
    }
    .header .header__callback,
	.header .header__phone {
		right: 0px !important;
        -margin-top: -30px;
		position: static
	}
	.header__mail {
        display: inline !important;
    }
	.header__logo {
		top: -65px
	}
	.mobile_menu {
        float: left;
        width: 50px;
        top: -45px;
        right: 60px;
    }
	.mobile_menu_list {
		top: 0
	}
	.footer__two:after {
		height: 0
	}
	.footer .header__logo--top {
		position: static;
		margin-top: 30px !important;
	}
	.footer .header__contant li {
		display: block;
		margin: .7rem 0
	}
	.header__bottom:after {
        height: 0px;
    }
    .header {
        background: #fff center no-repeat;
        font-weight: 700;
        text-align: right;
        height: 66px!important;
        background-size: cover;
    }
    .headlogo {
        display: block;
        width: 80px !important;
        margin-left: -10px !important;
        margin-top: -10px !important;
    }
    .grid-item {
    width: 23.4% !important;
}
}
@media only screen and (max-width:1200px) {
	body {
		font-size: 15px
	}
	.header_menu li {
		padding-right: 1em
	}
	.md3 {
        display: none !important;
    }
	.about li {
		margin-right: 1em
	}
	.-mod_button1 {
		padding: .5em 1em!important
	}
	.why_item {
		height: 150px
	}
	.hlogo {
        margin-left: 0px;
        margin-top: 0px;
	}    
    .col-xs-6 {
        margin-top: -5px;
    }
    .row {
    margin-left: 0px;
    margin-right: 0px;
    }
    .demo1 {
    margin-left: 10px;
    font-size: 13px;
    }
    .demo2 {
    margin-left: -25px;
    font-size: 13px;
    }
    h4 {
    font-family: Circe-Bold, sans-serif;
    font-size: 1.3875em;
    line-height: 1.2;
    margin: 1em;
    }
    .headlogo {
        display: block;
        width: 122px;
    }
    .rev .feedback {
        margin-left: -60px;
    }
    .rev .feedback .feedback-text {
        width: 600px;
    }
    .rev {
        height: 620px;
    }
    .footer__two:before,
	.header__bottom:before {
		height: 0
	}
	.header .header__phone {
		display: block;
		position: absolute;
		right: 0
	}
	.header .header__callback {
		position: relative;
		left: 150%
	}
	.header__top {
		line-height: 60px
	}
	.slider_wrap .slider-nav .next {
		left: auto;
		right: 0
	}
	.slider_wrap .slider-nav .prev {
		left: 0
	}
	.col-sm-12 {
        right: 20%;
    }
    .footer_one_social {
        width: 180%;
    }
    .grid-item {
    width: 23.8%;
}
}