@media (max-width: 1199px) {

	/*меню*/
	.menu__button {
		width: 52px;
	}

	.menu__button-ico {
		margin: 0;
		font-size: 24px;
	}

	.menu__button-text {
		display: none;
	}

	/*кнопка вверх*/
	.top-button {
		bottom: 50px;
	}

	/*главный слайдер*/
	.main-slider__img {
	  max-width: 407px;
	}

	.main-slider .bx-next {
	  top: 275px;
	}

	/*каталог на главной*/
	.order__item:before {
	  left: 970px;
	}

	.order__item:after {
	  right: 970px;
	}

	.order__item_bedroom {
		padding-top: 97%;
	}

	/*преимущества*/
	.advantages__item {
		max-width: 290px;
	}

	/*наши проекты*/
	.projects {
	  padding: 80px 0 60px;
	  background: url('../images/bg-projects.png') no-repeat center 50px;
	}

	.projects__img-wrap {
		width: 500px;
	}

	.projects__slide-content {
	  width: 440px;
	  padding: 20px;
	}

	/*этапы*/
	.stages {
		padding: 50px 0 20px;
	}

	.stages__title {
	  margin: 0 0 50px;
	}

	.content__text-wrap {
	  max-width: 100%;
	}

}





@media (max-width: 991px) {

	/*общие*/
	h1, h2, h3 {
		margin: 40px 0;
	}

	main {
		padding: 160px 0 40px;
	}

	/*шапка*/
	header {
		position: fixed;
		top: 0;
		width: 100%;
		box-shadow: 0 0 20px #ccc;
	}

  /*контакты*/
  .contacts__link {
    margin-right: 20px;
  }

  .contacts__link_tab-hid {
  	display: none;
  }

  /*кнопка мобильного меню*/
  .mobile-menu-btn {
    display: block;
  }

  /*меню*/
  .h-menu {
  	height: 80px;
  }

  .h-menu__logo {
  	position: absolute;
  	top: 13px;
  	left: calc(50% - 63px);
  	margin: 0;
  }

  .h-menu__img {
  	width: 127px;
  }

  .call-btn {
	  display: block;
	}

  .menu {
  	/*overflow: hidden;*/  /*выпадающее меню*/
  	overflow: auto;  /*изначально открытое меню*/
  	position: fixed;
  	top: 130px;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	padding: 10px;
  	text-align: center;
  	background: rgba(255,255,255,.9);
  	opacity: 0;
    visibility: hidden;
  }

  .menue_mobile-open {
  	visibility: visible;
    opacity: 1;
  }

  .menu__item {
	  display: block;
	}

	.menu__link {
	  padding: 0;
	  font: 600 20px/50px Akrobat;
	}

	.menu__button {
	  display: none;
	}

	/*вложенное меню*/
	.menu a:not(:only-child) {
	  font-weight: 700;
	  display: none;  /*изначально открытое меню*/
	}

	.menu a:not(:only-child):after {
		display: inline-block;
		transform: rotate(-90deg);
	}

	.menu ul a {
	  padding: 0;
	  font: 600 20px/50px Akrobat;
	}

	.menu li {
	  position: static;
	}
	
	.menu li ul {
	  /*position: absolute;    выпадающее меню
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  overflow: auto;
	  width: 100%;
	  padding: 10px;
	  border: none;
	  border-radius: 0;
	  text-align: center;
	  background: rgba(255,255,255,.9);
	  box-shadow: none;
	  opacity: 0;
	  visibility: visible;
	  transform: translateX(100%);
    	transition: all 1s;*/

    	position: static;   /*изначально открытое меню*/
    	visibility: inherit;
    	opacity: 1;
    	width: 100%;
    	border: none;
    	background: transparent;
    	box-shadow: none;
    	text-align: center;
	}

	.menu li ul.active {
		transform: translateX(0);
		opacity: 1;
	}

	.menu ul .menu__back-btn {
		position: absolute;
		top: 15px;
		left: 15px;
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		font: 400 16px/40px berezka;
		color: #fff;
		background: #96A7B1;
	}  

	/*подвал*/
	.footer__social-clear {
		clear: both;
	}

	/*кнопка вверх*/
	.top-button {
		right: 40px;
		bottom: 40px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	/*главный слайдер*/
	.main-slider .container {
		width: 100%;
		padding-right: 0;
	}

	.main-slider__slide {
		overflow: hidden;
	}

	.main-slider__img {
		max-width: 355px;
		margin: 20px -118px 0 0;
	}

	.main-slider .bx-next {
	  position: absolute;
	  top: calc(50% - 31px);
	  left: 675px;
	}

	/*каталог на главной*/
	.order {
		padding-bottom: 20px;
	}

	.order__item:before {
	  left: 750px;
	}

	.order__item:after {
	  right: 750px;
	}

	.order__item_kitchen {
		padding-top: 195px;
	}

	.order__item_ofice {
		padding-top: 195px;
	}

	.order__item_merchant {
		padding-top: 120px;
	}

	.order__item_cupboard {
		padding-top: 120px;
	}

	.order__item_hallway {
		padding-top: 120px;
	}

	.order__item_bedroom {
		padding-top: 120px;
	}

	.order__item_kids {
		padding-top: 195px;
	}

	.order__item_wall {
		padding-top: 195px;
	}

	.order__text {
		font-size: 27px;
	}

	/*преимущества*/
	.about {
		margin-bottom: 0;
	}

	.about__berezka {
	  position: static;
	  margin: 30px 0 -40px;
	}

	.about__button {
		margin-top: 0;
	}

	.advantages {
		margin-top: 30px;
	}

	.advantages__item {
		margin-bottom: 20px;
		max-width: 330px;
	}

	.advantages__item:last-of-type {
		margin-bottom: 0;
	}

	/*замерщик*/
	.gager__img {
		left: auto;
		right: -111px;
		transform: scaleX(-1);
	}

	/*наши проекты*/
	.projects__img-wrap {
		position: relative;
		width: 100%;
		height: 460px;
		overflow: hidden;
	}

	.projects__img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.projects__slider .bx-prev, .projects__slider .bx-next {
		top: 200px;
	}

	.projects__slide-content {
	  width: 100%;
	  padding: 30px 30px 45px;
	}

	/*партнеры*/
	.partners__img {
	  -webkit-filter: none;
	  -moz-filter: none;
	  -ms-filter: none;
	  -o-filter: none;
	  filter: none;
	  filter: none;
	}

	/*этапы*/
	.stages {
		margin-top: 40px;
	}

	/*контент*/
	.gager_content-margin {
		margin: 20px 0 0;
	}

	.content {
	  padding: 50px 0 0;
	}

	.content__wrap {
		margin-bottom: 50px;
	}

	.content__left {
	  padding-right: 15px;
	}

	.content__right {
	  padding-left: 15px;
	}

	.content__img {
		margin-bottom: 60px;
	}

	.content__text-wrap {
		position: static;
	  width: 100%;
	}

}





@media (max-width: 767px) {

	/*общие*/
	h1, h2, h3 {
		margin: 30px 0;
		font-size: 26px;
		line-height: 31px;
		text-align: left;
	}

	main {
		padding: 100px 0 30px;
	}

	h1:after, h2:after, h3:after {
	  margin-left: 10px;
	  font-size: 23px;
	}

	/*контакты*/
  .contacts {
    display: none;
  }

  /*меню*/
  .h-menu {
  	height: 70px;
  }

  .h-menu__logo {
  	position: absolute;
  	top: 14px;
  	left: calc(50% - 50px);
  	margin: 0;
  }

  .h-menu__img {
  	width: 100px;
  }

  /*кнопка мобильного меню*/
	.mobile-menu-btn {
	  top: 16px;
	  width: 38px;
	  height: 38px;
	}

	.mobile-menu-btn:before, .mobile-menu-btn:after {
	  left: 10px;
	}

	.mobile-menu-btn:before {
	  top: 12px;
	}

	.mobile-menu-btn:after {
	  top: 24px;
	}

	.mobile-menu-btn__line {
	  top: 18px;
	  left: 10px;
	}

	.mobile-menu-btn_active:before {
	  top: 18px;
	}

	.mobile-menu-btn_active:after {
	  top: 18px;
	}

  .call-btn {
	  top: 16px;
	  width: 38px;
	  height: 38px;
	  line-height: 36px;
	}

	.menu {
  	top: 70px;
  }

	/*подвал*/
	.footer__social {
		text-align: left;
	}

	/*.footer__social-btn {
		margin-right: 20px;
	}*/

	.info {
		text-align: center;
	}

	.intrlogo {
		float: none;
		display: inline-block;
		margin-bottom: 10px;
	}

	/*главный слайдер*/
	.main-slider {
		display: none;
	}

	/*каталог на главной*/
	.order__item {
		padding-top: 120px;
	}

	/*преимущества*/
	.about__berezka {
		display: none;
	}

	.about__button {
		position: absolute;
		bottom: -72px;
		left: 15px;
		right: 15px;
		margin: 0;
		width: auto;
	}

	.advantages {
		margin-top: 100px;
		padding: 30px 0 20px;
	}

	.advantages .block-justify {
		text-align: center;
	}

	.advantages__item {
		margin-bottom: 10px;
		text-align: left;
		max-width: 350px;
	}

	.advantages__item:last-of-type {
		margin-bottom: 0;
	}

	/*замерщик*/
	.gager__img {
		display: none;
	}

	.gager__content {
		padding: 30px 0;
	}

	.gager__text {
	  margin-bottom: 30px;
	}

	/*наши проекты*/
	.projects {
	  padding: 50px 0;
	  background: url('../images/bg-projects.png') no-repeat center 30px;
	  background-size: 140px 120px;
	}

	.projects__title {
		margin-bottom: 30px;
	  text-align: center;
	}

	.projects__img-wrap {
		height: auto;
	}

	.projects__img {
		position: static;
		transform: none;
	}

	.projects__slide-content {
	  padding: 20px 20px 25px;
	}

	.projects__slide-title {
		font-size: 18px;
		line-height: 25px;
	}

	.projects__customer {
	  padding: 25px 25px 20px;
	}

	.projects__slider .bx-prev {
		left: -15px;
	}

	.projects__slider .bx-next {
		right: -15px;
	}

	/*партнеры*/
	.partners {
	  padding: 30px 0 40px;
	}

	.partners__title {
		margin-bottom: 20px;
		text-align: center;
	}

	.partners__slider {
		width: 280px;
		margin: 0 auto;
	}

	/*отзывы о компании*/
	.comments {
		padding: 50px 0 20px;
		background-position: center 30px;
		background-size: 140px 120px;
	}

	.comments__title {
		text-align: center;
		margin-bottom: 25px;
	}

	.comments__slider {
		width: 280px;
		margin: 0 auto;
	}

	/*портфолио*/
	.portfolio {
		height: 300px;
	}

	.portfolio__title {
	  font: 700 40px/50px Akrobat, sans-serif;
	}

	.portfolio__slide {
		overflow: hidden;
	}

	.portfolio__img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	  width: 100%;
	  min-width: 587px;
	  min-height: 350px;
	}

	.portfolio__price {
	  right: 15px;
	  bottom: 40px;
	  top: auto;
	  padding: 5px 10px 10px;
	  font-size: 22px;
	}

	.portfolio__model {
		font-size: 18px;
	}

	.portfolio__button {
		top: 186px;
		left: calc(50% - 110px);
		width: 220px;
	}

	/*этапы*/
	.stages {
		margin-top: 30px;
		padding: 30px 0 0;
	}

	.stages__container {
		width: 250px;
		margin: 0 auto;
		padding: 0;
	}

	.stages__title {
	  margin: 0 0 40px;
	}

	.stages__text {
		margin-bottom: 40px;
	}

	.stages__button {
		margin-bottom: 40px;
	}

	/*контент*/
	.gager_content-margin {
		margin: 0;
	}

	.content {
	  padding: 40px 0 0;
	}

	.content__wrap {
		margin-bottom: 30px;
	}

	.content__img {
		margin-bottom: 30px;
	}

}





@media (max-width: 400px) {

	.order__text {
		font-size: 22px;
	}

	.gager__button {
		width: 100%;
	}

}