.prod-color {
    color: #fab876
}

.slick-slide:focus {
    outline: none
}

.nw {
    white-space: pre!important;
    display: inline-block!important;
    color: inherit!important;
    font-weight: inherit!important;
    margin: auto!important
}

.black {
    color: #000!important
}

br {
    font-size: 0
}

@media screen and (max-width:1300px) {
    .examples-results__wrap {
        width: 776px;
        margin: auto
    }
    .steps .owl-prev {
        right: auto;
        left: 25px
    }
    .steps .owl-prev span {
        transform: rotate(180deg)
    }
    .steps .owl-next {
        left: auto;
        right: 25px
    }
}

@media screen and (max-width:1260px) {
    .sub-title {
        text-align: center
    }
    .intro-wrap {
        -ms-flex-pack: center;
        justify-content: center
    }
    .intro-wrap__right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }
    .intro-wrap__center {
        max-width: none
    }
    .intro__product {
           right: 0;
    bottom: -60px;
    }
    .intro__product .product {
        /*max-width: 320px*/
    }
    .intro__title {
        display: block;
        margin: auto
    }
    .intro .wrapper {
        padding-bottom: 25px
    }
    .intro .wrapper:after {
        width: 528px;
        height: 470px;
        margin: 0 auto -80px;
        bottom: 80px;
        left: 120px
    }
    .intro-item br {
        display: none
    }
    .intro-item p {
        max-width: 250px
    }
    .order__list {
        -ms-flex-pack: center;
        justify-content: center
    }
    .order__list .arrow {
        margin: auto 10px
    }
    .sub-title2 {
        text-align: center
    }
    .order-container-wrap {
        margin: 25px 0 0 auto;
        float: none
    }
    .popup-container .order-container-wrap {
      margin: 25px 0 0 0;
    }

    footer {
        padding: 40px 0
    }
}

@media screen and (max-width:1190px) {
    .wrapper {
        padding: 0 10px;
        max-width: 1000px
    }
    .header__item {
        margin-right: 10px
    }
    .header__list {
        margin-bottom: 15px
    }
    .examples {
        padding-bottom: 70px
    }
    .composition,
    .howtouse,
    .reviews,
    .stages,
    .steps {
        padding: 70px 0
    }
    .expert,
    .intro-and {
        padding-top: 70px
    }
    .intro .wrapper:after {
        left: 45px
    }
    .steps-wrap {
        width: 748px;
        margin: auto
    }
    .steps-wrap .anim2 {
        display: none
    }
    .steps-wrap .anim1 {
        left: 320px
    }
    .expert h2 br {
        display: none
    }
    .steps-item,
    .steps-item p {
        width: 355px
    }
    .stages-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .dashed-curve {
        display: none
    }
    .composition-item {
        width: 310px;
        margin-bottom: 60px
    }
    .composition-item .composition-img {
        margin-left: 85px
    }
    .composition-row:nth-child(2) .composition-item:nth-child(2) img {
        /*max-width: 310px;*/
        margin: 0 0 0 84px;
    }
    .composition-row:nth-child(2) .composition-item:first-child .composition-img:after,
    .composition-row:nth-child(2) .composition-item:first-child .composition-img:before,
    .composition-row:nth-child(2) .composition-item:nth-child(3) .composition-img:after,
    .composition-row:nth-child(2) .composition-item:nth-child(3) .composition-img:before {
        width: 205px
    }
    .reviews-content__wrap {
        width: 715px
    }
    .review-item__right {
        width: 500px
    }
    .howtouse-left:before {
        right: 20px
    }
    .order__list {
        -ms-flex-pack: center;
        justify-content: center
    }
    .order__list .arrow {
        margin: auto 10px
    }
    .order-img__wrap {
        width: 210px;
        height: 210px
    }
    .order__text {
        font-size: 16px;
        width: 250px;
        left: calc(50% - 125px)
    }
    .order__text br {
        display: none
    }
    .order__title {
        font-size: 18px;
        width: 250px;
        left: calc(50% - 125px)
    }
    .doctor-text__wrap {
        margin-bottom: 40px
    }
    .doctor-degree {
        margin-bottom: 25px
    }
}

@media screen and (max-width:999px) {
    h2 {
        font-size: 32px
    }
    .composition .horisontal-line,
    .howtouse .horisontal-line {
        margin: 50px 0 40px
    }
    .examples {
        padding-bottom: 50px
    }
    .composition,
    .howtouse,
    .reviews,
    .stages,
    .steps {
        padding: 50px 0
    }
    .expert,
    .intro-and {
        padding-top: 50px
    }
    .wrapper {
        max-width: 768px
    }
    .header__list {
        margin-bottom: 35px;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .header__item:first-child {
        display: none
    }
    .intro .wrapper:after {
        left: -75px
    }
    .examples-results__wrap {
        width: 620px
    }
    .examples-results__item {
        width: 300px
    }
    .owl-stage-outer {
        padding: 20px 0 30px
    }
    .composition-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        /*padding-bottom: 200px;*/
        /*background: url(../img/product.png) no-repeat bottom center;
        background-size: 300px*/
    }
    .composition-item:last-child {
        margin-bottom: 25px
    }
    .composition-row:nth-child(2) .composition-item:first-child .composition-img:after,
    .composition-row:nth-child(2) .composition-item:first-child .composition-img:before,
    .composition-row:nth-child(2) .composition-item:nth-child(3) .composition-img:after,
    .composition-row:nth-child(2) .composition-item:nth-child(3) .composition-img:before {
        display: none
    }
    .composition-row {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .hide999 {
      display: none
    }
    .composition-row:nth-child(2) {
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-order: -1;
        order: -1
    }
    .composition-row:nth-child(2) .composition-item:nth-child(2) {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0
    }
    .composition-row:last-child .composition-item:first-child {
        -ms-flex-order: 1;
        order: 1
    }
    .howtouse .anno {
        font-size: 17px
    }
    .howtouse-wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    .howtouse-left {
        padding-left: 57px;
        margin-bottom: 25px
    }
    .howtouse-left:before {
        display: none
    }
    .howtouse-right {
        width: auto
    }
    .howtouse-time__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .howtouse-time__item {
        width: 300px;
        margin: 15px auto 0
    }
    .stages-wrap__item {
        width: 100%;
        max-width: 340px
    }
    .steps-item,
    .steps-item p {
        width: 362px
    }
    .doctor-left {
        max-width: 320px
    }
    .doctor-text__wrap {
        max-height: 285px;
        font-size: 16px
    }
    .doctor-right {
        width: 420px
    }
    .doctor-degree:after {
        left: calc(100% + -100px);
        bottom: 50px
    }
    .reviews-content__wrap {
        width: 515px
    }
    .review-item__right {
        width: 400px
    }
    .order__list {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .order__list .arrow {
        margin: 0 auto 40px;
        transform: rotate(90deg);
        width: 65px
    }
    .order__item:first-of-type {
        margin-bottom: 160px
    }
    .order__item:nth-of-type(2) {
        margin-bottom: 200px
    }
    .order__item:nth-of-type(2) .order__text {
        top: calc(100% + 105px)
    }
    .order__item:last-of-type {
        margin-bottom: 0
    }
    .order__text {
        line-height: 1.2
    }
}

@media screen and (min-width:767px) and (max-width:999px) {
    .order__list {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: -100px;
        margin-top: 25px
    }
    .order__list .arrow {
        display: none
    }
    .order__text,
    .order__title {
        width: 230px;
        left: calc(50% - 115px);
        font-size: 15px
    }
    .order__item:first-of-type {
        margin-bottom: 220px
    }
}

@media screen and (max-width:767px) {
    h2 {
        font-size: 24px;
        max-width: 360px;
        margin: auto;
        line-height: 1.2
    }
    .wrapper {
        max-width: 480px
    }
    .sub-title2 {
        margin-bottom: 50px
    }
    .header__list {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        display: none
    }
    .intro .wrapper {
        padding-top: 30px
    }
    .header__item {
        font-size: 13px
    }
    .intro .wrapper:after {
        position: relative;
        bottom: auto;
        left: auto;
        width: 300px;
        height: 270px;
        margin: 0 auto -26px;
        background-size: contain
    }
    .examples {
        padding-bottom: 40px
    }
    .examples h2 {
        margin: 20px auto 10px
    }
    .examples-quotes__item {
        padding: 45px 0 0
    }
    .examples-quotes__item:nth-child(2):after,
    .examples-quotes__item:nth-child(2):before {
        display: none
    }
    .examples-quotes__item:nth-child(3) {
        padding-bottom: 45px
    }
    .order-container-wrap {
        margin: 25px auto
    }
    .intro__product {
        display: none
    }
    .intro__product.adaptive {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        display: block;
        margin: auto;
        width: 220px
    }
    .plaha {
        left: calc(100% - 25px)
    }
    .intro-item {
        width: 300px;
        margin: 15px auto 30px
    }
    .composition-row:nth-child(2) .composition-item:nth-child(2) {
        margin-bottom: 0
    }
    .examples-quotes__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .examples-results__wrap {
        width: 300px
    }
    .steps {
        padding: 40px 0
    }
    .steps-wrap {
        width: 371px;
        margin: auto
    }
    .steps-wrap .arrow {
        display: none
    }
    .steps .owl-prev {
        left: 25px
    }
    .steps .owl-next {
        right: 25px
    }
    .steps-item,
    .steps-item p {
        width: 370px
    }
    .stages {
        padding: 40px 0
    }
    .stages h2 {
        margin-bottom: 15px
    }
    .subt {
        margin-bottom: 0
    }
    .expert {
        padding-top: 40px
    }
    .expert h2 {
        max-width: 100%
    }
    .doctor-content__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .doctor-text__wrap {
        padding-right: 5px
    }
    .composition {
        padding: 40px 0
    }
    .composition .subt {
        margin-bottom: 25px
    }
    .composition .horisontal-line {
        margin: 35px 0 30px
    }
    .composition-item,
    .composition-item:last-child {
        margin-bottom: 25px
    }
    .reviews {
        padding: 40px 0
    }
    .reviews-content__wrap {
        width: 400px
    }
    .reviews-content__item {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .review-item__right {
        width: 400px;
        text-align: center
    }
    .right-button {
        left: calc(50% - 15px)
    }
    .howtouse {
        padding: 40px 0
    }
    .howtouse .horisontal-line {
        margin: 35px 0 20px
    }
    .intro__product .product {
        /*max-width: 230px*/
        margin: 0 auto 15px;
        display: block;
    }
    .intro__product .product-sm {
        max-width: 50px
    }
    .howtouse-left {
        width: 300px
    }
    .review-item__left {
        padding-right: 0
    }
    .review-item__right .review-text {
        font-size: 16px
    }
    .howtouse-wrap {
        margin-top: 10px
    }
    .howtouse-time__item:last-child {
        margin-top: 60px
    }
    .reviews .owl-next {
        left: calc(100% - 35px)
    }
    .reviews .owl-prev {
        right: calc(100% - 35px)
    }
    .order__list {
        margin-top: 30px
    }
    .examples-results__wrap .owl-next {
        left: calc(100% + 10px)
    }
    .examples-results__wrap .owl-prev {
        right: calc(100% + 10px)
    }
    .intro-and {
        padding-top: 30px
    }
}

@media screen and (max-width:479px) {
    .wrapper {
        max-width: 320px
    }
    .examples-results__item,
    .examples-results__wrap {
        width: 260px
    }
    .steps .owl-prev {
        left: 0
    }
    .steps .owl-next {
        right: 0
    }
    .steps-wrap {
        width: 300px;
        margin: auto
    }
    .steps-item,
    .steps-item p {
        width: 300px;
        text-align: center
    }
    .steps-item p {
        font-size: 18px
    }
    .review-item__right,
    .reviews-content__wrap {
        width: 300px
    }
    .owl-nav {
        display: none
    }
    .composition-item {
        width: 310px
    }
    .composition-item,
    .composition-item:last-child {
        margin-bottom: 30px
    }
    .composition button {
        width: 100%;
        max-witdh: 360px
    }
    .composition-row:nth-child(2) .composition-item:nth-child(2) img {
        max-width: 300px;
        display: block
    }
    .doctor-left {
        max-width: 150px
    }
    .doctor-name {
        font-size: 18px
    }
    .doctor-degree:after {
        left: calc(100% - 145px)
    }
    .howtouse button {
        width: 100%;
        max-witdh: 360px
    }
    .howtouse-right__item {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
    .howtouse-right__img {
        margin: 0 0 10px
    }
    .howtouse-right {
        width: 100%
    }
}