@media(min-width: 2000px) {
	.contact .flexBlockMenu-right {
	    background: url(../img/noj4.png)no-repeat right bottom / 270px, url(../img/bg2-1.png)no-repeat center/cover;
	}
	.feedback .flexBlockMenu-right {
	    background: url(../img/noj5.png)no-repeat 96% bottom / 340px, url(../img/bg2-1.png)no-repeat center/cover;
	}
	.form.feedback {
    max-width: 520px;
	}
	div#btn, .div_ {
    max-width: 520px;
    width: 520px;
	}
	.collectionBlock a{
		width: 100%;
	}
	.collectionBlock a img {
    width: 100%;
	}
}


@media(min-width: 2300px) {
	.flexBlock {
		background: url(../img/bg_c.jpg)no-repeat left center / 30%, url(../img/bg_c.jpg)no-repeat right center / 28%;
		min-height: 100vh;
	}
	form.auth p {
		font-size: 16px;
	}
	form.auth label {
		max-width: 600px;
	}
	form.auth button {
		font-size: 36px;
	}
	a.link {
		font-size: 36px;
	}
	.lang {
		font-size: 30px;
	}
	.copyr {
		font-size: 19px;
	}
	a.logo img {
		max-width: 450px;
	}
	.left,
	.right {
		display: flex;
		align-items: flex-end;
	}
	.right img,
	.left img {
		padding: 0 50px;
	}
	.flexBlock .title2 img {
		max-width: 500px;
		width: 100%;
	}
	.flexBlock .title img {
		max-width: 560px;
		width: 100%;
	}
	a.logo {
		margin: 60px 80px;
	}
	a.menu_t {
		font-size: 40px;
	}
	.infBlock * {
		font-size: 34px;
		line-height: 42px;
	}
	.map {
		max-width: 750px;
		margin-top: 80px;
	}
	.map img {
		width: 100%;
	}
	.flexBlockMenu-center .title {
		font-size: 35px;
	}
	.flexBlockMenu-center .title2 {
		font-size: 40px;
		line-height: 46px;
	}
	.copyr {
		font-size: 20px;
	}
	.flexBlockMenu-left a.int span {
		font-size: 45px;
		line-height: 55px;
		max-width: 210px;
	}
	.flexBlockMenu-left a.int img {
		max-width: 200px;
		width: 100%;
	}
	.header {
		margin-bottom: 80px;
	}
	.contact .flexBlockMenu-right {
		background: url(../img/noj4.png)no-repeat right bottom / 310px, url(../img/bg2-1.png)no-repeat center/cover;
	}
	.form.feedback {
		max-width: 750px;
	}
	.div_ {
		max-width: 100%;
		width: 100%;
		border-bottom: 1px solid #878787;
		margin-bottom: 50px;
	}
	.div_ input,
	.div_ textarea {
		font-size: 36px;
	}
	.form__wrapper .svg-box {
		width: 60px;
	}
	.form__wrapper .svg-box svg {
		transform: scale(1.5);
		position: relative;
		left: 13px;
	}
	.form__wrapper .svg-box:after {
		height: 54px;
		top: -16px;
	}
	div#btn {
		max-width: 750px;
		font-size: 43px;
	}
	.feedback .flexBlockMenu-right {
		background: url(../img/noj5.png)no-repeat 96% bottom / 380px, url(../img/bg2-1.png)no-repeat center/cover;
	}
	.flexBlockMenu2 {
		background: url(../img/bg3-3.png)no-repeat left center / 100px;
	}
	.top2 .logo img {
		max-width: 340px;
	}
	.top2 a.logo {
		margin: 60px 40px;
	}
	.title_1 {
		font-size: 30px;
	}
	a.link_1 {
		font-size: 30px;
	}
	.flexBlockMenu-center2 .p,
	.flexBlockMenu-center2 .p a {
		font-size: 30px;
	}
	.header.v2 {
		margin-left: 60px;
	}
	.collectionBlock {
		margin: auto 133px;
	}
	.header.v2 .menu {
		margin-right: 145px;
	}
	.flexBlockMenu-right2 .back {
		font-size: 40px;
	}
	.flexBlockMenu-right2 .back img {
		width: 48px;
		position: relative;
		top: -3px;
	}
	.collectionBlock a {
		max-width: 47%;
		width: 100%;
	}
	.collectionBlock a img {
		width: 100%;
	}
	.flexBlockMenu2.gallery .galleryBlock {
		max-width: 90%;
		width: 100%;
	}
	.flexBlockMenu2.gallery .galleryBlock img {
		width: 100%;
	}
	.element-item {
		max-width: 23%;
		width: 100%;
		margin-bottom: 1%;
	}
	.element-item .desc {
		font-size: 24px;
		line-height: 28px;
	}
	.element-item img {
		width: 100%;
	}
	.element-item .name {
		font-size: 27px;
		padding-top: 28px;
	}
	.button-group.filters-button-group .button {
		font-size: 40px;
	}
	.flex_block {
		margin-top: 60px;
		max-height: calc(100vh - 250px);
	}
	.link, form.auth button{

	}
}

@media(max-width: 1500px) {
	.flexBlock a.logo img {
		max-width: 200px;
	}
	.title {
		max-width: 400px;
		margin: auto;
		margin-bottom: 30px;
	}
	.title2 {
		max-width: 300px;
		margin: auto;
	}
	.flexBlock a.logo {
		margin: 20px 0;
	}
	.link, form.auth button {
		font-size: 18px;
		margin-top: 12px;
		line-height: 38px;
	}
	form.auth label {
		margin-top: 0;
	}
	.home .flexBlockMenu-right {
		background: url(../img/noj2.png)no-repeat 106% bottom / 55vh, url(../img/bg2-1.png)no-repeat center/cover;
	}
	.menu_t {
		font-size: 24px;
		padding: 24px;
		/* background: url(../img/line2.png)no-repeat left center / 3px; */
	}
	.menu_t .img {
		min-width: 20px;
	}
	.flexBlockMenu-left a.int span {
		font-size: 24px;
		text-align: center;
		line-height: 27px;
	}
	.flexBlockMenu-left {
		padding: 0 40px;
	}
	.flexBlockMenu-center a.logo img {
		max-width: 200px;
	}
	.flexBlockMenu-center a.logo {
		text-align: center;
	}
	.flexBlockMenu-center {
		padding: 30px 40px;
	}
	.flexBlockMenu-center .title2 img {
		max-width: 300px;
	}
	a.abs img {
		max-width: 164px;
	}
	.form.feedback {
		margin-left: 68px;
	}
	div#btn {
		font-size: 24px;
	}
	.feedback .flexBlockMenu-right {
		background: url(../img/noj4.png)no-repeat 95% bottom / 23vh, url(../img/bg2-1.png)no-repeat center/cover;
	}
	.contB {
		padding-left: 65px;
	}
	.map {
		max-width: 400px;
	}
	.top2 .logo img {
		max-width: 200px;
	}
	.title_1 {
		font-size: 18px;
	}
	a.link_1 {
		font-size: 18px;
		margin: 10px;
	}
	.p {
		font-size: 18px;
	}
	.flexBlockMenu-right2 .back img {
		max-width: 180px;
	}
	.button-group.filters-button-group .button {
		font-size: 18px;
	}
	.flexBlockMenu-right2 .back {
		font-size: 18px;
	}
	.element-item .name {
		font-size: 18px;
	}
	.element-item .desc {
		font-size: 15px;
	}
	.flexBlockMenu2.catalog .flexBlockMenu-right2 {
		padding-top: 2%;
	}
	.flexBlockMenu2.catalog .flexBlockMenu-right2 {
		width: 100%;
	}
	.flex_block {
		max-height: calc(100vh - 150px);
	}
	.collectionBlock a img {
		max-width: 100%;
		width: 100%;
	}
	a.menu_t {
		font-size: 20px;
		/* background: url(../img/line2.png)no-repeat left center / 2.2px; */
	}
	.menu_t .img {}
	.collectionBlock .item {
		max-width: 47%;
	}
	.collectionBlock a .name {
		font-size: 20px;
	}
	.header.v2 .menu {
		margin-right: 84px;
	}
	.contact .flexBlockMenu-right {
		background: url(../img/noj4.png)no-repeat right bottom / 175px, url(../img/bg2-1.png)no-repeat center/cover;
		width: 100%;
	}
	.menu_t .img img {
		max-width: 20px;
		max-height: 28px;
	}
	.element-item .desc {
		font-size: 15px;
	}
	.button-group.filters-button-group {
		left: calc(50% - 356px / 2);
	}
	.name {
		padding-top: 20px;
		background: url(../img/line3.png)no-repeat center 9px / 140%;
	}
	.header {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.flexBlockMenu-left a.int span {
		font-size: 20px;
	}
	.infBlock * {
		font-size: 20px;
	}
	.feedback .flexBlockMenu-right {
		background: url(../img/noj5.png)no-repeat 96% bottom / 230px, url(../img/bg2-1.png)no-repeat center/cover;
		width: 100%;
	}
	.div_ {
		width: 350px;
	}
	.div_ input,
	.div_ textarea {
		font-size: 20px;
	}
	div#btn {
		max-width: 350px;
	}
	.button-group.filters-button-group .button .img {
		margin-right: 12px;
	}
	.button-group.filters-button-group .button .img img {
		max-width: 20px;
		max-height: 22px;
	}
	.button-group.filters-button-group .button .img {
		min-width: 20px;
	}
	.flexBlockMenu-left a.int img {
		max-width: 100px;
	}
	.flexBlockMenu-left a.int:after {
		left: 47px;
		top: 44px;
		width: 17px;
		height: 26px;
	}
	.div_ {
		max-width: 320px;
		width: 100%
	}
	.form__wrapper .svg-box {
		margin: 9px 14px;
	}
	div#btn {
		max-width: 320px;
		font-size: 20px;
	}
	div#btn span {
		margin-top: -6px;
	}
}

@media(max-width: 1024px) {
	.flexBlockMenu-center2 {
		margin-left: 0;
	}
	.flexBlockMenu2.catalog .flexBlockMenu-right2 .back {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.button-group.filters-button-group {
		flex-wrap: wrap;
	}
	.button-group.filters-button-group .button {
		width: 45%;
		margin-bottom: 10px;
	}
	.flex_block {
		max-height: calc(100vh - 240px);
		margin-left: 0;
	}
	.element-item {
		max-width: 45%;
	}
	.flexBlock {
		min-height: 100vh;
	}
	.left,
	.right {
		display: flex;
		align-items: flex-end;
	}
	.header.v2 .menu a.menu_t {
		padding: 0;
		white-space: nowrap;
		position: relative;
		left: -7px;
		font-size: 18px;
	}
	.header.v2 {
		flex-wrap: wrap;
	}
	.header.v2 .menu a.menu_t .img {
		position: relative;
		right: -15px;
	}
	.flexBlockMenu {
		flex-direction: column;
	}
	.flexBlockMenu-left a.int {
		flex-direction: row;
		justify-content: center;
		width: 100%;
	}
	.flexBlockMenu-left a.int img {
		max-width: 90px;
	}
	.flexBlockMenu-center a.logo {
		display: none;
	}
	.flexBlockMenu-left a.int:hover:after {
		display: none;
	}
	.copyr {
		margin-bottom: 0;
	}
	.feedback .flexBlockMenu-right {
		min-height: calc(100vh - 322px);
	}
	.collectionBlock .item {
		max-width: 100%;
	}
}

@media(max-width: 991px) {
	html {
		overflow-y: scroll;
	}
	html {
		overflow-y: scroll;
	}
	.flexBlockMenu-right {
		padding-bottom: 40px;
		order: -1;
	}
	.flexBlockMenu-center a.logo {
		display: block;
	}
	.header {
		margin-bottom: 70px;
	}
	.flexBlockMenu-center a.logo img {
		max-width: 170px;
	}
	.flexBlockMenu-center a.logo {
		margin: 0 0 20px;
	}
	.flexBlockMenu-center .title {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.flexBlockMenu-center .title2 {
		font-size: 23px;
		line-height: 25px;
		margin-bottom: 12px;
	}
	div#btn {
		position: relative;
	}
	.flexBlockMenu2 {
		flex-direction: column-reverse;
	}
	.header.v2 {
		margin-bottom: 50px!important;
	}
	.collectionBlock .item {
		max-width: 48%;
	}
	.collectionBlock {
		padding-bottom: 30px;
	}
	.top2 {
		margin: 0;
	}
	a.logo {
		margin: 30px 0 20px;
	}
	.flexBlockMenu-center2 {
		padding-bottom: 35px;
	}
	.element-item {
		max-width: 32%;
	}
	.flex_block {
		max-height: none;
		overflow-y: auto;
	}
}

@media(max-width: 750px) {
	.left,
	.right {
		display: none;
	}
	.center {
		padding: 0 20px;
	}
	.flexBlock a.logo img {
		max-width: 140px;
	}
	form.auth p {
		font-size: 7px;
	}
	form.auth label {
		margin-bottom: 0;
	}
	.bottom {
		padding-bottom: 24px;
	}
	.copyr {
		font-size: 12px;
	}
	.contB {
		padding: 0 20px;
	}
	.flexBlockMenu-center {
		padding: 20px 20px 0 20px;
	}
	.flexBlockMenu-center .title {
		font-size: 18px;
	}
	.flexBlockMenu-center .title2 {
		font-size: 18px;
	}
	.flexBlockMenu-left a.int span {
		margin-top: 0;
		max-width: 300px;
		margin-left: 10px;
	}
	.infBlock * {
		font-size: 16px;
		line-height: 21px;
	}
	.contact .flexBlockMenu-right {
		background: url(../img/bg2-1.png)no-repeat center/cover;
	}
	a.menu_t {
		font-size: 16px;
		padding: 0;
	}
	.header {
		margin-bottom: 20px;
		padding: 0 20px;
		justify-content: space-between;
	}
	.menu_t .img {
		display: none;
	}
	a.menu_t:last-child {
		padding-right: 0;
	}
	.flexBlockMenu-left a.int {
		padding: 10px 0;
	}
	.feedback .flexBlockMenu-right {
		background: url(../img/bg2-1.png)no-repeat center/cover;
	}
	.form.feedback {
		margin: 0;
		padding: 0 20px;
	}
	.div_ {
		width: 100%;
	}
	.div_ input,
	.div_ textarea {
		font-size: 18px;
	}
	.form__wrapper .svg-box {
		width: 20px;
	}
	.flexBlockMenu-right {
		padding-bottom: 30px;
	}
	.form__wrapper .svg-box {
		margin: 5px 19px 5px 19px;
	}
	.flexBlockMenu-left a.int img {
		max-width: 70px;
	}
	.header.v2 .menu a.menu_t {
		position: inherit;
		font-size: 16px;
		padding: 0;
	}
	.header.v2 .menu {
		margin: 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.header.v2 {
		margin-left: 0;
		margin-bottom: 20px!important;
	}
	.flexBlockMenu-right2 .back {
		order: 2;
		font-size: 16px;
	}
	.flexBlockMenu-right2 .back img {
		margin-right: 10px;
		position: relative;
		top: -2px;
		width: 28px;
	}
	.collectionBlock {
		margin: 0;
		padding: 0 20px;
		padding-bottom: 20px;
	}
	.collectionBlock .item {
		max-width: 100%;
	}
	.flexBlockMenu2.gallery {}
	.flexBlockMenu2.gallery a.back {
		/* display: none; */
	}
	.top2 .logo img {
		max-width: 170px;
	}
	.center2 * {
		font-size: 16px;
	}
	a.link_1 {
		font-size: 16px;
	}
	.flexBlockMenu-center2 .p,
	.flexBlockMenu-center2 .p a {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.flexBlockMenu-center2 {
		padding-bottom: 20px;
	}
	.button-group.filters-button-group .button .img img {
		display: none;
	}
	.button-group.filters-button-group {}
	.flexBlockMenu2.catalog .flex_B {
		padding: 0 20px;
	}
	.element-item {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.button-group.filters-button-group .button {
		font-size: 14px;
		padding: 0;
		margin-bottom: 0;
		width: auto;
	}
	.button-group.filters-button-group .button .img {
		display: none;
	}
	.flexBlockMenu2.catalog .flexBlockMenu-right2 {
		width: 100%;
		background: #101117;
	}
	.flexBlockMenu-center {
		background: url(../img/line2.svg)no-repeat -2px bottom / contain, url(../img/line1.svg)no-repeat calc(100% + 0px) bottom / contain, url(../img/bg_c.jpg)no-repeat center/cover;
	}
	.flexBlockMenu-center2 {
		background: url(../img/line2.svg)no-repeat -2px bottom / contain, url(../img/line1.svg)no-repeat calc(100% + 0px) bottom / contain, url(../img/bg3-2.png)no-repeat center center / cover;
	}
}

@media(max-width: 500px) {

div#canvas {
    min-height: 250px;
		margin: 0!important;
		width: 100%!important;
}
	.header {
		display: none;
	}
	.flexBlockMenu-left {
		display: none;
	}
	.flexBlockMenu-center {
		background: none;
		padding: 10px 0 20px;
	}
	.contact .flexBlockMenu-right {
		background: none;
		padding: 0;
	}
	.flexBlockMenu {
		justify-content: space-between;
	}
	.flexBlockMenu-center a.logo {
		display: none;
	}
	.bottom {
		padding-bottom: 0;
	}
	.flexBlockMenu-center .title {
		line-height: 20px;
		margin-bottom: 10px;
	}
	.flexBlockMenu-center .title2 {
		line-height: 19px;
	}
	.map {
		margin-top: 20px;
	}
	.burger input {
		display: none;
	}
	.burger label {
		position: relative;
		width: 50px;
		height: 40px;
		display: inline-block;
		cursor: pointer;
		margin: 1.7em;
		transition: all 0.5s;
		text-align: left;
	}
	.burger div,
	.burger div:before,
	.burger div:after {
		background: #000;
		position: absolute;
		height: 5px;
		width: 50px;
		border-radius: 4px;
		transition: all 0.5s;
	}
	.burger label div:first-child {
		top: 0px;
	}
	.burger label div:nth-child(2) {
		top: 10px;
	}
	.burger label div:nth-child(3) {
		top: 20px;
	}
	#menu36+label div:first-child {
		transition: top 0.15s 0.15s, transform 0.15s;
	}
	#menu36+label div:nth-child(2),
	#menu36+label div:nth-child(3) {
		transition: top 0.15s 0.15s, transform 0.15s;
	}
	#menu36:checked+label div:first-child {
		top: 10px;
		transform: rotate(45deg);
		transition: top 0.15s, transform 0.15s 0.15s;
	}
	#menu36:checked+label div:nth-child(2),
	#menu36:checked+label div:nth-child(3) {
		top: 10px;
		transform: rotate(-45deg);
		transition: top 0.15s, transform 0.15s 0.15s;
	}
	.mob500.mob_header {
		display: flex;
		justify-content: space-between;
		padding: 15px 20px;
		align-items: center;
	}
	main {
		background: url(../img/bg2-1.png)no-repeat center/cover;
	}
	.logo img {
		max-width: 49px;
	}
	.fix {
		position: fixed;
		top: 0;
		right: 0;
		background: #1b1c22e0;
		height: 100%;
		transition: 0.4s;
		padding-top: 70px;
		width: 100%;
		z-index: 3;
		left: 120%;
	}
	.burger {
    position: relative;
    z-index: 4;
	}
	.fix .menu_t {
		font-size: 24px;
		margin-left: 0;
		margin-left: 32px;
		margin-bottom: 16px;
	}
	body.active .fix {
		left: 20%;
	}
	.burger label {
		margin: 0;
		z-index: 3;
		height: 24px;
	}
	.burger div,
	.burger div:before,
	.burger div:after {
		height: 1px;
		background: #DEAD6F;
	}
	.flexBlockMenu {
		min-height: calc(100vh - 95px);
	}
	.burger label div:first-child {
		top: -5px;
	}
	.burger label div:nth-child(3) {
		top: 25px;
	}
	.feedback .flexBlockMenu-right {
		background: none;
		min-height: initial;
		padding-bottom: 0;
	}
	.div_ {
		max-width: 100%;
		margin-bottom: 17px;
	}
	div#btn {
		max-width: 100%;
	}
	.form__wrapper .svg-box svg {
		max-width: 23px;
	}
	.form__wrapper .svg-box {
		margin: -6px 15px 0px 0;
	}
	.form__wrapper .svg-box:after {
		height: 27px;
		top: 0;
		left: -10px;
	}
	.div_ input,
	.div_ textarea {
		width: 100%;
	}
	.div_ textarea {
		height: 37px;
	}
	div#btn span {
		font-size: 17px;
		margin: -14px 18px 0 0;
	}
	.flexBlockMenu2 {
		background: none;
		min-height: calc(100vh - 95px);
	}
	.flexBlockMenu-right2 {
		background: none;
	}
	.header.v2 {
		display: none;
	}
	.flexBlockMenu2 {
		justify-content: space-around;
	}
	.flexBlockMenu-center2 {
		background: none;
	}
	.flexBlockMenu2.catalog .flexBlockMenu-right2 .back {
		display: none;
	}
	.flex_block {
		margin-top: 10px;
	}
	.button-group.filters-button-group .button {
		font-size: 17px;
	}
	.top2 {
		display: none;
	}
	.collectionBlock a:after, .collectionBlock a .name {
    opacity: 1;
	}
	.flex_block{
		flex-wrap: nowrap;
    justify-content: inherit;
	}
	.flex_block{
		overflow-y: visible;
	}
	.ovh{
		margin-bottom: 20px;
	}
	.flexBlockMenu2.catalog .flexBlockMenu-right2{
		background: none;
	}
	span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #DEAD6F;
	}

	body {
	  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
	  height: calc(var(--vh, 1vh) * 100);
	}
	.element-item .desc, .element-item .name {
    left: 200%;
}
.wrapper {
    overflow-y: hidden;
}
}

@media(max-width: 340px) {
	.flexBlockMenu2.gallery .flexBlockMenu-right2 {
		padding-top: 0;
	}
	.flexBlockMenu-center2 .p,
	.flexBlockMenu-center2 .p a {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.map {
		max-width: 82%;
		margin: 10px auto 0;
	}
}
