.mob-m{
	display: none;
}
@media all and (max-height: 1050px) and (min-width: 1343px){
	.first__title{
		font-size: 75px;
	}
	.first{
		padding: 60px 0;
	}
}
@media all and (max-height: 700px) and (min-width: 1343px){
	#first{
		padding: 130px 0 130px;
	}
}
@media all and (max-width: 1680px){
	#gallery{
		padding: 100px 0 150px;
	}
	.first__title{
		font-size: 90px;
		max-width: 610px;
		padding: 26px 0 140px;
	}
	.first{
		padding: 60px 0 60px;
	}
	.first__title:before{
		background-size: contain;
		height: 175px;
	}
	#first{
		min-height: 100vh;
		display: flex;
		align-items: center;
	}
	.modal__box{
		padding: 50px;
	}
	.modal__wrapper{
		max-width: 660px;
	}
	.modal .callback-form__input{
		padding: 10px 0;
	}
	.modal .callback__input textarea, .modal .callback__input input, .modal .callback-form__label{
		padding-top: 5px;
	}
	.modal .agree{
		padding-top: 10px;
	}
}
@media all and (max-width: 1535px){
	header .container{
		max-width: 1343px;
		padding: 0 20px;
	}
}
@media all and (max-width: 1343px){
	.gallery-box{
		gap: 40px 20px;
	}
	.gallery-nav{
		margin: 0 0 40px;
	}
	#gallery{
		padding: 80px 0 120px;
	}
	.catalog-item__text{
		font-size: 100px;
	}
	.catalog-nav span{
		padding: 10px 20px;
	}
	.gallery-nav span{
		padding: 30px 20px;
	}
	.title{
		font-size: 48px;
	}
	.mark {
		padding: 97px 0 135px;
	}
	.mark-text{
		font-size: 135px;
		padding: 26px 0;
	}
	#callback,
	#exclusive{
		padding: 135px 0;
	}
	#prod{
		padding: 135px 0 150px;
	}
	.card-img{
		max-width: 500px;
	}
	.card-content {
		max-width: calc(100% - 540px);
	}
	.modal-product .modal__box {
		padding: 40px;
	}
}
@media all and (max-width: 1024px){
	.char{
		margin: 0;
	}
	.modal-product .modal__wrapper{
		max-width: 600px;
	}
	.card-content{
		width: 100%;
		max-width: 100%;
		padding: 50px 0 0;
	}
	.card-img{
		max-width: 560px;
	}
	header{
		padding: 10px 0;
	}
	.header-nav,
	.header-btn .header-btn__order{
		display: none;
	}
	.open-m header,
	header.scroll{
		background: #170d0b;
	}
	
	.open-m .mobile-menu{
		transform: translateX(0);
	}
	.header-nav a{
		padding: 15px 0;
		font-size: 18px;
	}
	.header-btn__order{
		margin: 50px 0 0;
	}
	.header__logo{
		background-size: contain;
		height: calc(100% - 10px);
	}
	.mobile-menu .header-nav{
		display: block;
	}
	.about-content{
		width: 100%;
		max-width: 100%;
	}
	.about{
		max-width: 768px;
		margin: 0 auto;
	}
	.about-img{
		margin: 40px auto 0;
	}
	.mob-m{
		display:block;
		width: 40px;
		height: 40px;
		position: relative;
		user-select: unset;
		pointer-events: unset;
	}
	.mob-m button {
		width: 30px;
		height: 40px;
		position: absolute;
		margin: 0;
		border: 0px;
		background: transparent;
		right: 0px;
		top: 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		outline: none;
	}
	.mob-m button span {
		display: block;
		position: absolute;
		height: 1px;
		width: 100%;
		background: white;
		border-radius: 3px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.mob-m button span:nth-child(1) {
		top: 9px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.mob-m button span:nth-child(2) {
		top: 19px;
		width: 40%;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.mob-m button span:nth-child(3) {
		top: 29px;
		width: 60%;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.mob-m button.openm span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 9px;
		left: 0;
	}
	.mob-m button.openm span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	.mob-m button.openm span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 30px;
		left: 0;
		width: 100%;
	}
	.open-m .mob-m button {
		z-index: 9999;
	}
	.over_bg {
		z-index: 9;
		position: fixed;
		bottom: 0;
		background: rgb(23 13 11 / 50%);
		right: 0;
		top: 0;
		display: block;
		left: 0;
	}
	.header__phone{
		margin-right: 0;
	}
	#first{
		padding: 60px 0 0;
	}
	#catalog{
		padding: 80px 0;
	}
}
@media all and (max-width: 768px){
	.catalog-item__wrap{
		padding: 0;
		display: flex;
		flex-direction: column;
	}
	.catalog-item__content{
		max-width: 100%;
	}
	.catalog-item__img{
		position: relative;
	}
	.header__phone:after,
	.header__phone span{
		display: none;
	}
	.header__phone{
		width: 40px;
		height: 40px;
		background: url(img/phone.svg) no-repeat center;
		background-size: 30px;
	}
	.first__title{
		font-size: 60px;
		padding-bottom: 70px;
	}
	.first__title:before{
		height: 90px;
	}
	.mark {
		padding: 50px 0 50px;
	}
	.mark-text{
		font-size: 60px;
		padding: 15px 0;
	}
	.about-img{
		max-width: 589px;
		width: 100%;
	}
	.gallery-box{
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.gallery-item{
		max-width: 560px;
		width: 100%;
		margin: 0 auto;
	}
	.catalog-nav{
		justify-content: flex-start;
		border: none;
	}
	.gallery-nav span{
		padding: 15px 20px;
		margin: 0 5px;
	}
	.gallery-nav span:after{
		background: rgb(109 109 104 / 10%);
		opacity: 1;
	}
	.gallery-nav span.active:after{
		background: #C7A150;
	}
	#gallery{
		padding: 40px 0 80px;
	}
	.top-inner #first{
		min-height: calc(100vh - 200px);
	}
}
@media all and (max-width: 568px){
	.card-nav__next{
		text-align: right;
	}
	.card-content__desc p{
		padding: 15px 0;
	}
	.char-item{
		padding: 20px 10px;
	}
	.card-content{
		padding: 20px 0 0;
	}
	.big-slider{
		margin: 0 0 5px;
	}
	.modal-product .modal__box{
		padding: 60px 20px;
	}
	.catalog-navi__next{
		transform: unset;
		width: 60px;
	}
	.big-slider-prev:focus, .big-slider-next:focus,
	.catalog-navi__next:focus{
		outline: none;
	}
	.catalog-item__text{
		font-size: 60px;
	}
	.catalog-nav{
		margin-left: -20px;
		width: calc(100% + 40px);
		justify-content: flex-start;
		padding: 0 0 20px;
	}
	.catalog-sidebar{
		width: 100%;
	}
	.catalog-sidebar span:last-child{
		width: 100%;
		padding-left: 20px;
	}
	.catalog-sidebar span:last-child i{
		writing-mode: lr;
	}
	.catalog-item__img{
		padding-right: 0;
		padding-left: 20px;
		padding-bottom: 20px;
		margin-left: -20px;
	}
	.catalog-tab__wrap{
		max-width: 90%;
	}
	.catalog-item__content{
		padding: 30px 20px;
		margin-left: -20px;
		width: calc(100% + 20px);
		margin-right: -20px;
		max-width: calc(100% + 40px);
	}
	.catalog-item__title{
		font-size: 28px;
	}
	.card-content__desc,
	.catalog-item__desc{
		font-size: 14px;
	}
	.about{
		flex-direction: column-reverse;
	}
	#about{
		padding: 0 0 0;
	}
	.about-img{
		margin: 0 0 60px;
	}
	.about-img.animated img:first-child{
		width: calc(100% - 70px);
		padding-right: 20px;
	}
	.about-img__container{
		display: flex;
		width: 100%;
		justify-content: flex-end;
	}
	.about-img.animated img:last-child{
		left: 0;
		width: 130px;
		bottom: -60px;
	}
	.about-img__container:after{
		width: 224px;
		height: 175px;
		right: -30px;
		bottom: -60px;
		background-size: contain;
	}
	#prod,
	#callback, #exclusive {
		padding: 80px 0;
	}
	.exclusive__title{
		font-size: 40px;
	}
	.exclusive__title br{
		display: none;
	}
	.exclusive__sinsce{
		max-width: 250px;
	}
	.about__desc p{
		padding: 10px 0;
	}
	.about__desc{
		font-size: 14px;
	}
	.prod__title{
		padding-bottom: 60px;
	}
	.prod-wrap{
		max-width: 60%;
		margin: 0 auto;
	}
	.callback-form__input{
		width: 100%;
		padding: 10px 0;
	}
	.agree{
		padding: 15px 0;
	}
	.callback__submit{
		margin: 10px 0 0;
		max-width: 400px;
		width: 100%;
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.footer{
		flex-direction: column;
		min-height: unset;
		padding: 30px 0 50px;
	}
	.footer__logo{
		position: relative;
		left: 0;
		top: 0;
		transform: unset;
		margin: 20px 0;
	}
	.agree label{
		font-size: 12px;
	}
	.prod .swiper-slide{
		opacity: 0.5;
	}
	.prod .swiper-slide-active{
		opacity: 1;
	}
	.btn{
		height: 60px;
	}
	.callback__input textarea, .callback__input input{
		-webkit-appearance: none;
		border-radius: 0;
		padding: 6px 0;
	}
	#first{
		padding: 0;
	}
	.exclusive-text__wrap{
		margin: 0;
		width: 100%;
	}
	.modal__box {
		padding: 30px 20px 40px;
	}
	.modal__close{
		top: 10px;
		right: 20px;
	}
	.modal-thanks__title:after{
		height: 80px;
	}
	.modal-thanks__title{
		padding-bottom: 48px;
	}
	.big-slider-prev{
		left: -20px;
	}
	.big-slider-next{
		right: -20px;
	}
	.card-img{
		overflow: unset;
	}
	.big-slider .swiper-slide{
		opacity: 0;
		transition: all 0.5s;
	}
	.big-slider .swiper-slide-active{
		opacity: 1;
	}
	.gallery-nav{
		margin: 0;
		width: 100%;
	}
	.gallery-nav span{
		padding: 15px 10px;
	}
	.gallery-item__content{
		position: relative;
		margin-top: -50px;
		padding: 40px 30px 30px;
	}
	.gallery-item{
		padding: 0;
	}
	.gallery-item:hover .gallery-item__content{
		bottom: 0;
	}
	.exclusive-inner .exclusive__sinsce{
		margin: 0 auto;
	}
}
@media all and (max-width: 420px){
	
}