@media screen and (max-width:1450px) {
	.details video {
		height: 30vw;
	}
	#account .section-title span {
		padding-left: 30px;
	}
	#info1 .logo {
		max-width: 64%;
		margin-bottom: -50px;
	}
}
@media screen and (max-width:1350px) {
	.dms .d-flex p {
		font-size: 11px;
	}
	.dms .d-flex > div {
		margin:0 7px;
		max-width: calc(25% - 14px - 28.5px);
	}
}
@media screen and (max-width:1300px) {
	.section-title {
		font-size: 35px;
	}
	.instagram img {
		height: 22vw;
	}
}
@media screen and (max-width:1250px) {
	
	.gallery .sl2 {
		padding: 0;
		margin:0 -5px;
	}
	.post .title {
		padding: 0;
	}
	.slider2 .prices .p1, .slider2 .prices .p2 {
		font-size: 13px;
	}
	.container {
		padding:0 20px;
	}
	.msteps .images {
		margin:0 -20px;
	}
	#banner {
		min-height: unset;
	}
	#banner .img {
		max-width: 47%;
	}
	#video {
		height: auto;
	}
	.video {
		height: auto;
		position: static;
		display: block;
	}
	.video video {
		height: auto;
		clip-path:unset;
	}
	.video .sound {
		width: 40px;
		height: 40px;
		left: 20px;
		bottom: 20px;
	}
	#block3 {
		padding: 100px 0 150px;
	}
	#block4 .info .d-flex > div {
		width: 50%;
	}
	#block4 .info img {
		transform:none;
	}
	#block4 .more {
		padding-left: 50%;
		background-size: 47% auto;
	}
	#block5 .col-left {
		max-width: 50%;
	}
	#block5 .img {
		max-width: 50%;
	}
	#block6 .head {
		margin:0 0 40px;
	}
	.section-title {
		font-size: 30px;
	}
	#faq .section-title span {
		font-size: 29px;
	}
	#block9 .menu > div {
		padding: 30px 0;
	}
	#block9 .title {
		margin:0 0 20px;
	}
	.steps .title, .steps .title i {
		font-size: 32px;
	}
	body {
		font-size: 18px;
	}
	footer, footer .email {
		font-size: 17px;
	}
	footer ul a {
		margin: 0 0 20px;
	}
	footer .col-right > *{
		margin-top: 3px;
	}
	/*#about .col2 {
		max-width: 400px;
	}
	#about .col1, #about .col3 {
		max-width: calc((100% - 440px) / 2);
	}*/
	.acc-page .col-left {
		padding-right: 50px;
	}
	#account .top .section-title {
		font-size: 25px;
	}
	#info1 .desc {
		font-size: 16px;
	}
	#info3 {
		font-size: 16px;
	}
	#info3 p br {
		display: none;
	}
	#team .bottom .section-title {
		font-size: 23px;
	}
	#panels-container .cpanel {
		padding: 50px 20px;
	}
	.mstep .sizes .col-left {
		max-width: 50%;
	}
	.mstep .sizes .col-right {
		max-width: 50%;
	}
	.progress {
		font-size: 18px;
	}
	#dm .container > .d-flex.sb {
		flex-wrap:wrap;
		justify-content: center;
	}
	#dm .col1, #dm .col2 {
		max-width: 665px;
		margin:0 0 40px;
	}
	#dm h1 {
		text-align: center;
	}
	#another {
		padding-top: 40px;
	}
	#special .title2 {
		font-size: 29px;
		margin:0 0 30px;
	}
	#special .l p {
		font-size: 29px;
		margin:20px 0 0;
	}
}
@media screen and (max-width:992px) {
	#special .title2 {
		font-size: 22px;
		margin:0 0 20px;
	}
	#special .l p {
		font-size: 22px;
		margin:15px 0 0;
	}
	#dm .col1, #dm .col2 {
		max-width: 100%;
		margin:0 0 40px;
	}
	.post {
		max-width: calc(50% - 20px);
	}
	#block1 img {
		max-width: 100%;
	}
	#block4 .info .title, #block4 .info .title span {
		font-size: 30px;
	}
	#block5 .d-flex {
		flex-wrap:wrap;
	}
	#block5 .col-left {
		padding: 0;
		max-width: 100%;
		order:2;
		margin-top: 30px;
	}
	#block5 .img {
		max-width: 100%;
	}
	#block5 .section-title {
		margin:0 0 20px;
	}
	#block5 .bottom {
		margin:20px 0 0;
	}
	#block6 .head {
		display: block;
	}
	#block6 .section-title {
		margin:0 auto 20px;
	}
	#block6 .arrows {
		margin: 0 auto;
	}
	.shapes .slick-slide {
		width: 270px;
	}
	.shapes .img {
		height: 350px;
	}
	.shapes .img img {
		max-height: 100%;
	}
	#block7 {
		height: 55vw;
	}
	#block8 {
		padding: 100px 0;
	}
	.slider2 .prices {
		flex-wrap:wrap;
		justify-content: center;
	}
	.slider2 .prices > div {
		width:15%;
		margin:15px 0;
	}
	#block9 .bottom {
		max-width: 100%;
	}
	.steps > div {
		flex-wrap:wrap;
		justify-content: center;
		margin:0 0 50px;
	}
	.steps .title {
		max-width: 100%;
		order:1;
		text-align: center;
	}
	.steps .img {
		max-width: 100%;
		padding: 0 !important;
		order:0;
		margin:0 0 20px;
	}
	.steps .title .number {
		margin: 0 0 5px;
	}
	.steps .description {
		max-width: 100%;
		padding: 0;
		order:2;
	}
	#block11 .d-flex {
		flex-wrap:wrap;
	}
	#block11 .arrows {
		margin:30px auto 0;
	}
	#block11 .col-left {
		max-width: 100%;
		padding: 0;
		margin:0 0 30px;
	}
	#block11 .col-right {
		max-width: 100%;
	}
	.instagram img {
		height: 45vw;
	}
	.instagram > div {
		max-width: calc(50% - 20px);
	}
	footer .sb.d-flex {
		flex-wrap:wrap;
	}
	footer .col-left {
		max-width: 100%;
		margin:0 0 30px;
	}
	footer .col-right {
		max-width: 100%;
	}
	footer .bottom {
		max-width: 100%;
		margin:30px 0 0;
	}
	#about .d-flex {
		flex-wrap:wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	#about .col2 {
		order:-1;
		max-width: 100%;
		padding: 0;
		margin:0 0 40px;
	}
	#about .col1, #about .col3 {
		max-width: calc(50% - 10px);
	}
	#button {
		height: auto;
		padding:100px 0;
		min-height: unset;
	}
	#button .btn {
		margin:50px 0;
	}
	.acc-page .col-left {
		padding-right: 20px;
	}
	.acc-page .col-left .p2 {
		padding-right: 0;
	}
	.acc-page .col-left p {
		font-size: 30px;
	}
	.acc-page .col-left p span {
		font-size: 32px;
	}
	#account .top {
		flex-wrap:wrap;
	}
	#account .top > div {
		max-width: 100%;
		width: 100%;
	}
	#account .top .col-left {
		margin-bottom: 30px;
	}
	#account .middle {
		margin:0 0 30px;
		padding: 0 0 30px;
	}
	.osteps {
		margin-top: 50px;
	}
	.header .end a, .header ul a {
		margin-left: 10px;
		font-size: 14px;
	}
	.header .end a.log {
		padding: 6px 15px;
	}
	#info1 .bread {
		margin:0 0 20px;
	}
	#info1 .logo {
		margin-bottom: 30px;
		max-width: 100%;
	}
	#info1 .desc {
		padding-top: 0;
		padding-right: 20px;
		font-size: 14px;
	}
	#info1 .section-title {
		font-size: 25px;
	}
	#info1 .section-title span {
		font-size: 23px;
	}
	#info1 .section-title span + span {
		padding-right: 30px;
	}
	#info2 {
		padding:0 0 100px;
	}
	#info3 {
		overflow: auto;
		font-size: 14px;
		padding:0 10px 85px;
	}
	#info2 img {
		max-width: 80px;
	}
	#panels-container .cpanel {
		padding: 0 10px;
		height: auto;
		width: auto;
		min-height: unset;
	}
	#panels-container {
		height: auto;
		align-items: unset;
		width: 3055px !important;
		min-height: unset;
	}
	#panels-container .panel1 {
		width: 685px;
		min-width: 685px;
	}
	#panels-container .panel2 {
		width: 685px;
		min-width: 685px;
	}
	#panels-container .panel3 {
		width: 1000px;
		min-width: 1000px;
		min-height: 450px;
	}
	#panels-container .panel4 {
		width: 685px;
		min-width: 685px;
	}
	#info3 .section-title {
		font-size: 20px;
	}
	.ab .left {
		max-width: 305px;
		padding-right: 20px;
	}
	.ab1 .left img, .ab1 .left video {
		max-width: 190px;
	}
	.ab .right {
		max-width: calc(100% - 305px);
	}
	.ab3 .img {
		height: 310px;
		max-height: unset;
	}
	.ab3 > div, .ab3 .right {
		max-width: calc(33.33% - 13px);
	}
	.ab3 .img2 img {
		max-width: 180px;
	}
	.ab4 .img {
		height: 310px;
		align-items: flex-start;
	}
	.ab4 .right .desc {
		column-gap: 25px;
	}
	.team {
		margin-left: 20px;
	}
	.team .name {
		font-size: 30px;
	}
	.team .name b {
		font-size: 32px;
	}
	#team .bottom {
		margin:40px 0 0;
		flex-wrap:wrap;
		justify-content: center;
	}
	#team .bottom .section-title {
		max-width: 100%;
		font-size: 27px;
		margin:0 0 30px;
	}
	#cform .d-flex {
		flex-wrap:wrap;
	}
	#cform .left {
		max-width: calc(100% + 40px);
		width: calc(100% + 40px);
		margin:0 -20px;
	}
	#cform .left img {
		height: 400px;
		object-fit: cover;
		width: 100%;
	}
	#cform .right {
		padding:0 0 60px;
		text-align: center;
		max-width: 100%;
		margin-top: 40px;
		width: 100%;
	}
	#cform .right > div {
		margin:0 auto;
	}
	.modal-form .relative > .d-flex {
		flex-wrap:wrap;
	}
	.modal-form .row > div {
		width: 100%;
	}
	.modal-form .row > .col-right {
		margin-top: 50px;
	}
	.modal-form .t {
		margin-bottom: 40px;
	}
	.progress {
		font-size: 16px;
	}
	.mstep .shapes .img {
		height: 20vw;
	}
	.mstep .sz .slick-slide {
		height: 60vw;
	}
	.osteps {
		flex-wrap:wrap;
	}
	.osteps .col-left {
		max-width: 100%;
		margin:0 0 40px;
	}
	.osteps .col-right {
		max-width: 100%;
		padding: 0;
	}
	.osteps .col-left .desc2 {
		display: block;
		margin:0 0 16px;
		font-size: 14px;
	}
}
@media screen and (max-width:767px) {
	#block1 .text {
		font-size: 22px;
		max-width: 280px;
	}
	#block1 .text br {
		display: block;
	}
	#block1 .text strong {
		display: block;
	}
	#block1 .text p + p {
		max-width: 250px;
	}
	#block1 .text em {
		background-size: 22px !important;
		background-position: calc(100% - 2px) calc(50% + 1px) !important;
		padding-right: 30px;
	}
	.menup ul.lang {
		display: flex;
		justify-content: center;
		margin:0 0 15px;
	}
	.menup ul.lang a {
		border-bottom: 1px solid transparent;
		padding: 6px 0;
		margin:0 6px;
	}
	.menup ul.lang .current p {
		background: none;
		border-bottom: 1px solid #000;
		padding: 6px 0;
		margin:0 6px;
	}
	.osteps .arrows {
		top:-1px;
		max-width: 190px;
	}
	.osteps .arrows>p {
		height: 24px;
	}
	.osteps .col-left .title2 {
		font-size: 16px;
		margin:0 0 16px;
		height: auto;
	}
	.osteps .col-left {
		margin:0 0 24px;
	}
	header nav.l, .header nav.l {
		display: none !important;
	}
	.uk #block9 .section-title span {
		text-align: center;
	}
	.open-menu {
		width: 40px;
		height: 40px;
		display: block;
		background:url(../images/menu.png) no-repeat center center;
		background-size: cover;
		margin-left: 18px;
	}
	.open-menu > div {
		background: url(../images/menu.svg) no-repeat center center;
		width: 100%;
		height: 100%;
	}
	.header {
		padding: 10px 0;
	}
	.header ul:not(.lang) li:not(:last-child) {
		display: none;
	}
	.header .end a, .header ul a {
		margin-left: 12px;
		padding: 0;
		font-size: 14px;
	}
	.ua .header .end a, .ua .header ul a {
		font-size: 13px;
	}
	.container {
		padding: 0 15px;
	}
	.menup {
		position: fixed;
		z-index: 99999999;
		background: #fff;
		padding:17px 15px 50px;
		height: 100vh;
		top:0;
		left: 0;
		width: 100%;
		text-align: center;
		display: none;
		overflow:auto;
	}
	.menup > div {
		max-height: calc(100% - 50px);
		overflow:auto;
	}
	.menup .close {
		position: absolute;
		background: url(../images/close.svg) no-repeat center center;
		cursor: pointer;
		right: 20px;
		top:10px;
		width: 40px;
		height: 40px;
	}
	.menup .top {
		margin:0 0 25px;
	}
	.menup .top img {
		display: block;
		max-height: 26px;
	}
	.menup ul {
		display: block;
	}
	.menup ul a {
		display: inline-block;
		margin:7px 0;
		padding: 7px 0;
		text-align: center;
		color: var(--primary-main, #4C4E51);
		font-size: 18px;
		text-transform: uppercase;
	}
	.flag a {
		
	}
	.menup ul .btns a {
		display: inline-flex;
		padding: 0;
		height: 42px;
		width: 190px;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		text-transform: uppercase;
		color:#fff;
		background: var(--primary-main, #4C4E51);
	}
	.menup .log {
		display: inline-flex;
		padding: 0;
		height: 42px;
		width: 190px;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		text-transform: uppercase;
		color:#4C4E51;
		border:1px solid #4C4E51;
		margin:10px 0;
	}
	.menup .line {
		width: 100%;
		height: 1px;
		background: var(--neutral-100, #151515);
		margin:15px 0 15px;
	}
	.menup .home-link img {
		display: block;
		margin:0 auto;
	}
	.menup .social a {
		margin:0 10px 15px;
		display: flex;
		padding:5px 10px;
		max-width: 60px;
		justify-content: center;
	}
	.menup .social {
		justify-content: center;
	}
	.menup .email {
		color: var(--primary-main, #4C4E51);
		text-transform: uppercase;
		margin:0 0 15px;
		display: block;
		text-align: center;
		font-family: Ysabeau SC;
font-size: 22px;
font-weight: 700;
	}
	.menup .tel {
		color: var(--primary-main, #4C4E51);
		text-transform: uppercase;
		margin:0 0 8px;
		display: block;
		text-align: center;
		font-family: Ysabeau SC;
font-size: 22px;
font-weight: 700;
	}
	header .home-link,
	.header-fixed .home-link {
		max-width: 100px;
	}
	#banner .logo {
		max-width: 100%;
		margin:0 0 -23px;
	}
	#banner .desc {
		max-width: 100%;
		padding: 0;
		order:2;
	}
	#banner .d-flex {
		flex-wrap:wrap;
	}
	#banner .img {
		max-width: 100%;
		margin:0 0 60px;
	}
	#banner .img img.dm {
		left: 50px;
		bottom: -30px;
		width: 90px !important;
	}
	#banner .desc {
		display: flex;
	}
	#banner .section-title {
		max-width: 140px;
		width: 100%;
		margin-right: 8px;
		margin-bottom: 0;
		font-size: 22px;
		text-align: right;
	}
	.ua #banner .section-title {
		font-size: 17px;
	}
	#banner .section-title span, .uk #banner .section-title span {
		padding: 0;
		width: 100%;
		text-align: left;
	}
	#banner .description br {
		display: none;
	}
	#banner .description {
		max-width: calc(100% - 140px);
		text-align: left;
	}
	.uk #banner .section-title {
		max-width: 190px;
		font-size: 18px;
	}
	.uk #banner .section-title br {
		display: none;
	}
	.uk #banner .description {
		max-width: calc(100% - 190px);
	}
	#block2 video {
		margin:0 -15px;
		width: calc(100% + 30px);
		max-width: calc(100% + 30px);
	}
	#block2 .btn {
		left: 0;
		bottom: 25px;
	}
	body {
		font-size: 14px;
		line-height: 1.3;
	}
	#block1 {
		padding: 50px 0;
	}
	#block3 {
		padding: 90px 0;
	}
	#block3 p {
		margin:0 0 30px;
		font-size: 22px;
		line-height: 1.5;
	}
	#block3 p a {
		display: block;
		margin-top: 50px;
		width: 140px;
		white-space: nowrap;
		background: url(../images/arrow1.svg) no-repeat left bottom;
	}
	#block3 p span {
		padding: 0 25px 5px 0;
		background-position: right top;
	}
	#block4 {
		padding: 40px 0 15px;
	}
	.section-title {
		margin: 0 0 22px;
		font-size: 22px;
		line-height: 1.5;
	}
	#block4 .section-title .span1 {
		padding-left: 50px;
	}
	#block4 .section-title .span2 {
		padding-left: 100px;
	}

	#block4 .section-title {
		font-size: 20px;
		text-align: center;
	}
	#block4 .more, .uk #block4 .more {
		padding-left: 0;
		display: flex;
		align-items: center;
		background:none;
		margin:0 0 20px;
		justify-content: center;
	}
	#block4 .more:before {
		content:' ';
		display: block;
		width: 70px;
		height: 10px;
		background: url(../images/arrow2.svg) no-repeat right center;
		margin-right: 10px;
	}
	#block4 .info .text {
		padding: 20px 12px;
	}
	#block4 .info .title {
		font-size: 18px;
		padding-left: 28px;
		background-size: 22px auto !important;
		line-height: 22px;
		margin:0 0 15px;
	}
	#block4 .info .d-flex:first-child .title, #block4 .info .d-flex:nth-child(3) .title {
	    background-size: 22px auto !important;
	}
	#block4 .info .title span {
		font-size: 18px;
		margin-left: 3px;
	}
	.uk #block4 .info .title span {
		margin:0;
		display: block;
	}
	.uk #block4 .info .title {
		font-size: 16px;
	}
	#block4 .description {
		font-size: 12px;
		margin:0 0 15px;
	}
	#block4 .btn {
		padding:6px 10px;
		width: 100%;
		text-align: center;
	}
	#block4 .info img {
		height: 100%;
	}
	.btn {
		font-size: 12px;
		justify-content: center;
	}
	#cform .btn {
		height: 36px;
		align-items: center;
	}
	#block4 .info .d-flex {
		margin:0 0 24px;
	}
	.uk #block5 .section-title span {
		text-align: right;
		padding-left: 50px;
	}
	#block5 .d-flex {
		position: relative;
	}
	#block5 .section-title {
		position: absolute;
		color:#fff;
		top:40px;
		left: 0;
		z-index: 2;
	}
	#block5 .img {
		margin:0 -15px;
		max-width: calc(100% + 30px);
		width: calc(100% + 30px);
	}
	.arrows > img {
		max-width: 24px;
	}
	#block5 .bottom {
		margin:20px 0 0;
	}
	#block5 .col-left {
		margin-top: 0;
	}
	#block5 .colors {
		max-width: 195px;
		margin-top:-100px;
		height: 195px;
	}
	#block5 .arrows {
		max-width: 195px;
	}
	#block5 .arrows > p {
		height: 30px;
	}
	#block5 .arrows img {
		width:75px;
		object-fit:cover;
		object-position: left center;
	}
	#block5 .arrows .next img {
		object-position: right center;
	}
	#block6 {
		padding:55px 0 60px;
	}
	#block6 video {
		width: 100%;
	}
	.uk #block6 .section-title span:nth-child(2) {
		text-align: right;
		padding-left: 0;
	}
	#block7 {
		height: 100vh;
		min-height: 500px;
		padding:25px 15px;
	}
	.uk #block7 {
		padding: 25px 0;
	}
	#block8 {
		padding: 30px 0;
	}
	#block8 .section-title {
		margin:0 0 30px;
	}
	.slider1 {
		max-width: 220px;
	}
	.slider1 .img img {
		max-height: 40px;
		max-width: 130px;
	}
	.slider1 {
		max-width: 225px;
	}
	.slider1 .img {
		height: 63px;
	}
	.slider1 p {
		margin:15px 0 0;
	}
	#block8 .arrows {
		margin:-88px auto 80px;
	}
	#block8 .arrows img {
		width:45px;
		height: 10px;
		object-fit:cover;
		object-position: left center;
	}
	#block8 .arrows .next img {
		object-position: right center;
	}
	.slider2 {
		margin-top: 0;
	}
	.slider2 .prices {
		margin:0;
		width: 100%;
		order:2;
	}
	.slider2 .prices > div {
		width: 100%;
		display: flex;
		align-items: center;
		padding:0;
		margin:0 0 15px;
		justify-content: space-around;
		text-align: center;
	}
	.slider2 .prices .p1, .slider2 .prices .p2 {
		font-size: 14px;
		width: 100%;
		max-width: 100px;
	}
	.slider2 .prices .img:after {
		display: none;
	}
	.slider2 .prices .img {
		height: auto;
	}
	#block8 .title1, #block8 .title2 {
		margin:0 0 30px;
	}
	#block8 .title1 {
		padding-right: 70px;
	}
	#block8 .title2 {
		padding-left: 70px;
	}
	.uk #block8 .title2 {
		transform:translateX(-25px);
	}
	.uk #block8 .title1 {
		transform:translateX(-5px);
	}
	#block8 .slider2 .slick-slide > div {
		display: flex;
		flex-wrap:wrap;
		align-items: flex-start;
		justify-content: space-around;
	}
	#block9 {
		padding: 40px 0 80px;
	}
	#block9 .col-left {
		display: none;
	}
	#block9 .col-right {
		max-width: 100%;
		padding-left: 0;
	}
	#block9 .section-title {
		margin: 0 0 40px;
		text-align: center;
	}
	#block9 .section-title span {
		padding-left: 0;
	}
	#block9 .menu > div {
		padding: 0 0 80px calc(50% + 8px);
		background-size: 50% 100% !important;
	}
	#block9 .title {
		margin:0 0 45px;
		font-size: 20px;
		line-height: 1.5;
	}
	#block9 .title span {
		line-height: 30px;
		font-size: 22px;
		margin-right: 11px;
		min-width: unset;
	}
	#block9 .menu > div {
		border-color:#000;
		margin-bottom: 30px;
	}
	#block9 .title, #block9 .description {
		color:#000;
	}
	#block9 .more {
		white-space: nowrap;
		font-size: 15.5px;
		margin:10px auto 0;
		background-size: calc(100% - 25px) 4px;
		background-position: left bottom;
	}
	#block9 .more span {
		padding: 0 25px 5px 0;
		width: 100%;
		display: block;
		background-position: right top;
	}
	#block10 .section-title {
		margin:0 0 24px;
	}
	#block10 .sub1 {
		max-width: 24px;
		margin:0 auto 24px;
	}
	#block10 .sub2 {
		margin:0 0 50px;
	}
	#block10 .steps {
		margin:0 -15px;
		padding: 40px 15px;
	}
	.steps .title .number {
		font-size: 20px;
	}
	.steps .title, .steps .title i {
		font-size: 20px;
	}
	.steps .title span, .steps .title span + span {
		padding: 0;
	}
	.steps > div {
		margin:0 0 25px;
	}
	#block10 .bottom {
		margin:0 -15px;
		padding: 0px 15px 40px;
	}
	.mstep .types {
		marign:0 -5px 25px;
	}
	.mstep .types > div {
		max-width: 50%;
		padding: 0;
		margin:0 5px;
		border:0;
		height: calc(100dvh - 277px);
		align-items: flex-start;
		align-content: flex-start;
	}
	#block11 {
		padding: 40px 0 40px;
	}
	#block11 .section-title {
		margin:0 0 15px;
	}
	#block11 .p1 {
		line-height: 1.5;
		font-size: 18px;
	}
	#block11 .arrows img {
		width:70px;
		object-fit:cover;
		object-position: left center;
	}
	#block11 .arrows .next img {
		object-position: right center;
	}
	#block11 .arrows > p {
		height: 25px;
	}
	#block11 .arrows {
		max-width: 200px;
	}
	#block12 .title {
		font-size: 20px;
		padding-left: 44px;
		background-size: 24px auto;
		line-height: 24px;
		margin:0 0 30px;
	}
	#block12 {
		padding: 0 0 60px;
	}
	.instagram {
		margin:0 -5px;
	}
	.instagram > div {
		max-width: calc(50% - 10px);
		margin:0 5px 10px;
	}
	footer .top > .d-flex {
		width: 100%;
	}
	footer .phones {
		text-align: left;
		margin-top: 20px;
	}
	footer .email {
		margin: 0;
	}
	footer {
		padding: 40px 0 30px;
	}
	#block9 .title i {
		margin-top: -2px;
		font-size: 22px;
	}
	.elements {
		display: block !important;
		margin-right: -20px;
	}
	.elements .slick-slide {
		width: 300px;
		margin-right: 20px;
	}
	.elements .desc {
		height: 60px;
	}
	.elements img {
		transform:none !important;
	}
	#banner2 .top {
		top:15px;
		left: 20px;
	}
	#banner2 .page-title {
		opacity: 0;
		pointer-events: none;
	}
	#banner2 > div {
		min-height: 500px;
		height: calc(100vh - 60px);
	}
	#banner2 .content p {
		font-size: 20px;
	}
	#banner2 .content p span {
		font-size: 22px;
	}	
	#banner2 .content p .span1 {
		margin-left: 15px;
	}
	#banner2 .content p .span2 {
		margin-right: 25px;
	}
	#about {
		padding: 40px 0;
	}
	#elements .section-title {
		margin:0 0 40px;
		font-size: 20px;
	}
	#elements .section-title .span1 {
		padding-left: 40px;
	}
	#elements .section-title .span2 {
		padding-left: 75px;
	}
	#details {
		padding:80px 0 15px;
	}
	#details .section-title {
		margin:0 0 50px;
	}
	#details .section-title br {
		display: none;
	}
	.details > div {
		margin:0 0 25px;
		flex-wrap:wrap;
	}
	.details > div .v {
		order:-1 !important;
		max-width: 100%;
		margin:0 0 24px;
	}
	.details video {
		height: auto;
	}
	.details > div .content {
		padding: 0;
		max-width: 100%;
	}
	.details video {
		transform:none !important;
	}
	.details .title {
		font-size: 14px;
		margin:0 0 16px;
	}
	#button {
		height: auto;
		min-height: auto;
		padding: 60px 0;
	}
	#button .btn {
		margin:80px 0;
	}
	#account .top .section-title {
		font-size: 22px;
		margin:0 0 10px;
	}
	#account .middle {
		flex-wrap:wrap;
		padding:0 0 20px;
		margin:0 0 20px;
	}
	#account .top .col-left {
		margin:0 0 20px;
	}
	#account .middle > * {
		max-width: 100%;
		width: 100%;
	}
	#account .image {
		max-width: 140px;
		margin-right: 10px;
	}
	#account .content {
		max-width: calc(100% - 150px);
	}
	#account .content p span {
		font-size: 16px;
	}
	#account .image img {
		max-width: 110px;
		max-height: 110px;
	}
	.osteps {
		margin-top: 40px;
	}
	.osteps .title {
		font-size: 16px;
		line-height: 21px;
	}
	.osteps div.number {
		max-width: 40px;
		min-width: 40px;
		height: 40px;
		margin:-8px 10px 0 0;
	}
	.osteps .step:after {
		height: calc(100% - 41px - 10px);
		top:39px;
	}
	#account {
		padding-bottom: 40px;
	}
	.acc-page .container > .d-flex {
		flex-wrap:wrap;
		align-items: flex-start;
	}
	.acc-page .col-left {
		max-width: calc(100% + 30px);
		width: calc(100% + 30px);
		padding:50px 15px;
		order:2;
		margin:0 -15px;
		height: 450px;
		min-height: unset;
		align-items: flex-start;
		align-content: flex-start;
	}
	.acc-page .col-left p {
		font-size: 24px;
	}
	.acc-page .col-left p span {
		font-size: 26px;
	}
	.acc-page .col-left .p2 {
		margin-top: 10px;
		padding-right: 50px;
		width: 100%;
	}
	.acc-page .col-right {
		max-width: 100%;
		padding:40px 0;
	}
	.acc-page h1 {
		margin:0 0 40px;
	}
	.acc-page form input:not([type="submit"]) {
		margin:0 0 30px;
	}
	.acc-page form button[type="submit"], .acc-page form input[type="submit"] {
		margin-top: 10px;
	}
	.lost_password a {
		bottom: 98px;
	}
	.sg {
		margin:45px 0 20px;
	}
	.sg a {
		font-size: 12px;
	}
	.acc-page .col-left:after {
		width: 100%;
		right: 0;
	}
	.acc-page form input:not([type="submit"]),
	.acc-page form input:not([type="submit"])::placeholder {
		font-size: 16px;
	}
	.acc-page .dop {
		font-size: 14px;
		margin-top: 30px;
	}
	.type2.acc-page h1 {
		margin:0 0 25px;
	}
	.type2 .lg {
		margin:0 0 20px;
	}
	.lost_password a {
		font-size: 14px;
	}
	.forg .sub {
		font-size: 14px;
		margin:0 0 20px;
	}
	#info1 .logo {
		margin:0 0 40px;
	}
	#info1 .container > .d-flex.sb {
		flex-wrap:wrap;
		justify-content: center;
	}
	#info1 .desc {
		order:2;
		margin:40px 0 0;
		max-width: 100%;
		width: 100%;
	}
	#info1 .section-title {
		margin:0;
	}
	#info1 .section-title span {
		padding-right: 15px;
	}
	#info1 {
		padding: 20px 0 40px;
	}
	#info2 img {
		max-width: 60px;
		margin: 0 auto 40px;
	}
	#info2 {
		padding: 0 0 70px;
	}
	#team {
		padding: 40px 0;
	}
	.team .slick-slide {
		width: 150px;
		margin-right: 20px;
	}
	.team .name {
		font-size: 20px;
		padding-left: 20px;
	}
	.team .name b {
		font-size: 18px;
		padding-left: 30px;
	}
	.team img {
		height: 170px;
		margin:0 0 12px;
	}
	.header-fixed a.log, .header .end a.log {
		display: none;
	}
	#team .bottom {
		margin:40px 0 0;
	}
	#team .bottom .section-title {
		font-size: 22px;
	}
	#team .arrows img {
		width:70px;
		object-fit:cover;
		object-position: left center;
	}
	#team .arrows .next img {
		object-position: right center;
	}
	#team .arrows > p {
		height: 25px;
	}
	#team .arrows {
		max-width: 200px;
	}
	#team .section-title {
		margin:0 0 30px;
	}
	#faq {
		padding: 40px 0;
	}
	#faq .section-title span {
		font-size: 20px;
	}
	#faq .section-title {
		margin:0 0 30px;
	}
	.faq .head {
		font-size: 16px;
	}
	.faq .body {
		padding-bottom: 20px;
		margin-top: 0;
	}
	.faq .head span {
		width: 40px;
		min-width: 40px;
		height: 40px;
		background-size: 40px auto;
	}
	#cform .left img {
		height: 370px;
	}
	#cform .right {
		margin-top: 60px;
	}
	#cform .section-title:first-child {
		margin-bottom: 0;
		padding-right: 0;
	}
	#cform p + p {
		padding-left: 75px;
	}
	#cform p + p span {
		padding:0 75px 0 0;
	}
	.get_started,
	.modal-form {
		padding: 20px 0 100px;
		top:60px;
		height: calc(100vh - 60px);
	}
	.modal-form .t {
		max-width: 280px;
	}
	.modal-form .section-title:first-child {
		margin: 0;
	}
	.modal-form .phones a {
		font-size: 14px;
	}
	.modal-form .email {
		line-height: 1;
		margin:0 0 20px;
	}
	.modal-form .row > .col-right {
		margin-top: 40px;
	}
	.modal-form .col-right .section-title {
		max-width: 100%;
		margin:0 0 20px;
		font-size: 16px;
	}
	form .d-flex > p {
		display: block;
		width: 100%;
	}
	form .d-flex > p > * {
		max-width: 100%;
	}
	form input {
		margin:0 0 30px;
		padding: 0 0 14px;
		font-size: 16px;
	}
	form input::placeholder {
		font-size: 16px;
	}
	form .btn {
		width: 150px;
		margin:40px auto 0;
	}
	form .wpcf7-not-valid-tip {
		margin:-25px 0 25px;
	}
	.modal-form .t {
		margin:0 auto 40px;
	}
	.video .sound {
		width: 30px;
		height: 30px;
		left: 20px;
		bottom: 20px;
	}
	.progress {
		position: relative;
		height: 21px;
	}
	.progress p {
		position: absolute;
		left: 0;
		line-height: 21px;
	}
	.progress p:not(:first-child) {
		padding-left: 0 !important;
	}
	.progress p:last-child {
		left: auto;
		right: 0;
	}
	.progress p.active:after {
		width: 29px;
	}
	.mstep .section-title {
		margin:0 0 30px;
	}
	.mstep3 .section-title,
	.mstep4 .section-title,
	.mstep5 .section-title {
		min-height: 66px;
	}
	.mstep .section-title br {
		display: none;
	}
	.msteps .images {
		margin:0 -15px;
	}
	.msteps .buttons {
		justify-content: center;
		margin:25px -10px 0;
	}
	.msteps .buttons a, .prevb {
		width: calc(50% - 20px);
		margin:0 10px;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		height: 42px;
	}
	.msteps .images p {
		width: 90px;
		justify-content: center;
		display: flex;
		height: 36px;
		align-items: center;
		padding: 0;
		top:auto;
		bottom: 40px;
		font-size: 12px;
	}
	.msteps .images > div {
		height: calc(100dvh - 260px);
	}
	.msteps .mstep1 .images > div {
		height: calc(100dvh - 320px);
	}
	.mstep .shapes > div,
	.mstep .colors > div {
		max-width: calc(50% - 8px);
		margin:0 4px 20px;
	}
	.mstep .shapes .img {
		height: 215px;
	}
	.mstep .colors, .mstep .shapes {
		margin:0 -10px;
		max-height: calc(100dvh - 290px);
		overflow:auto;
		flex-wrap:wrap;
	}
	.mstep .colors .img {
		height: 170px;
		width: 100%;
	}
	.mstep .colors .click, .mstep .shapes .click, .mstep .types .click {
		display: flex !important;
		flex-wrap:wrap;
	}
	.mstep .types .click p,
	.mstep .shapes .click p,
	.mstep .colors .click p {
		order:2;
		font-size: 12px;
		margin:10px 0 0;
		width: 100%;
		justify-content: center;
	}
	.mstep .types .img,
	.mstep .shapes .img {
		width: 100%;
	}
	.msteps .mstep4 .buttons {
		margin-top: 25px;
	}
	.mstep .sizes {
		flex-wrap:wrap;
	}
	.mstep .sizes .col-left {
		max-width: 100%;
		margin:0 0 40px;
	}
	.mstep .sizes .col-right {
		max-width: 100%;
		padding: 0;
	}
	.mstep .types .img img {
		height: 38vw;
		object-fit: cover;
	}
	.sz2 {
		margin:0 0 25px;
	}
	.msteps .mstep5 .buttons {
		margin-top: 25px;
	}
	.get_started .close {
		top:0;
	}
	.mstep .form {
		padding-top: 0;
	}
	.mstep .form .section-title {
		text-align: left;
		margin:0 0 30px;
	}
	.mstep .form .d-flex {
		flex-wrap:wrap;
	}
	.mstep .d-flex > input, .mstep input:not([type="submit"]) {
		max-width: 100%;
		margin:0 0 40px;
	}
	.mstep .info {
		margin-top: 40px;
		justify-content: center;
	}
	.mstep .info a {
		margin:0 10px 10px;
	}
	.mstep input:not([type="submit"]),
	.mstep input:not([type="submit"])::placeholder {
		font-size: 16px;
	}
	.msteps .mstep6 .buttons {
		margin:10px -10px 0;
	}
	.mstep.thanks {
		padding-top: 0;
	}
	.mstep .sizes {
		margin:0 0 0 -15px;
		max-height: calc(100dvh - 290px);
		overflow: auto;
		align-items: flex-start;
		align-content: flex-start;
	}
	.mstep .sizes > div {
		max-width: calc(50% - 30px);
		margin: 0 15px 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mstep .sizes > div p {
		order:2;
	}
	.mstep .sizes .img {
		height: 42px;
		width: 42px;
	}
	.mstep .sizes p {
		max-width: 90px;
		height: 42px;
		margin:0;
	}
	#single h3 {
		margin:20px 0 20px;
		font-size: 19px;
	}
	#single h4 {
		margin:0 0 15px;
		font-size: 17px;
	}
	#single p {
		margin:0 0 15px;
	}
	#single ul {
		padding-left: 15px;
		margin:0 0 18px;
	}
	#single {
		padding: 20px 0 60px;
	}
	#items h1 {
		font-size: 22px;
		margin:0 0 25px;
	}
	.cls2 {
		margin-top: -3px;
	}
	.cls > p {
		margin-left: 7px;
	}
	.cls2 > p {
		margin-right: 4px;
	}
	.another a > p {
		font-size: 14px;
		padding: 0 0 12px;
	}
	.items .head > p {
		font-size: 20px;
	}
	.items .head {
		padding: 0 0 16px;
		margin:0 0 16px;
	}
	.post .title {
		height: 44px;
		font-size: 14px;
		line-height: 1.3;
	}
	.post .gallery .sl1 {
		height: 38vw;
		margin:0 0 8px;
	}
	.gallery .sl2 img {
		max-width: 30px;
		max-height: 15px;
	}
	.gallery .sl2 > div > div {
		padding: 3px 3px;
	}
	.gallery .sl2 > div {
		margin:0;
	}
	.gallery .sl2 {
		justify-content: space-between;
		margin:0;
	}
	.post .more {
		margin-top: 22px;
		font-size: 14px;
		line-height: 42px;
	}
	.post {
		margin:0 8px 40px;
		max-width: calc(50% - 16px);
	}
	.imts {
		margin:0 -8px;
	}
	.items {
		margin:0 0 16px;
	}
	#items {
		padding: 140px 0 20px;
	}
	#items .fixed h1 {
		margin:0 0 10px;
	}
	#items .filter a {
		margin-right: 7px;
	}
	#items .filter .all {
		margin-right: 7px; 
	}
	#items .filter a {
		font-size: 15px;
		padding-bottom: 2px;
	}
	.t-fixed {
		top:0;
	}
	#dm .bread {
		margin:0 0 16px;
	}
	#dm .gl2 {
		padding: 0 40px;
		max-width: 290px;
	}
	#dm .gl2 .slick-slide {
		margin:0 8px;
	}
	#dm .gl2 .slick-list {
		margin:0 -8px;
	}
	#dm .gl2 .slick-slide img {
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.bread img {
		width: 60px;
		object-fit: cover;
		object-position: left center;
		height: 8px;
	}
	#dm h1 {
		font-size: 22px;
		margin:0 0 17px;
		text-align: left;
	}
	#dm .col1 {
		margin:0 0 16px;
	}
	#dm .info {
		justify-content: space-between;
	}
	#dm {
		padding-top: 10px;
		padding-bottom: 60px;
	}
	#dm .price {
		font-size: 27px;
		font-weight: 600;
	}
	.cls2 > p {
		font-size: 12px;
	}
	#dm .col2 .d-flex {
		flex-wrap:wrap;
	}
	.dms > p {
		width: 100%;
		margin:0 0 12px;
	}
	.dms .d-flex {
		margin:0 -5px;
		width: calc(100% + 10px);
	}
	.dms .d-flex > div {
		max-width: unset;
		width: auto;
		margin:0 5px;
	}
	.dms .d-flex > div img {
		padding: 6px;
		max-height: 40px;
	}
	#dm .col2 .dms .d-flex {
		flex-wrap: unset;
		justify-content: space-between;
	}
	.dms .img {
		height: auto;
	}
	.cts {
		margin:25px 0 25px;
	}
	.cts > p, .szs > p {
		max-width: 100%;
		margin:0 0 12px;
		padding: 0;
	}
	.cs, .sz {
		max-width: calc(75% + 10px);
		margin:0 -5px;
		gap:10px 0;
	}
	.cs + .more, .sz + .more {
		width: calc(25% - 10px);
		min-width: unset;
		margin-left: 10px;
		height: 65px;
	}
	.cs > div {
		max-width: calc(33.33% - 10px);
		margin:0 5px;
		padding: 7px 0;
		font-size: 14px;
	}
	.sz > div {
		max-width: calc(33.33% - 10px);
		margin:0 5px;
		font-size: 14px;
	}
	.sz + .more {
		height: 36px;
	}
	#dm .info1 {
		flex-wrap: wrap;
		margin:16px 0;
	}
	
	#dm .info1 p {
		padding-left: 25px;
		background-size: 20px auto;
		font-size: 11px;
	}
	#dm .request-btn {
		line-height: 42px;
	}
	#dm .info2 {
		font-size: 12px;
		column-gap:10px;
		margin-top: 24px;
	}
	#dm .info2 ul {
		padding-left: 15px;
	}
	#dm .info2 > * {
		font-size: 12px;
	}
	#another {
		padding-top: 10px;
	}
	#another .arrows {
		max-width: 290px;
		margin:0 auto 36px;
	}
	#another .arrows > * {
		max-height: 24px;
	}
	#another .arrows .prev img {
		height: 8px;
		width: 125px;
		object-fit: cover;
		object-position: left center;
	}
	#another .arrows .next img {
		height: 8px;
		width: 125px;
		object-fit: cover;
		object-position: right center;
	}
	#another .section-title {
		margin: 0 0 24px;
	}
	.another .slick-slide {
		margin:0 8px;
	}
	.another .slick-list {
		margin:0 -8px;
	}
	.cls2 {
		flex-wrap: unset !important;
	}
	#special {
		padding: 40px 0;
	}
	#special .section-title {
		margin: 0 0 24px;
	}
	#special .col2 > p {
		display: none;
	}
	#special .col2 > .btn {
		display: none;
	}
	#special .title2 br {
		display: none;
	}
	#special .title2 {
		font-size: 22px;
		margin:0 0 24px;
	}
	#special .btn {
		display: flex;
		margin:30px auto 0;
		width: 190px;
		height: 42px;
		align-items: center;
	}
	#special .container > .d-flex {
		flex-wrap: wrap;
	}
	#special .col1 {
		max-width: 100%;
		margin:0 0 24px;
	}
	#special .col1 img {
		height: 72vw;
		object-fit: cover;
		width: 100%;
	}
	#special .col2 img {
		height: 38vw;
		object-fit: cover;
		width: 100%;
	}
	#special .col2 {
		max-width: 100%;
	}
	#special .l p {
		margin:16px 0 0;
		font-size: 20px;
	}
	#special .col2 .d-flex {
		margin:0 -4px;
	}
	#special .col2 .d-flex .l {
		margin:0 4px;
	}
}
@media screen and (max-width:430px) {
	#block9 .title i {
		margin-left: 0;
	}
	.modal-form .t {
		margin:0 0 40px;
	}
}