@media (min-width: 1920px){
	.header__content, .steps, .contacts{
		background-size: contain;
	}
}
@media (min-width: 2380px){
	.header__content{
		background-size: cover;
	}
}
@media (max-width: 1599px){
	.header__gallery{
		width: 536px;
	}
	.header__gallery__main__img{
		height: 350px;
	}
	.header__gallery__img {
	    height: 104px;
	    width: 109px;
	}
	.header__content__title {
	    margin-top: 40px;
	}
	.header__info__name{
		text-align: center;
		width: 152px;
	}
	.steps__text br{
		display: none;
	}
	.steps__left {
	    text-align: right;
	    margin-right: 50px;
	    width: 530px;
	}
	.steps__right {
	    width: 455px;
	}
	.steps__right .img2 {
	    display: none;
	}
	.steps__right__images.img-group1 img{
		margin-right: 8px;
	}
	.steps__right__images.img-group2 img{
		margin-right: 10px;
	}
	.steps__right__images.img-group2 img:last-child{
		margin-right: 0px;
	}
	.steps__right__images.img-group3 img:last-child, .steps__img__count{
		display: none;
	}
	.steps__number {
	    margin-left: 515px;
	}
	.steps__right__images{
		justify-content: center;
	}
}
@media (max-width: 1199px){
	.steps__right .img2{
		display: block;
	}
	.steps__item {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}
	.steps__left{
		margin-right: 0;
	}
	.step1 .steps__right{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.img-group1 img:nth-of-type(5), .img-group1 img:nth-of-type(6), .img-group1 img:nth-of-type(7),
	.img-group2 img:nth-of-type(4), .img-group2 img:nth-of-type(5),
	.img-group3 img:nth-of-type(3), .img-group3 img:nth-of-type(4)
	{
	    display: block;
	}
	.steps__persons{
		display: none;
	}
	.steps__persons img:last-child{
		display: none;
	}
	.steps__name{
		text-align: center;
	}
	.header__nav__item {
	    margin-right: 25px;
	}
	.header__gallery {
	    width: 458px;
	    padding: 14px;
	}
	.header__gallery__main {
	    margin-bottom: 14px;
	}
	.header__gallery__img {
	    width: 98px;
	    height: 88px;
	}
	.header__gallery__slide {
	    margin: 0 7px;
	}
	.header__gallery__hearts {
	    bottom: -49px;
	    left: -64px;
	    width: 150px;
	}
	.header__gallery__main__img{
		height: 288px;
	}
	.header__content__text{
		line-height: 28px;
	}
	.header__content{
		background-size: contain;
	}
	.steps__row{
		flex-direction: column;
	}
	.steps__left{
		width: 100%;
		text-align: left;
	}
	.steps__wr{
		padding-left: 100px;
		padding-right: 100px;
	}
	.steps__number {
	    margin-left: 0;
	}
	.steps__row.last{
		flex-direction: row;
	}
	.steps__right{
		width: auto;
	}
	.header-slider-wr{
		padding: 0;
	}
}
@media (max-width: 992px){
	.step1 .steps__right{
		justify-content: center;
	}
	.steps__right{
		width: 100%
	}
	.container{
		max-width: 100% !important;
	}
	.img-group2 img:nth-of-type(4), .steps__right__images.img-group1 img:nth-of-type(8), .img-group3 img:nth-of-type(4){
		display: none;
	}
	.steps__wr {
	    padding-left: 60px;
	    padding-right: 60px;
	}
	.how .container {
	    max-width: 100%;
	    padding: 0;
	}
	.header__logo__icon {
	    margin-right: 10px;
		max-width:100%;
	}
	.header__logo__text .bold{
		font-size: 25px;
	}
	.header__logo__text, .header__nav__link{
		font-size: 14px;
	}
	.header__nav__item{
		margin-right: 17px;
	}
	.header__nav__list{
		margin-right: 22px;
	}
	.header__nav__btn {
	    width: 145px;
	    height: 45px;
	}
	.header__gallery__slide {
	    margin: 0 0.5040322580645161vw;
	}
	.header__gallery__main__img {
	    height: 23.387096774193548vw;
	}
	.header__gallery__main {
	    margin-bottom: 1.0080645161290323vw;
	}
	.header__gallery {
	    width: 46.975806451612904vw;
	    padding: 1.0080645161290323vw;
	}
	.header__gallery__img {
	    width: 10.887096774193548vw;
	    height: 8.366935483870968vw;
	}
	.header__gallery__hearts {
	    bottom: -48px;
	    left: -30px;
	    width: 108px;
	}
	.header__content__text {
	    line-height: 24px;
	    font-size: 16px;
	}
	.title{
		font-size: 29px;
	}
	.header__content__title {
	    margin-top: 56px;
	}
	.header__content__btn {
	    width: 243px;
	    height: 54px;
	    margin-top: 28px;
	}
	.header__info__title{
		font-size: 34px;
	}
	.header__info__subtitle{
		font-size: 30px;
	}
	.header__info__name{
		width: auto;
	}
	.header__info__box{
		margin-bottom: 60px;
		width: 337px;
    	margin-left: auto;
    	margin-right: auto;
	}
	.faq__box{
		width: auto;
	}
}
@media (max-width: 767px){
	.hide-767{
		display: none;
	}
	.show-767{
		display: block;
	}
	.header-slider-wr{
		
	}
	.header__content{
		padding-top: 73px;
	}
	.header_top{
		border-bottom: 1px solid #DFDFDF;
	}
	.steps__row.last .steps__right{
		width: auto;
	}
	.header__top__left{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.img-group3 img:nth-of-type(4), .img-group1 img:nth-of-type(7), .img-group1 img:nth-of-type(6),
	.img-group2 img:nth-of-type(4), .img-group2 img:nth-of-type(5){
		display: none;
	}
	.steps__row{
		width: 100%;
	}
	.popup__content{
		max-width: 95%;
	}
	.header__nav, .header__content__btn.btn1{
		display: none;
	}
	.header__content__btn.btn2{
		display: flex;
		margin-left: auto;
		margin-right: auto;
		margin-top: -85px;
    	position: relative;
	}

	.how__video-wr{
		height: 400px;
	}
	.how__play-btn {
	    height: 56px;
	    width: 78px;
	}
	.how__btn {
	    margin-top: 40px;
	}
	.steps__wr {
	    padding-top: 50px;
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.steps__right .img2, .img-group3 img:nth-of-type(3) {
	    display: none;
	}
	.steps__persons img {
	    width: 6.770833333333333vw;
	}
	.steps__persons.box2 {
	    width: 17.057291666666664vw;
	}
	.steps__text {
	    line-height: 1.5em;
	    margin-top: 20px;
	    margin-bottom: 13px;
	}
	.steps__title {
	    margin-bottom: 70px;
	}
	.steps__price {
	    width: 280px;
	    background-size: contain;
	    padding-top: 24px;
	    height: 92px;
	}
	.btn{
		width: 220px;
	}
	.steps__btn{
	    margin-right: -32px;
	}
	.steps{
		background-size: contain;
		padding-top: 100px;
    	padding-bottom: 90px;
	}
	.celebration__icon{
		height: 57px;
	}
	.celebration__name {
	    margin-top: 17px;
	    font-size: 21px;
	}
	.celebration__title{
		margin-bottom: 90px;
	}
	.celebration__box{
		margin-bottom: 70px;
	}
	.faq{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.faq__name{
	}
	.faq__btn {
	    width: 36px;
	    height: 36px;
	    padding: 0 18px;
	}
	.faq__name{
		height: 34px;
	}
	.faq__text {
	    line-height: 27px;
	    margin-top: 15px;
	}
	.faq__content{
		padding-bottom: 25px;
	}
	.contacts__box{
		width: 100%;
		padding: 20px 24px;
    	margin-top: -60px;
	}
	.contacts__left__icon{
		margin-right: 14px;
	}
	.contacts__left__text {
	}
	.contacts__right__img{
		width: 126px;
	}
	.header__menu-btn {
		display: flex;
		margin-right: 20px;
	}
	.header__gallery {
	    width: 100vw;
	    padding: 0;
	    margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		background: none;
	}
	.header__gallery__main {
	    display: none;
	}
	.header__gallery__slide {
	    margin: 0;
	}
	.header__gallery__img {
	    width: 100%;
    	height:400px;
	}
	.header__content__title{
		text-align: center;
		margin-top: calc(8.015188vh + 20px);
	}
	.popup__faq .popup__content {

	}
}
@media (max-width: 576px){
	.steps__right__images.img-group2 img{
		margin-right: 0px;
		width: 23.75vw;
	}
	.steps__right__images{
		justify-content: space-around;
	}
	.steps__right__images.img-group1 img{
		margin-right: 0;
		width: 23.125vw;
	}
	.img-group1 img:nth-of-type(8), .img-group2 img:nth-of-type(6),
	.img-group3 img:nth-of-type(5), .steps__right .img1, .steps__persons.box2 img:nth-of-type(4),
	.steps__right__images.img-group1 img{
		display: none;
	}
	.steps__right__images.img-group1 img:nth-of-type(1), .steps__right__images.img-group1 img:nth-of-type(2),
	.steps__right__images.img-group1 img:nth-of-type(3){
		display: block;
	}
	.steps__name{
		font-size: 20px;
	}
	.steps__text{
		font-size: 14px;
	}
	.steps__persons img{
		width: auto;
	}
	.steps__right__images img {
	    margin-right: 1.1625vw;
	}
	.steps__right__images.img-group3 img {
	    width: 186px;
	    margin-right: 0;
	}
	.steps__persons.box2{
		display: flex;
		justify-content: space-around;
		width: 100%;
		align-items: center;
	}
	.steps__persons.box2 img, .steps__persons.box2 img:nth-of-type(4){
		display: block;
		flex-shrink: 0;
	}
	.popup__edit .popup__content {
	    max-width: 95%;
	    padding: 40px 10px 30px 10px;
	}
	.popup__edit .popup_close {
	    right: 4vw;
	    top: 4vw;
	    width: 7vw;
	}
	.popup__edit__btn{
		border-radius: 3vw;
	}
	.popup__edit .popup__edit__main {
	    width: 283px;
	}
	.popup__edit__input{
		margin-top: 4vw;
    	margin-bottom: 4vw;
    	font-size: 4vw;
    	line-height: 6vw;
	}
	.popup__edit .popup__edit__main, .popup__edit__input, .popup__edit__btn{
	    width: 75%;
	}
	.popup__edit .popup__edit__img{
		width: 60%;
	}
	.popup__edit__text {
	    font-size: 4.7vw;
	    line-height: 5.9vw;
	}
	.preloader__title{
		font-size: 22px;
	}
	.preloader__title span{
		font-size: 39px;
	}
	
	.header__content__text {
	    line-height: 22px;
	}
	.header__gallery__hearts {
	    bottom: -32px;
	    left: -37px;
	    width: 85px;
	}
	
	.how__subtitle{
		margin-bottom: 60px;
	}
	.how__video-wr {
	    height: 230px;
	}
	.how {
	    padding-bottom: 50px;
	    padding-top: 50px;
	}
	.steps__wr {
	    padding-top: 30px;
	    padding-left: 25px;
	    padding-right: 25px;
	}
	.steps__hearts {
	    left: -39px;
	    width: 92px;
	    top: -46px;
	}
	.steps__left{
		margin-right: 0;
		width:100%;
	}
	.steps__text{
	    margin-top: 10px;
	}
	.steps__item {
	    margin-bottom: 45px;
	}
	.steps__item:last-child .steps__row{
		flex-direction: column;
	}
	.steps__btn{
		margin: 0 auto;
	}
	.steps__price{
		margin-top: 20px;
	}
	.faq__name{
		height: 27px;
	}
	.faq__btn {
	    width: 28px;
	    height: 28px;
	    padding: 0 14px;
	    margin-right: 10px;
	}
	.faq__plus, .faq__minus{
		width: 14px;
	}
	.faq__text {
	    line-height: 24px;
	}
	.faq {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.faq__box{
		margin-top: 70px;
	}
	.contacts__box{
		padding: 12px;
	}
	.contacts__left__text{
		width: 130px;
	}
	.contacts__right__img{
		margin-bottom: 30px;
	}
	.contacts__main{
		margin-top: 40px;
	}
	.contacts__subtitle {
	    width: 270px;
	    margin: 0 auto;
	}
	.contacts__social__icon {
	    height: 35px;
	    margin: 0px 10px;
	    margin-top: 34px;
	}
	.celebration__name{
		font-size: 17px;
	}
	.header__top__left {
	    margin-left: 10px;
	}
	.header__logo__icon{
		margin-right: 5px;
	}
}
@media (max-width: 460px){
	.steps__persons.box2 img:nth-of-type(6){
		display: none;
	}
	.steps__right__images.img-group3 img{
		width: auto;
	}
	.steps__right__images.img-group3 img:nth-of-type(2){
		display: none;
	}
}
@media (max-width: 400px) {
	.steps__persons img:last-child{
		display: none;
	}
	/*.contacts__left__icon {
	    width: 8.25vw;
	    margin-right: 3.5000000000000004vw;
	}*/
	.contacts__right__img {
	    margin-bottom: 0;
	    width: 31.5vw;
	}
	.contacts__left__text {
	    width: 32.5vw;
	    font-size: 3.5000000000000004vw;
	}
	.contacts__subtitle {
	    width: 67.5vw;
	    font-size: 4vw;
	}
	.contacts__social__icon {
	    
	    margin: 0px 2.5vw;
	    margin-top: 8.5vw;
	}
	/*.contacts__box .title{
		font-size: 7.5vw;
	}*/
	.contacts__wr {
	    border-radius: 1.5vw;
	    padding: 10vw 0;
	}
	.contacts__box {
	    padding: 3vw;
	    margin-top: -15vw;
	}
	.contacts__left__item {
	    margin-bottom: 6.25vw;
	}
	.contacts__main {
	    margin-top: 10vw;
	    margin-bottom: 8.75vw;
	}
}
@media (max-width: 367px) {
	.header__info__box {
	    width: 91.82561307901908vw;
	}
	.steps__persons.box2 img:nth-of-type(4){
		display: none;
	}
}



@media (max-width: 768px) and (max-height: 920px){
	.popup__delivery__text {
	    margin-top: 6px;
	    font-size: 11px;
	    line-height: 17px;
	}
	.popup__delivery .desq {
	    font-size: 10px;
	}
	.popup .title {
	    font-size: 20px;
	}
	.popup__delivery__icon {
	    width: 90px;
	}
	.popup__faq .faq__name {
	    font-size: 14px;
	    height: 26px;
	}
	.popup__faq .faq__btn {
	    width: 28px;
	    height: 28px;
	    padding: 0 14px;
	}
	.popup__faq .faq__plus, .popup__faq .faq__minus {
	    width: 12px;
	}
	.popup__faq .faq__content {
	    padding-bottom: 15px;
	}
	.popup__faq .faq__item{
		margin-bottom: 17px;
	}
	.popup__faq .faq__text {
	    line-height: 21px;
	    font-size: 12px;
	}
	.popup__delivery .popup__content, .popup__faq .popup__content {
	    padding: 18px;
	}
	.popup__contacts .popup__content{
		padding: 40px 0;
	}
	.popup__faq .popup__content {
	  
	}
}