@media screen and (max-width: 700px) {
  .content {
    width: 100%;
  }
  .survey__answers {
    width: 90%;
  }
  .survey .final .form__prod {
    width: 260px;
    margin: 0 auto;
}
}
@media screen and (max-width: 990px) {
  .survey__answers {
    width: 90%;
  }
}
@media screen and (min-width: 700px) {
  body {
  display:flex;
    flex-direction:column;
  }
  .ac_footer {
  margin-top: auto !important}
  .content {
    width: 744px;
  }
  .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main__left, .main__right {
    width: 400px;
    margin: 0 auto;
  }
  .main__next {
    width: 320px;
  }
  .main__logo {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .main__logo span {
    font-size: 20px;
  }
  .main__logo svg {
    width: 24px;
    height: 24px;
  }
  .main__title {
    font-size: 32px;
  }
  .main__subtitle {
    font-size: 14px;
  }
  .main__good {
    font-size: 14px;
  }
  .main__info:before {
    width: 230px;
    height: 233px;
    bottom: 5px;
  }
  .survey__answers {
    width: 400px;
  }
  .survey .final .form__prod {
    width: 260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 700px) {
  .survey .final .or p:nth-child(3){
    margin-top: 0px;
}
  .content {
       width: 100%;
    max-width: 960px;
  }
  body {
    font-size: 14px;
  }
  .main__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
    background: #fff;
    border-radius: 25px;
    padding: 30px;
  }
  .main__left, .main__right {
    width: calc(50% - 15px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .main__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main__info {
    padding-bottom: 60px;
    background: linear-gradient(132deg, #F9D4E0 2.06%, #FFE4ED 97.25%);
  }
  .main__info:before {
    width: 261px;
    height: 258px;
    bottom: 5px;
    right: -40px;
  }
  .main__title {
    padding-right: 130px;
  }
  .main__subtitle {
    margin-top: 45px;
  }
  .main__good {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    padding-right: 150px;
  }
  .main__text {
    color: #1C1155;
    font-weight: 400;
    margin-top: 20px;
    line-height: 1.3;
  }
  .main__work {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0;
    padding: 0;
  }
  .main__work--title {
    font-size: 18px;
  }
  .main__list {
    gap: 16px;
  }
  .main__item {
    gap: 18px;
  }
  .main__ico {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
    height: 56px;
  }
  .main__ico:before {
    width: 56px;
    height: 56px;
  }
  .main__ico svg {
    width: 24px;
    height: 24px;
  }
  .main__block {
    gap: 6px;
  }
  .main__block b {
    font-size: 18px;
  }
  .main__block span {
    line-height: 1.3;
  }
  .main__label {
    margin-top: 24px;
    background: #A35C85;
    padding: 12px 24px;
    gap: 16px;
  }
  .main__label svg {
    width: 30px;
    height: 30px;
  }
  .main__label span {
    line-height: 1.3;
  }
  .main__next {
    margin-top: 36px;
    width: auto;
  }
  .main__next--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 20px;
    font-size: 18px;
  }
  .main__next--title b {
    margin: 0;
    font-size: 18px;
  }
  .main__next--title b:after {
    content: ":";
  }
  .main__next--but {
    width: 280px;
    margin: 24px auto 0;
  }
  .survey__logo {
    padding: 8px;
  }
  .survey__logo span {
    font-size: 24px;
  }
  .survey__logo svg {
    inline-size: 42px;
    margin-right: 24px;
  }
  .survey__header h1 {
    margin-top: 30px;
    font-size: 32px;
  }
  .survey__header h1 span {
    font-size: 18px;
  }
  .survey__progress {
    margin-top: 39px;
    width: 492px;
    height: 12px;
  }
  .survey__progress-line span {
    border-radius: 10px;
  }
  .survey__progress-line span:not(.survey__progress-line span:last-child) {
    margin-right: 12px;
  }
  .survey__wrapper {
    padding: 30px;
  }
  .survey__answers {
    width: 90%;
    margin-top: 74px;
  }
  .survey__answer h2 {
    font-size: 18px;
  }
  .survey__answer--8 {
    width: 750px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 25px;
    background: #fff;
    padding: 30px 21px;
  }
  .survey__answer--8 .wrapper {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 44px 66px 70px auto;
    -webkit-column-gap: 27px;
       -moz-column-gap: 27px;
            column-gap: 27px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .survey__answer--8 h3, .survey__answer--8 p {
    color: #1C1155;
    line-height: 1.28;
  }
  .survey__answer--8 h3 {
    grid-row: 1/2;
    grid-column: 2/3;
    margin-top: 22px;
    font-size: 18px;
    text-align: left;
  }
  .survey__answer--8 p {
    text-align: left;
  }
  .survey__answer--8 p:nth-child(3) {
    margin-top: 50px;
    grid-row: 2/3;
  }
  .survey__answer--8 p:last-child {
    margin-top: 35px;
    grid-row: 3/4;
  }
  .survey__answer--8 .next-btn {
    justify-self: center;
    -ms-flex-item-align: end;
        align-self: end;
    margin-bottom: 30px;
  }
  .survey__answer--8 .user-photo {
    grid-row: 1/-1;
    grid-column: 1/2;
    border-radius: 20px;
    background: linear-gradient(142deg, #6D4E85 2.67%, #263C86 94.67%);
    width: 332px;
    height: 353px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
  }
  .survey__answer--8 .user-photo img {
    max-width: 330px;
    max-height: 353px;
  }
  .survey__answer .answer-block {
    font-size: 18px;
    padding-left: 50px;
    margin-top: 20px;
  }
  .survey__answer .answer-block::before {
    inline-size: 30px;
  }
  .survey__answer .answer-block::after {
    inline-size: 17px;
  }
  .survey__answer.active {
    height: 387px;
  }
  .survey__answer .back {
    top: -60px;
  }
  .survey__answer .back svg {
    inline-size: 50px;
  }
  .survey button.next-btn {
    font-size: 18px;
  }

}
@media screen and (min-width: 1010px) {
    .survey .final {
    width: 990px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .survey .final .wrapper {
    padding: 30px;
    display: grid;
    grid-template-columns: 329px auto;
    grid-template-rows: auto;
    background: #fff;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    border-radius: 25px;
  }
  .survey .final .result {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 329px auto;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    grid-template-rows: 39px 40px 68px 28px 28px;
    padding: 0;
  }
  .survey .final .result h2 {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 32px;
  }
  .survey .final .result h3 {
    grid-row: 2/3;
    grid-column: 2/3;
    font-size: 18px;
  }
  .survey .final .result__photo {
    grid-row: 1/-1;
    grid-column: 1/2;
    width: 100%;
    height: 451px;
    margin: 0;
  }
  .survey .final .result__photo img {
    max-width: 234px;
    max-height: 482px;
    margin-top: 0;
  }
  .survey .final .result p {
    margin: 0;
  }
  .survey .final .result p.second {
    margin: 0;
  }
  .survey .final .symptoms {
    grid-row: 2/3;
    grid-column: 2/3;
    color: #000;
  }
  .survey .final .symptoms ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
  .survey .final .symptoms ul li {
    font-size: 14px;
    padding-left: 51px;
        display: flex;
    align-items: center;
  }
  .survey .final .symptoms ul li:before {
    width: 41px;
    height: 22px;
    -webkit-transform: translateY(-53%);
        -ms-transform: translateY(-53%);
            transform: translateY(-53%);
  }
  .survey .final .condition {
    width: 98%;
    max-width: 592px;
    grid-row: 3/4;
    grid-column: 2/3;
    color: #000;
    border-radius: 20px 90px 90px 20px;
    background: #333F86;
    color: #fff;
    padding: 5px 5px 5px 24px;
    position: relative;
  }
  .survey .final .condition h2 {
    position: absolute;
    top: 21px;
  }
  .survey .final .condition__wrapper {
    margin-top: 0px;
    border-radius: 0;
    background: none;
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    position: relative;
  }
  .survey .final .condition__wrapper p {
    margin-top: 19px;
  }
  .survey .final.final--2 .condition__wrapper p {
    margin-top: 38px;
}
  .survey .final .cure {
    margin-top: 40px;
  }
  .survey .final .cure h2 {
    font-size: 24px;
    text-align: center;
  }
  .survey .final .cure p {
    font-size: 18px;
    text-align: center;
    margin-top: 8px;
  }
  .survey .final .cure ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(31%, 334px));
    grid-template-rows: repeat(2, 72px);
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 30px;
    margin-top: 30px;
  }
  .survey .final .cure ul li {
    margin-top: 0;
    border-radius: 5px;
    padding: 8px 16px 8px 90px;
    background: rgba(255, 255, 255, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .survey .final .cure ul li::before {
    inline-size: 56px;
    font-size: 44px;
    left: 16px;
  }
  .survey .final .or h2 {
    position: relative;
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
    /* margin-left: 180px; */
  }
  .survey .final .or h2:after {
    content: ", ";
    font-size: 24px;
    font-weight: 900;
    position: absolute;
  }
  .survey .final .or p:nth-child(2):not(.or__wrapper p) {
    text-transform: lowercase;
    margin-left: 9px;
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.2;
  }
  .survey .final .or p:nth-child(2):not(.or__wrapper p) span {
    font-size: 18px;
    display: block;
    margin-top: 8px;
    margin-left: -50px;
  }
  .survey .final .or__wrapper {
    display: grid;
    grid-template-columns: auto 660px;
    grid-template-rows: 30px repeat(6, auto);
    padding: 30px;
    height: 560px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-bottom: 70px;
  }
  .survey .final .or__wrapper h3 {
    grid-row: 1/2;
    grid-column: 1/-1;
    text-align: center;
    font-size: 24px;
  }
  .survey .final .or__wrapper .subtitle {
    grid-row: 2/3;
    grid-column: 1/-1;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    justify-self: center;
    background: #EEE4FF;
    color: #000;
    padding: 4px 8px;
  }
  .survey .final .or__wrapper p, .survey .final .or__wrapper ul, .survey .final .or__wrapper h5 {
    grid-column: 1/2;
    line-height: 1.28;
    text-align: left;
  }
  .survey .final .or__wrapper ul {
    margin-top: 0;
  }
  .survey .final .or__wrapper ul li p {
    font-size: 14px;
    margin-top: 0;
  }
  .survey .final .form {
    width: 660px;
    margin-left: auto;
    margin-right: 30px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 48%, rgba(255,228,237,1) 48%);
    margin-top: -500px;
  }
  .survey .final .form__wrapper {
    display: grid;
    grid-auto-columns: 322px 290px;
    grid-template-rows: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 10;
  }
  .survey .final .form__right {
    grid-column: 2/3;
  }
  .survey .final .form__prod {
    z-index: 20;
    grid-column: 1/2;
  }
  .survey .final .form__prod h4 {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #1C1155;
    position: absolute;
    top: -33px;
    left: -20px;
    line-height: 1.28;
  }
  .survey .final .form__prod .tube {
    width: 175px;
    margin-left: -30px;
    margin-top: 25px;
  }
  .survey .final .form__prod .sale {
    width: 159px;
    right: -12px;
  }
  .survey .final .form__title {
    margin: 0 0 14px;
    font-size: 18px;
  }
  .survey .final .form .button span {
    font-size: 18px;
  }
  .survey .final--2 .cure ul {
    grid-template-rows: repeat(2, 112px);
  }
  .survey .final.final--2 .form {
    margin-top: -512px;
  }
  .survey .final .or:not(.survey .final .or>div) {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
    .survey .final .condition {
    max-width: 670px;
  }
  .content {
    width: 1170px;
  }
  .survey .final {
    width: 1140px;
  }
  .survey .final .condition__wrapper::after {
    right: -50px;
  }
  .survey .final--2 .or__wrapper p, .survey .final--3 .or__wrapper p, .survey .final--4 .or__wrapper p {
    font-size: 14px;
  }
  /* .survey .final .or h2 {
    margin-left: 250px;
  } */
  .survey .final .or__wrapper {
    margin-top: 30px;
    color: #1C1155;
  }
  .survey .final .or__wrapper h5 {
    font-size: 18px;
  }
  .survey .final .or li .ico {
    width: 56px;
    height: 56px;
    margin-right: 16px;
  }
  .survey .final .or li .ico svg {
    width: 24px;
    height: 24px;
  }
  .survey .final .or ul {
    margin-top: 0;
  }
  .survey .final .form {
    margin-top: -510px;
  }
  .survey .final .form__prod .sale {
    right: -2px;
    top: 198px;
  }

}
@media screen and (min-width: 700px) and (max-width: 990px) {
.main__info:before {
    right: -57px;
}
 .main__title {
    padding-right: 80px;
}
.survey__answer.active.survey__answer--8 {
    transform: scale(0.9) translateX(-55.5%);
}
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
.survey .final h2 {
    font-size: 15px;
}
}