@media (max-width: 1100px) {
	.offer__list-title {
		padding-right: 20px;
	}

	.experience__photo-wrap {
		margin-left: -160px;
	}

	.catalog-card__title {
		font-size: 23px;
	}

	.service__list {
	  padding: 35px 30px 30px;
	}

	.showroom__title-wrap::before {
		left: -1000px;
		right: -1000px;
		text-align: center;
	}

	.ramil__image-wrap {
	  margin-left: 48px;
	}
}

@media (max-width: 1020px) {
	.header__contacts-button--desktop {
		display: none;
	
	}
	.header__contacts-button--mobile {
		display: inline;
	}

	.main-button--desktop {
		display: none;
	}

	.main-button--mobile {
		display: block;
	}

	.header {
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 400px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.header::before {
		content: '';
		position: absolute;
		top: -20px;
		left: -5000px;
		right: -5000px;
		width: 3000px;
		height: 300px;
		margin: auto;
		background-color: #f3f3f3;
		z-index: -1;
	}

	.header__contacts-wrap {
		order: 1;
	}

	.header__logo-wrap {
		margin-top: 10px;
		order: 2;
	}

	.header__geo-wrap {
		position: static;
		margin-top: 8px;
		order: 3;
	}

	.offer {
		background-position: center 100px;
	}

	.offer::before,
	.offer::after {
		top: 1287px;
	}

	.offer__title {
		margin-top: 30px;
		font-size: 90px;
		line-height: 90px;
	}

	.offer__title--mini {
		margin-top: 5px;
		font-size: 66px;
		line-height: 60px;
	}

	.offer__title-list {
		flex-wrap: wrap;
		max-width: 700px;
		margin-top: 33px;
		margin-left: auto;
		margin-right: auto;
	}

	.title-list__item {
		margin-bottom: 20px;
		/*text-align: right;*/
		text-align: left;
	}

	.offer__desc {
		margin-top: 10px;
	}

	.offer__footnote {
	  display: block;
	  max-width: 420px;
	  margin-top: 236px;
	  margin-left: auto;
	  margin-right: auto;
	}

	.offer__list {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.offer__item {
		width: 100%;
		max-width: 420px;
		margin-bottom: 30px;
		margin-left: 0;
		margin-right: 0;
	}

	.experience {
		display: block;
		max-width: 760px;
		margin-top: 66px;
	}

	.experience__item {
		margin-right: 20px;
	}

	.experience__item--2,
	.experience__item--4 {
		margin-right: 0;
	}

	.experience__photo-wrap {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.experience__photo {
		margin-left: -50px;
	}

	.experience__photo-name,
	.experience__photo-desc {
		margin-left: 0;
	}

	.catalog__wrap {
		max-width: 420px;
		margin-top: 54px;
		margin-left: auto;
		margin-right: auto;
	}

	.catalog__main-list {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.catalog__title {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}

	.catalog__title--quantity {
		margin-top: 13px;
		margin-right: 0;
		margin-left: 0;
		font-size: 190px;
	}

	.catalog__title--block {
		margin-top: -12px;
		margin-left: 0;
		margin-right: 0;
	}

	.catalog-card {
		width: 100%;
		max-width: 420px;
		margin-bottom: 130px;
	}

	.catalog-card:last-of-type {
		margin-bottom: 0;
	}

	.catalog-card__image-wrap {
		max-height: 350px;
	}

	.catalog-card__image {
		width: 100%;
	}

	.catalog__item {
		margin-bottom: 7px;
	}

	.main-button--catalog {
		margin-left: auto;
		margin-right: auto;
	}

	.variants {
		padding-bottom: 0;	
		background-position: center 0;
	}

	.variants__container {
		max-width: 540px;	
	}

	.perfect-floor__subtitle {
		flex-wrap: wrap;
		font-size: 57px;
		line-height: 52px;
	}

	.perfect-floor__subtitle--stage {
		margin-right: 200px;	
		margin-bottom: 5px;	
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.variants__desc {
		margin-top: 13px;
	}

	.variants__image {
		position: static;	
		margin-top: 30px;	
		margin-bottom: -50px;	
		margin-left: -200px;	
	}

	.variants__list {
		margin-top: 16px;
	}

	.measuring {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 540px;
	}

	.measuring__content-wrap {
		order: 1;
	}

	.measuring__list {
		margin-top: 16px;
	}

	.measuring__image-wrap {
		order: 2;
		min-height: 455px;
		margin-top: 40px;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}

	.measuring__image {
		position: absolute;
		margin: auto;
		margin-top: -17px;
		left: -1000px;
		right: -1000px;
	}

	.alignment {
	  background-position: -700px center;
	}

	.alignment__desc {
		margin-top: 13px;
	}

	.alignment__list {
		margin-top: 18px;
	}

	.montage__title--stage {
		margin-left: 0;
		margin-right: 0;
	}

	.montage__title {
		max-width: 690px;
	}

	.montage__list {
		flex-wrap: wrap;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.montage__item {
		width: calc(50% - 20px);
		max-width: 400px;
		margin-bottom: 15px;
	}

	.montage__desc {
		margin-top: 11px;
	}

	.main-button--montage {
		margin-left: auto;
		margin-right: auto;
	}

	.service {
		max-width: 640px;
	}

	.service__title-wrap {
		justify-content: center;
		flex-wrap: wrap;
		text-align: center;
	}

	.service__title-wrap::before {
		left: -1000px;
		right: -1000px;
		margin: auto;
		text-align: center;
	}

	.service__title-desc {
		position: static;
		margin: 0;
		margin-top: 16px;
		text-align: center;
	}

	.service__list {
		flex-wrap: wrap; 
		justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 50px;
	}

	.service__item {
		width: 100%;
		max-width: 400px;
		margin-bottom: 125px;
	}

	.service__item:last-of-type {
		margin-bottom: 0;
	}

	.telegram {
		margin-top: 169px;
		max-width: 640px;
	}

	.telegram__container-wrap {
		padding-top: 44px;
		padding-bottom: 55px;
		padding-left: 55px;
		padding-right: 55px;
	}

	.telegram__paragraph {
		position: relative;
		text-align: left;
		z-index: 1;
	  max-width: 400px;
	}

	.telegram__button {
		position: relative;
		z-index: 1;
	}

	.telegram__image {
		top: -55px;
		right: -172px;
	}

	.tariffs__title-wrap {
		flex-wrap: wrap;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.tariffs__title-wrap::before {
		text-align: center;
		left: -1000px;
		right: -1000px;
		margin: auto;
	}

	.tariffs__title {
		max-width: 1000px;
		text-align: center;
	}

	.tariffs__title-desc {
		margin-top: 16px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.tariffs__main-list {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 24px;
	}

	.tariffs__main-item {
		width: 100%;
		max-width: 600px;
		margin-bottom: 20px;
		background-color: #fff;
	}

	.tariffs__subtitle {
		max-width: 1000px;
	}

	.tariffs__item {
	  padding-top: 4px;
	  padding-bottom: 4px;
	}

	.tariffs__button-desc {
		margin-top: 10px;
	}

	.main-button--tariffs {
		margin-left: auto;
		margin-right: auto;
	}

	.testimonials__title-wrap {
		text-align: center;
	}

	.testimonials__title-wrap::before {
		left: -1000px;
		right: -1000px;
		margin: auto;
		text-align: center;
	}

	.testimonials__title {
		margin-left: auto;
		margin-right: auto;
	}

	.testimonials__2gis-wrap {
		position: static;
		margin-top: 15px;
		margin-left: auto;
		margin-right: auto;
	}

	.testimonials__list {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 25px;
	}

	.testimonials__item {
		width: calc(50% - 5px);
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.testimonials__link {
		margin-top: -1px;
	}

	.showroom__title-wrap {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}

	.showroom__title-wrap::before {
		top: auto;
		bottom: -31px;
	}

	.showroom__title {
		margin-left: auto;
		margin-right: auto;
	}

	.showroom__title-desc {
		margin-top: 16px;
		text-align: center;
	}

	.showroom__main-wrap {
		margin-top: 24px;
		background-attachment: fixed;
	}

	.showroom__models {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 93px;
		text-align: center;
	}

	.showroom__models--quantity {
		margin-top: 13px;
		margin-right: 0;
		margin-left: 0;
		font-size: 190px;
	}

	.showroom__models--block {
		margin-top: -12px;
		margin-left: 0;
		margin-right: 0;
	}

	.showroom__list {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}

	.showroom__item {
		width: calc(50% - 20px);
		margin-bottom: 30px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.ramil {
		flex-wrap: wrap;
		max-width: 600px;
	}

	.ramil__content-wrap {
		order: 1;
	}

	.ramil__image-wrap {
		position: relative;
		order: 2;
		margin-left: auto;
		margin-right: auto;
	}

	.ramil__image-wrap::before {
		left: -1000px;
		right: -1000px;
		text-align: center;
	}

	.footer__container {
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer__copyright {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 690px) {
	.header::before {
		height: 500px;
	}

	.header__geo-city {
		font-size: 32px;
	}

	.offer {
		background-size: 1800px;
		background-position: center 240px;
	}

	.offer::before,
	.offer::after {
		top: 1074px;
	}

	.offer__title {
		font-size: 53px;
		font-weight: 700;
		line-height: 55px;
		letter-spacing: 0;
	}

	.offer__title--mini {
		font-size: 40px;
		font-weight: 700;
		line-height: 40px;
	}

	.offer__desc {
		font-size: 41px;
		line-height: 42px;
	}

	.experience__item--2,
	.experience__item--4 {
		margin-left: 40px;
	}

	.perfect-floor__title-wrap::before {
		display: none;
	}

	.variants__image {
		width: 1100px;
		margin-top: 30px;	
		margin-bottom: -35px;	
		margin-left: -20px;	
	}

	.montage__list {
		justify-content: center;
		max-width: 600px;
		margin-top: 53px;
	}

	.montage__item {
		width: 100%;
		max-width: 400px;
		margin-top: 0;
		margin-bottom: 45px;
	}

	.montage__subtitle {
		max-width: 260px;
	}

	.montage__paragraph {
		max-width: 302px;
	}

	.montage__desc {
		margin-top: -19px;
	}

	.gallery__title-wrap {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}

	.gallery__title-wrap::before {
		display: none;
	}

	.gallery__title-desc {
		position: static;
		margin: 0;
		margin-top: 15px;
		text-align: center;
	}

	.gallery__list { 
		margin-top: 20px;
	}

	.gallery__content {
		position: static;
		width: 100%;
		max-width: 1000px;
	}

	.gallery__content-wrap {
		width: 100%;
		max-width: 1000px;
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left: 30px;
		padding-right: 30px;
		background-color: #F1F1F1;
		border-radius: 0 0 10px 10px;
	}

	.gallery__image {
		width: 100%;
		border-radius: 10px 10px 0 0;
	}

	.telegram {
		text-align: center;
	}

	.telegram__paragraph {
		max-width: 600px;
	}

	.telegram__button {
		margin-top: 15px;
	}

	.telegram__image--desktop {
		display: none;
	}

	.telegram__image--mobile {
		display: inline-block;
	}

	.telegram__image {
		position: static;
		margin-top: 20px;
		/*margin-bottom: -55px;*/
	}

	.testimonials {
		margin-top: 100px;
	}

	.testimonials__title-wrap::before {
		display: none;
	}

	.testimonials__title {
		font-size: 75px;
		line-height: 65px;
	}

	.testimonials__item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.showroom__title {
		font-size: 57px;
	}

	.showroom__title--big {
		margin-top: 5px;
	}

	.showroom__main-wrap {
		padding-bottom: 40px;
	}

	.showroom__list::before {
		display: none;
	}

	.showroom__mini-title {
		margin-top: 102px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.showroom__item {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
		margin-right: 0;
	}

	.footer__copyright {
		line-height: 23px;
	}

	.footer__politics {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}
}

@media (max-width: 530px) {
	.block-title {
		font-size: 56px;
		line-height: 51px;
	}

	.header__logo-wrap {
		margin-top: 4px;
	}

	.header__logo {
		max-width: 200px;
	}

	.header__geo-wrap {
		margin-top: 3px;
	}

	.offer {
		background-size: 1800px;
		background-position: center 388px;
	}

	.offer::before,
	.offer::after {
		top: 1222px;
	}

	.offer__title {
		text-align: left;
	}

	.offer__title-list {
		margin-top: 20px;
	}

	.title-list {
		justify-content: start;
		max-width: 400px;
		margin-left: 0;
	}

	.title-list__item {
		margin-bottom: 12px;
		margin-left: 0;
	}

	.offer__desc {
		font-size: 36px;
		text-align: left;
		line-height: 37px;
	}

	.experience__desc {
		margin-top: 17px;
	}

	.gis {
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.gis__logo {
		margin-left: 90px;
		margin-right: 90px;
	}

	.gis__list {
		margin-top: 13px;
		margin-left: 0;
	}

	.gis__desc {
		margin-top: 15px;
		margin-left: 10px;
		margin-right: 0;
	}

	.experience__item {
		margin-left: 0px;
		margin-right: 0;
	}

	.catalog__subtitle {
		text-align: left;
	}

	.catalog__supervisor-desc,
	.catalog__supervisor-paragraph {
		margin-left: 0;
		text-align: left;
	}

	.catalog__supervisor-desc {
		margin-top: 35px;
	}

	.perfect-floor__title,
	.perfect-floor__title-desc {
		text-align: left;
	}

	.perfect-floor__subtitle--stage {
		margin-right: 150px;
	}

	.perfect-floor__item {
		margin-bottom: 20px;
	}

	.measuring__image-wrap {
		max-width: 355px;
		min-height: 415px;
	}

	.measuring__bg-image {
		width: 100%;
		min-width: 370px;
		top: -1000px;
		bottom: -1000px;
	}

	.measuring__image {
		top: -1000px;
		bottom: -1000px;
		left: -1020px;
		width: 290px;
		margin: auto;
	}

	.alignment {
		background-image: url(../img/alignment-bg-mobile.jpg);
	  background-position: center bottom;
	  background-size: 700px;
	}

	.alignment__title--text {
		font-size: 49px;
		line-height: 46px;
	}

	.montage__title {
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}

	.montage__title--stage {
		margin-left: 0;
		margin-right: auto;
	}

	.service__title-wrap::before {
		display: none;
	}

	.service__list {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.gallery {
		padding-left: 20px;
		padding-right: 20px;
	}

	.gallery__list--desktop {
		display: none;
	}

	.gallery__list--mobile {
		display: block;
	}

	.gallery__content-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	.telegram__container-wrap {
		padding: 25px;
	}

	.tariffs__title-wrap::before {
		display: none;
	}

	.showroom__title-wrap::before {
		display: none;
	}

	.testimonials__title {
		font-size: 49px;
		line-height: 46px;
	}

	.showroom__title {
		font-size: 53px;
		line-height: 45px;
	}

	.showroom__title--big {
		margin-top: 15px;
		font-size: 61px;
	}

	.showroom__main-wrap {
		padding-bottom: 10px;
	}

	.showroom__models--quantity {
		margin-top: 13px;
		font-size: 180px;
	}

	.showroom__mini-title {
		color: #fff;
		background: none;
	}

	.showroom__list {
		margin-top: 0px;
	}

	.ramil__title {
		font-size: 76px;
		line-height: 70px;
	}

	.ramil__image-wrap {
		width: 100%;
		text-align: center;
	}

	.ramil__image-wrap::before {
		top: -53px;
		left: -13px;
		right: auto;
		text-align: left;
	}

	.ramil__photo {
		width: 100%;
		max-width: 367px;
	}

	.pop-up__wrap {
	  max-width: 340px;
	  padding-top: 22px;
	  padding-bottom: 25px;
	  padding-left: 15px;
	  padding-right: 15px;
	}
}

@media (max-width: 359px) {
	.block-title {
		font-size: 50px;
		line-height: 45px;
	}

	.header__geo-city {
		padding-left: 0;
		padding-right: 0;
		font-size: 31px;
		text-align: left;
	}

	.header__geo-city::before {
		display: none;
	}

	.header__geo-adress {
		max-width: 200px;
		margin-left: 0;
		margin-right: auto;
		text-align: left;
	}

	.offer {
		background-size: 1800px;
		background-position: center 440px;
	}

	.offer::before,
	.offer::after {
		top: 1274px;
	}

	.offer__title {
		font-size: 48px;
	}

	.offer__title--mini {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		font-size: 37px;
		line-height: 40px;
	}

	.catalog__title--quantity {
		margin-top: 13px;
		font-size: 180px;
	}

	.perfect-floor__subtitle {
		flex-wrap: wrap;
		font-size: 56px;
		line-height: 51px;
	}

	.alignment__title--text {
		font-size: 42px;
		line-height: 40px;
	}

	.montage__title {
		font-size: 50px;
		line-height: 46px;
	}

	.service__subtitle {
		top: -85px;
		font-size: 19px;
		line-height: 24px;
	}

	.telegram {
		padding-left: 10px;
		padding-right: 10px;
	}

	.telegram__container-wrap {
		padding: 15px;
	}

	.testimonials__title {
		margin-bottom: 17px;
		font-size: 43px;
		line-height: 40px;
	}

	.testimonials__link {
	  font-size: 23px;
	}

	.showroom__title--big {
		margin-top: 12px;
		font-size: 54px;
	}

	.contacts__phone {
		display: block;
		margin-top: 2px;
		font-size: 22px;
	}

	.ramil__title {
		font-size: 76px;
		line-height: 70px;
	}
}