@media (max-width: 1200px) {
	.b-disign .wrapper-content{
		width: 994px;
	}
	.b-checkbox input[type="radio"] + label i{
		font-size: 13px;
		line-height: 15px;
	}
	.b-checkbox input[type="radio"] + label{
		width: 150px;
	}
}
@media (max-width: 994px) {
	.wrapper-content{
		width: 768px;
	}
	.b-disign .wrapper-content{
		width: 768px;
	}	
	.b-header-right__img img{
		width: 120px;
	}
	.b-header-contacts__col{
		margin: 0 10px 0 0;
	}
	.b-menu > .wrapper-content > ul > li > a{
	    font-size: 14px;
	    line-height: 16px;
	    padding: 20px 6px;
	}
	.b-header-content .b-header-content__form__input{
		width: 140px;
	}
	.b-header-content{
		padding: 0;
	}
	.b-header-content__left{
		padding: 0;
	}
	.b-installation-right{
		width: 390px;
		padding: 20px 0;
	}
	.b-installation-right__top b{
		margin: 0 0 20px 0;
	}
	.b-advantages-item__text b{
		font-size: 18px;
		line-height: 24px;
	}
	.b-advantages-item__text p{
		font-size: 14px;
	}

	.b-installation-right__top p{
		font-size: 14px;
	}
	.b-products-content{
		padding: 0;
	}
	.b-products-item{
		width: 220px;
	}
	.b-products-btn{
		width: 200px;
	}
	.b-products__two .b-products-item {
	    width: 170px;
	}
	.b-products__two .b-products-btn{
		width: 155px;
	}
	.b-fittings-content{
		display: block;
	}
	.b-fittings-nav{
		margin: 0 0 30px 0;
	}
	.b-fittings-nav ul{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.b-fittings-nav ul li a{
		width: auto;
		font-size: 16px;
		line-height: 18px;
		padding: 5px 14px 5px 14px;
	}
	.b-disign-content{
		flex-wrap: wrap;
		position: relative;
	}
	.b-disign-wrap{
		order: 1;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0;
		position: relative;
	}
	.b-disign-left{
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		width: 50%;
		visibility: hidden;
		transition: 0.4s;	
		background: #e6e6e4e0;
	}
	.b-disign-left.active{
		opacity: 1;
		visibility: visible;
		transition: 0.4s;	
		z-index: 15;
	}
	.b-disign-right{
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		width: 50%;
		visibility: hidden;
		transition: 0.4s;		
		background: #e6e6e4e0;
	}
	.b-disign-right.active{
		opacity: 1;
		visibility: visible;
		transition: 0.4s;	
		z-index: 15;
	}	
	.xs-option{
		position: absolute;
		font-size: 40px;
		line-height: 42px;
	    color: #00b033;
		top: 0;
		left: -10px;
		z-index: 16;
	}
	.xs-steklo{
		left: auto;
		right: -10px;
	}
	.b-disign-left__top{
		text-align: center;
	}
	.b-disign-row{
		justify-content: flex-start;
	}
	.b-disign-right .b-disign-left__top{
		margin: 0 0 109px 0;
	}
	.b-disign-left__top span{
		font-size: 26px;
		line-height: 28px;
		margin: 0 0 15px 0;
	}
	.b-installation-item{
		width: 390px;
	}
	.b-installation-item:before{
		left: -93px;
	}
	.xs-option {
		display: block;
	}
	.b-balconies-block__wrap{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.b-balconies-block__img{
		width: 290px;
		margin: 0 auto 30px;
	}
	.b-balconies-foto{
		flex-wrap: wrap;
	}
	.b-balconies-foto__item{
		width: 290px;
		margin: 0 auto 10px;
	}
	.b-header-content__form__btn{
		margin: 10px auto 0;
	}
	.b-header-content__left{
		padding: 15px 0;
	}
	.b-header-content__left__top{
		margin: 0 0 10px 0;
	}
	.b-advantages{
		padding: 20px 0;
	}
	.b-title{
		margin: 0 0 25px 0;
	}
	.b-advantages-item__img{
		margin: 0 0 15px 0;
	}
	.b-advantages-item__text b{
		line-height: 20px;
		margin: 0 0 10px 0;
	}
	.b-advantages-item{
		margin: 15px 0;
	}
	.b-advantages-item__text p{
		font-size: 13px;
	}
	.b-header-content__right{
		width: 433px;
		flex-shrink: 0;
	}
	.b-header-content__left__top b{
		font-size: 55px;
		line-height: 57px;
	}
	.b-header-content__left{
		width: 290px;
	}
	.b-installation-block{
		margin: 0 0 10px 0;
	}
}
@media (max-width: 767px) {
	.wrapper-content{
		width: 100%;
	}
	.b-mobile{
		display: block;
		padding: 10px 0 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.b-mobile.active{
		background: #384245;
		transition: 0.3s;
	}
	.menu-icon{
	    position: relative;
	    z-index: 10001;
	    padding: 0px 0 0 0;
	}
	.menu-icon__wrapper{
		position: relative;
		width: 35px;
		height: 25px;
		margin: 0 0px 0 0;
	}
	.menu-icon.active b{
		transition: 0.5s;
	}
	.menu-icon .b-menu__line {
	    display: block;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 3px;
	    background: #000000;
	    -webkit-transition: background-color 0.35s, -webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: background-color 0.35s, transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transform: translateY(0) translateZ(0);
	    transform: translateY(0) translateZ(0);
	    border-radius: 120px;
	}
	.menu-icon .b-menu__line_1 {
	    top: 0;
	}
	.menu-icon .b-menu__line_2 {
	    top: 10px;
	}
	.menu-icon .b-menu__line_3 {
	    top: 20px;
	}
	.menu-icon.active .b-menu__line {
	    background: #ffffff;
	}
	.menu-icon.active .b-menu__line_1 {
	    -webkit-transform: translateY(8px) rotate(45deg);
	    transform: translateY(8px) rotate(45deg);
	    top: 0px;
	}
	.menu-icon.active .b-menu__line_2 {
	    opacity: 0;
	}
	.menu-icon.active .b-menu__line_3 {
	    -webkit-transform: translateY(-8px) rotate(-45deg);
	    transform: translateY(-8px) rotate(-45deg);
	    top: 16px;
	}
	
	.b-header-top__wrapper{
		padding: 10px 0;
	}
	.b-menu{
		position: absolute;
		top: 0;
		left: -100px;
		width: 100%;
		padding: 20px 0;
		opacity: 0;
		visibility: hidden;
		transition: 0.4s;
		z-index: -20;
	}
	.b-menu.active{
		left: 0;
		opacity: 1;
		visibility: visible;
		transition: 0.4s;
		z-index: 20;
	}
	.b-menu > .wrapper-content > ul{
		display: block;
	}
	.b-menu > .wrapper-content > ul > li{
		margin: 0 0 15px 0;
	}
	.b-menu > .wrapper-content > ul > li > a{
		padding: 5px;
		font-size: 16px;
		line-height: 22px;
	}


	.b-disign .wrapper-content{
		width: 100%;
	}	
	.b-header-right{
		display: none;
	}
	.b-header .b-header-contacts a i{
		color: #ffffff;
	}
	.b-header .b-header-contacts a{
		margin: 0 0 10px 0 !important;
	}
	.b-header .b-header-contacts{
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	.b-header-contacts__col{
		margin: 0;
	}
	.b-header-content > .wrapper-content{
		display: block;
	}
	.b-header-content__left__top b{
		font-size: 55px;
	}
	.b-header-content__right{
		display: none;
	}
	.b-advantages-item__big{
		width: 290px;
		margin: 0 auto 25px;
	}
	.b-advantages-item{
		width: 290px;
		margin: 0 auto 25px;
	}
	.b-installation-right{
		width: 100%;
	}

	.b-products-content{
		flex-wrap: wrap;
	}
	.b-products-item{
		width: 290px;
		margin: 0 auto 55px;
	}
	.b-fittings-nav ul{
		display: block;
	}
	.b-fittings-wrap{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.b-fittings-text{
		width: 290px;
		margin: 30px auto 0;
	}
	.b-disign-img{
		width: 290px;
		height: 290px;
	}
	.b-disign-img__bg{
		height: 290px;
	}
	.b-disign-right{
		width: 100%;
	}
	.b-disign-left{
		width: 100%;
	}
	.b-checkbox input[type="radio"] + label {
	    width: 130px;
	}	
	.b-shadow{
		margin: 0;
	}
	.b-disign-wrap__text{
		margin: 20px 0 0 0;
	}
	.b-form-content > form{
		display: block;
	}
	.b-form-content .b-header-content__form__input{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.b-form__btn{
		width: 100%;
		margin: 20px 0 0 0;
		font-size: 18px;
		line-height: 22px;
	}
	.b-footer-block{
		width: 290px;
	}
	.b-logo{
		width: 130px;
		margin: 0 0px 0 0;
	}
	.mobo{display: block;}
.nomo{display: none}
	.b-header-right__img img{
		display: block;
		margin: 0 0 0;
	}
	.b-header-content__left{
		width: 100%;
	}
	.b-header-content .b-header-content__form__input{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.b-header-content__form__btn{
		margin: 0 auto 0;
	}
	h2{
		font-size: 20px;
		line-height: 24px;
	}
	.b-advantages{
		padding: 30px 0;
	}
	.b-title{
		margin: 0 0 30px 0;
	}
	.b-installation-right{
		padding: 30px 0;
	}
	.b-installation{
		background: #dee3e9;
		padding: 30px 0;
	}
	.b-installation-item{
		width: 300px;
		padding: 30px 0 0 0;
		margin: 0 auto 0;
		left: 0;
		top: -20px;
	}
	.b-installation-item:before{
		width: 300px;
		left: -7px;
		background-size: contain;
	}	
	.b-installation-item b{
		font-size: 19px;
		line-height: 21px;
	}
	.b-installation-item span{
		font-size: 16px;
		line-height: 20px;
	}
	.b-installation-item a{
		margin: 10px 0;
		font-size: 20px;
		line-height: 22px;
	}
	.b-installation-item button{
		width: 200px;
		height: 40px;
		font-size: 18px;
		line-height: 20px;
	}
	.b-installation-right{
		padding: 0;
	}
	.b-disign-left__top{
		margin: 0 0 20px 0 !important;
	}
	.b-disign-wrap{
		margin: 50px 0 0 0;
	}
	.xs-option{
		top: -90px;
	}
	.b-form .b-title h2 {
	    font-size: 21px;
	}	
	.b-fittings-img{
		width: 100%;
	}
	.b-fittings-img img{
		margin: 0 auto 0;
	}
	.b-checkbox{
		width: 100%;
		max-width: 340px;
	}
	.b-checkbox input[type="radio"] + label{
		width: 100%;
	}
	.b-dropdown{
		position: static;
		opacity: 1;
		visibility: visible;
		background: #05050524;
		transition: none;
		width: 100%;
	    padding: 15px 10px;
	    display: none;
	}
	.b-menu > .wrapper-content > ul > li.b-drop.active .b-dropdown{
		display: block;
	}
	.b-dropdown ul li a{
		color: #ffffff;
	}
	.b-header .b-header-contacts a{
		color: #ffffff;
	}
	.b-form{
		padding: 20px 0;
	}
	.b-balconies-block__nav ul{
		flex-wrap: wrap;
	}
	.b-balconies .b-door-item__content ul li{
		flex-wrap: wrap;
	}
	.b-balconies-block__top span{
		font-size: 20px
	}
	.b-door-item__content b{
		font-size: 18px;
	}
	.b-balconies-nav{
		flex-wrap: wrap;
	}
	.b-balconies-nav__item{
		width: 130px;
		display: block;
	}
	.b-balconies-block__row .b-checkbox input[type="radio"] + label i p{
		width: 185px;
	}
	.b-balconies-block__wrap{
		display: block;
	}
	.b-balconies-block__nav ul li{
		margin: 5px !important;
	}
	.b-balconies-block__total{
		display: block;
		text-align: center;
	}
	.b-balconies-block__total__left{
		justify-content: center;
		margin: 0 0 15px 0;
	}
	.b-credit__wrap{
		display: block;
	}
	.b-credit__img{
		margin: 0 0 30px 0;
	}
	.b-credit__img img{
		margin: 0 auto 0;
	}
	.b-credit .b-balconies-text{
		padding: 0;
	}
	.b-roller-foto__item{
		width: 26%;
	}
	.b-icons{
		right: 10px;
	}
}
@media (max-width: 620px) {
	.b-door-item__wrap{
		display: block;
	}
	.b-door-item__left{
		margin: 0 auto 20px;
	}
	.b-door-item__img{
		width: 130px;
		margin: 0 auto 15px;
	}
	.b-door-item__char__top{
		font-size: 30px;
	}
	.b-jaousie .b-door-item__img{
		width: 100%;
	}
}