@media only screen and (max-width : 1280px) {
    .main{
        width: auto;
    }

    .input_with_img-item .mava,
    .input_with_img-item.mytext .mava{
        max-height: 145px;
    }

    .quiz-right-wrapper .mimg img {
        width: 70%;
    }

    .mava-question{
        background-size: auto 70%;
    }

}

@media only screen and (max-width : 1200px) {
	.gift_item-image.licens img{
		width: 100px;
	}
	.spec_arr {
		width: 30%;
		transform: none
	}
	.new-block__right{
		margin-left: 5%;
	}
	.step-result-block_1 {
		font-size: 14px;
		line-height: 21px;
	}
	.new-block__left{
		font-size: 16px;
		line-height: 22px;
		width: 55%;
	}
	.step-result-block_1--title{
		font-size: 18px;
	}
	.quiz-step_5-image {
    bottom: auto;
    position: absolute;
    left: 20px;
}
	.quiz-step.mfinal .title-center {
		font-size: 16px;
		margin: 30px 0;
	}
	.quiz-step.mfinal .quiz-step-title{
		font-size: 18px;
		line-height: 22px;
		margin: 0;
	}
	.quiz-step.mfinal .quiz-step-body > .mright{
		width: 289px;
	}
	.mblue{
		font-size: 14px;
		line-height: 16px;
		padding: 12px;
	}
	.mblue b{
		font-size: 14px;
		margin: 5px 0;
	}
	.main_header {
		padding-top: 16px;
		overflow: hidden;
	}
    .quiz-right-wrapper .mtitle{
        font-size: 15px;
    }

    .quiz-right-wrapper .mfooter{
        font-size: 12px;
    }

    .quiz-footer{
        padding-top: 40px;
        padding-bottom: 40px;
        /* padding-bottom: 80px; */
    }

    .quiz-step_5-image img {
        /* width: 170px; */
    }



}



@media only screen and (max-width : 1100px) {
    .quiz-step_5-image img {
        width: 185px;
    }
}


@media only screen and (max-width : 992px) {
	.main_header{
		background-image: url(../images/header_bg_mob.jpg);
	}
	.examples_wrap{
		margin-top: 20px;
	}
	.gift_item.right{
		font-size: 18px;
		line-height: 22px;
	}
	.gift_item{
		font-size: 16px;
		line-height: 21px;	
	}
	.gifts_wrap{
		background-image: none;
	}
	.step-result-block_5{
		padding: 20px 0;
	}
	.quiz .quiz-wrapper{
		padding-left: 20px;
    padding-right: 20px;
	}
	.quiz  .quiz-wrapper.full_width {
    padding: 0 0 40px;
}
	.new-block__right,
	.new-block__left{
		width: 49%;
		margin: 0;
	}
	.new-block__container{
		align-items: flex-end;
		justify-content: space-between;
	}
	.quiz-step-body > .mright {
		margin-left: 15px;
	}
	.quiz-step-body{
		justify-content: center;
	}
	.quiz-step.mfinal .quiz-step-body > .mleft{
		width: 50%;
		max-width: 50%;
		margin: auto;
	}
	.quiz-step.mfinal .quiz-step-body > .mright{
		max-width: 50%;
		margin-left: 10px;
		display: block;
	}
	.topbar-button{
		margin: auto;
		padding: 0 10px;
	}
	.topbar-logo{
		margin: 0;
		width: 66px;
	}
	.topbar-logo img{
		max-width: 100%;
		max-height: 100%;
		height: auto;
	}
	.mobile_phone{
		margin-right: 18px;
	}
	.topbar-mobile{
		display: flex;
		align-items: center;
	}
	.topbar-button .mobile{
		display: block;
	}
	.topbar-button{
		font-weight: 500;
		font-size: 12px;
		line-height: 14px;
		text-decoration-line: underline;
		color: #1F687C;
		background: none;
		padding: 0;
		border: none;
		box-shadow: none;
		border-radius: 0;
	}
	.topbar-button .desktop,
	.topbar-tel,
	.topbar-logo-title{
		display: none;
	}

    .quiz-step.mfinal{
        margin-left: 0;
        width: 100%;
    }

    .quiz-step_5-image{
        display: none;
    }

    .input_with_img-item .mava,
    .input_with_img-item.mytext .mava{
        max-height: 120px;
    }
		.leg-5,
		.leg-item {
			font-size: 18px;
			line-height: 22px;
		}
		.leg-item_icon{
			width: 20px;
			min-width: 20px;
			margin-right: 10px;
		}
		a.button-leg_6 {
			font-size: 16px;
			line-height: 22px;
			width: 340px;
			height: 70px;
		}
		a.button-leg_6::before{
			right: -45px;
		}
		a.button-leg_6::after {
			margin-right: -100px;
		}
		.real_sale {
			right: 30%;
		}
/*		.header_woomen:before{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			bottom: 0;
			content: '';
			background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.0705486) 48.23%, #FFFFFF 93.02%);
			transform: matrix(-1, 0, 0, 1, 0, 0);
		}*/
		.leg-8 .mava{
			margin: 0 10px 0 -10px ;
		}
		.leg-8{
			/* margin-bottom: 20px; */
			padding-bottom: 15px;
		}
		.final-description{
			font-size: 20px;
		}
		.step-result-title {
			font-size: 18px;
			line-height: 22px;
	}
	.quiz-step.mresult.blink .step-result-title::before {
		width: 68px;
		left: -10px;
	}
	.step-result-title {
		padding-left: 60px;
	}
}


.only_0_800{
	display: none;
}
@media only screen and (max-width : 800px) {
	.messengers_mobile_mokup{
		width: 260px;
		margin: 10px auto;
	}
	.messengers_mobile{
		width: 280px;
		margin: auto;
	}
	.quiz-step.mfinal .messengers_mobile .radio-custom-group{
		margin-bottom: -20px;
	}
	.only_0_800{
		display: block;
	}
	.quiz-step-body > .mright {
    display: none;
		}
	.quiz-step.mfinal .quiz-step-body > .mright{
		margin-top: 30px;
		display: block;
	}
	.quiz-step.mfinal .quiz-step-body{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.waranty {
			position: absolute;
			bottom: -5px;
			right: 7%;
			transform: translate(100%, 100%) rotate(45deg);
			width: 200px;
	}
    .quiz-step-body > .mleft{
        width: 100%;
    }

    .input_with_img-item .mava, .input_with_img-item.mytext .mava{
        max-height: 145px;
    }

    .leg-1{
        font-size: 36px;
        position: relative;
        z-index: 1;
    }

    .leg-2{
        font-size: 20px;
    }

    .leg-7 .mtext{
        font-size: 20px;
    }
}



@media only screen and (max-width : 768px) {
    a.qbutton-2{
        font-size: 16px;
    }
    .modal-form-std-wrapper{
        padding: 15px 0;
    }
    .modal-head {
        font-size: 18px;
    }
	.examples_wrap-mob{
		display: block;
		position: relative;
		text-align: center;
		margin: 25px auto 10px;
	}
	.examples_wrap-mob:before{
		position: absolute;
		content: '';
		width: 30px;
		height: 30px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background-image: url(../images/search.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	.examples_wrap{
		display: none;
	}
	.gifts_form form > *{
		max-width: 100%;
		margin: 15px 0 0;
	}
	.gifts_form{
		margin: 20px auto 0;
		font-size: 14px;
		line-height: 16px;
		padding: 0 15px;
	}
	.gifts_form .momentaly-form__input-wrapper{
		width: 288px;
		margin: auto;
		display: flex;
		flex-direction: column;
	}
	.gifts_title{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.gift_item-image.licens{
		position: relative;
		left: auto;
		margin: -25px auto 10px;
	}
	.gift_item.right .gift_item-text{
		padding: 20px 0 0;
	}
	.gift_item.left{
		border-radius: 0 10px 10px 0;
		padding: 12px;
	}
	.gift_item.right{
		border-radius:  10px 0 0 10px;
	}
	.gift_item{
		font-size: 14px;
		line-height: 16px;
	}
	.gift_item.right img{
		width: 100px;
	}
	.gift_item{
		flex-direction: column;
		justify-content: center;
		padding: 12px;
	}
	.gifts_wrap{
		padding: 24px 0;
	}
	.licens_img{
		margin: auto;
		width: 200px;
	}
	.spec_arr{
		display: none;
	}
	
	.spec__list,
	.spec__title,
	.new-block__left{
		font-size: 14px;
		line-height: 16px;
	}
	.step-result-title::before {
		left: -15px;
	}
	.quiz-step.mresult:not(.blink) .step-result-title--wrap {
		top: -70px;
	}
	.quiz-step.mresult:not(.blink) {
		padding-top: 15px;
		margin-top: 65px;
	}
	.new-block.quiz-unwrapper{
		padding: 15px;
	}
	.new-block__right, .new-block__left {
    width: 100%;
    margin: 0 auto 15px;
	}
	.new-block__container{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.leg-5, .leg-item{
		margin-top: 20px;
	}
	.leg-item{
		margin-top: 13px;
		font-size: 12px;
		line-height: 14px;
	}
	.leg-3{
		flex-direction: column;
		width: 320px;
		max-width: 100%;
	}
	
    /* .quiz{
        margin-left: -20px;
        margin-right: -20px;
    } */

    body{
        background-position: center -50px;
    }
    .header_woomen {
    right: 0;
    transform: translate(160%, 137%);
    z-index: 0;
    width: 220px;
}
}

.header_sale__mob{
    display: none;
}
@media only screen and (max-width : 700px) {
    .header_sale__mob{
    display: block;
    position: absolute;
    left: auto;
    right: -15px;
    top: 115px;
    width: 125px;
    }
    .header_woomen{
		display: none;
	}
	.header_woomen:before{
		display: none;
	}
	.header_woomen.mobile{
		display: block;
    right: 8px;
    left: auto;
    bottom: -65px;
    top: auto;
    width: 81px;
	}
	.leg-8 .mt2{
		padding: 0;
		font-size: 16px;
		line-height: 22px;
	}
	.leg-8 .mava{
		width: 100px;
	}
	body{
		font-size: 14px;
		line-height: 16px;
	}
	.leg-7 .mtext{
		font-size: 14px;
		line-height: 16px;
	}
	.header_woomen.mobile{
		transform: none
	}
    .topbar-logo-title{
        font-size: 15px;
    }

    .topbar-logo img {
        max-width: 100%;
				max-height: 100%;
    }

    .topbar-tel a{
        font-size: 20px;
    }

    .topbar-tel .onoff{
        font-size: 16px;
        background-position: left 4px;
        padding-left: 16px;
    }

    .leg-1{
        font-size: 24px;
				line-height: 24px;
				margin-top: 20px;
    }

    .leg-2{
        font-size: 15px;
				line-height: 16px;
				margin-top: 10px;
				font-weight: 500;
				width: 250px;
				padding-bottom: 13px;
    }
		.leg-2 br{
			display: none;
		}
		.waranty.desc{
			display: none;
		}
		.waranty.mob{
			display: block;
			width: auto;
			transform: translate(100%, 50%);
			right: 0;
			top: -80px;
			right: 11px;
		}
		.leg-5, .leg-item{
			font-size: 14px;
			line-height: 16px;
			position: relative;
			z-index: 1;
		}
		.leg-item{
			font-size: 12px;
			line-height: 14px;
			position: relative;
			z-index: 1;
		}
		.leg-3{
		    width: 250px;
		    position: relative;
		}
		.leg-item_icon{
			width: 16px;
			min-width: 16px;
		}
		.leg-item_text{
			width: 150px;
		}
    .leg-4{
        font-size: 14px;
				line-height: 16px;
				background-color: #fff;
				position: relative;
				padding: 14px 16px;
				display: block;
				width: 290px;
    }
    .leg-6 {
    margin-top: 18px;
}
.leg-7 {
    margin-top: 16px;
}
    .leg-5{
        font-size: 15px;
    }

    a.button-leg_6 {
        font-size: 15px;
        width: 350px;
        height: 60px;
    }

    a.button-leg_6::before{
        width: 80px;
        height: 70px;
        background-size: 100% auto;
        top: -15px;
    }

    a.button-leg_6::after{
        display: none;
    }
		.leg-5{
			position: relative;
		}
		.leg-5:before{
			position: absolute;
			content: '';
			left: 360px;
			top: 0;
			background-image: url(../images/leg-5_btn.svg);
			background-size: contain;
			background-repeat: no-repeat;
			width: 30px;
			height: 30px;
		}
    body{
        background-position: center -100px;
    }

    .sclad_tit {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .sclad_txt{
        font-size: 16px;
    }
    .sclad{
        padding: 70px 15px;
        height: auto;
    }
}


.only_0_600{
    display: none;
}


@media only screen and (max-width : 600px) {
    .topbar-right {
    display: flex;
    position: relative;
    left: -7px;
}
	.waranty.mob{
    top: -53px;
    z-index: -1;
	}
	.momentaly-form__desc{
		font-size: 12px;
		line-height: 16px;
		width: 190px;
		padding: 0;
		margin: 15px auto 0;
	}
	.quiz .steps-progress .step-mark::before {
		height: 5px;
	}
	.quiz-step.mfinal .quiz-right-wrapper .mtitle{
		font-size: 18px;
		padding: 20px 0;
	}
	.quiz-step.mfinal .quiz-step-body > .mright,
	.quiz-step.mfinal .quiz-step-body > .mleft{
		max-width: 100%;
	}
	input[name=tel]{
		height: 50px;
	}
	a.submit-all, .submit-modal{
		height: 50px;
		font-size: 16px;
	}
	.quiz-step.mfinal .title-center{
		margin: 15px 0;
	}
	.quiz-step.mfinal .quiz-step-title br{
		display: none;
	}
	.final-spinner{
		padding: 0;
		margin: 10px auto -40px;

	}
	.progress.complete:before {
		transform: translate(-50%, -75%)
	}
	.progress {
		transform:scale(.8) ;
		transform-origin: 0 0 ;
	}
	.step-result-title{
		font-size: 14px;
		line-height: 16px;
	}
	.final-description{
		font-size: 14px;
		line-height: 18px;
	}
	.leg-5:before {
		left: 240px;
	}
    .hidden_0_600{
        display: none;
    }

    .only_0_600{
        display: initial;
    }

    .quiz-step-button{
        margin-left: -20px;
        margin-right: -20px;
    }

    .quiz-step-button .qbutton{
        border-radius: 0;
        font-size: 19px;
        width: 100%;
				max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .qbutton[data-id="quiz-prev-question"]{
        margin-right: 0;
        background: #c6cbce;
        color: #fff;
        border: none;
    }

    .qbutton[data-id="quiz-prev-question"]::before{
        display: none;
    }


    .qbutton[data-id="quiz-next-question"]::after{
        background: none;
        content: '>';
        width: auto;
        height: auto;
    }


    .topbar-logo-title{
        display: none;
    }



    .quiz-footer-mobile{
        display: block;
    }

    .quiz-footer{
        /* display: none; */
        font-size: 16px;
    }


    .quiz-head{
        font-size: 14px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
/*		.quiz-head br{
			display: none;
		}*/

    .quiz .quiz-step-title{
        font-size: 24px;
    }

    .br-onlymobile{
        display: initial;
    }

    .quiz .steps-progress .step-mark span{
        font-size: 12px;
        line-height: 1;
    }


    .input_with_img-item .mtitle{
        font-size: 14px;
        padding-left: 50px;
    }


    .step_3-input-item{
        width: calc(100% / 2 - 20px * 1 / 2);
        margin-bottom: 20px;
    }


    .quiz .steps-progress .step-mark{
        width: calc(100% / 4 - 8px * 3 / 4);
        height: 47px;
    }

    .quiz .steps-progress-wrapper {
        margin-bottom: 20px;
    }

    .quiz-step.mfinal .quiz-step-body > .mleft{
        width: 100%;
    }

    .quiz-step_5-wrapper{
        display: block;
        position: relative;
    }

    .quiz-step_5-image{
        position: absolute;
        top: 210px;
        left: 50%;
        margin-left: -120px;
    }

    .quiz-step_5-image img{
        width: 240px;
    }

    .quiz-step_5-center{
        margin-left: 0;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }


    .final-description{
        /* display: none; */
        text-align: center;
    }

    .quiz-step.mfinal .radio-custom-group{
        margin-top: 20px;
        /* margin-bottom: 305px; */
    }

    input[name="tel"],
    a.submit-all{
        position: relative;
        z-index: 10;
        width: 100%;
    }

    .final-spinner{
        padding-left: 0;
        text-align: center;
    }

    .final-spinner::after{
        left: 50%;
        margin-left: 60px;
    }

    body{
        background:
            url(../images/bg-mobile.jpg) no-repeat right -50px;
        /* background-size: 100% auto; */
        background-size: 320px auto;
        /* padding-bottom: 40px; */
    }

    body.bodyBgFixed{
        background: none;
    }

    /* body{
        background-image: url(../images/bg-mobile.jpg);
        background-size: auto 40%;
        background-position: right -10%;
    } */

    .input_with_img-item.mytext .mava textarea{
        font-size: 12px;
    }

    .input_with_img-item.mytext .mava textarea::placeholder{
        padding-top: 1em;
    }

    .quiz-footer-mobile{
        display: none;
    }

    .step-result-title::after{
        position: relative;
        left: -10px;
    }

    /* .quiz-step.mfinal .radio-custom label::after, */
    .radio-custom label::after{
        margin-top: -5px;
    }




    a.button-leg_6 {
        font-size: 14px;
        width: 288px;
        height: 50px;
    }

}





@media only screen and (max-width : 500px) {
	.gifts_form-title br{
		display: none;
	}
    .leg-7{
        margin-left: 0;
    }

    .leg-7 .mava img{
        width: 100px;
    }

    .leg-7 .mtext{
        font-size: 12px;
    }

    .quiz-step_2-image img{
        width: 200px;
    }


    a.button-leg_6 {
        font-size: 14px;
        line-height: 16px;
        height: 45px;
    }

}



@media only screen and (max-width : 400px) {
	a.button-leg_6::before {
    right: -20px;
		top: -25px;
	}
    .quiz-step_2-image img {
        width: 150px;
    }

    .quiz-step_2-wrapper{
        display: block;
    }

    .quiz-step_2-image img{
        width: 100%;
    }
    	a.button-leg_6 .mbig{
		text-transform: none;
	}
}



@media only screen and (max-width : 374px) {

    label[for=input_file]::before, label[for=input_file_modal]::before {
        font-size: 11px;
    }
  

    .quiz .quiz-step-title{
        font-size: 20px;
    }

    .quiz .quiz-step-description {
        font-size: 16px;
        padding-bottom: 1em;
    }

    .input_with_img-item{
        width: calc(100% / 2 - 10px * 1 / 2);
        margin-bottom: 10px;
    }

    .quiz-step-button .qbutton{
        font-size: 14px;
    }



    .input_with_img-item input[type="radio"] + .mtitle::before{
        margin-left: 8px;
    }

    .input_with_img-item input[type="radio"] + .mtitle::after{
        /* margin-top: -5px; */
        margin-left: 14px;
    }

    .input_with_img-item .mtitle{
        font-size: 13px;
        padding-left: 40px;
    }


    .input_with_img-item input[type="checkbox"] + .mtitle::before,
    .input_with_img-item input[type="checkbox"] + .mtitle::after{
        margin-left: 8px;
    }




}






@media only screen and (max-width: 850px){
    body {
        background: url(../images/bg-mobile.jpg) no-repeat right -50px;
        /* background-size: 100% auto; */
        background-size: 320px auto;
    }

}