@media screen and (max-width: 1008px)
{
    .reviews__btn
    {
        position: static;

                flex-direction: row;

        width: auto;
        margin-bottom: 60px;
        padding: 0;

        background-color: transparent;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
                justify-content: center;
    }

    .reviews__btn img
    {
        display: none;
    }

    .reviews__stars-block
    {
        margin-bottom: 60px;
        min-height: 1px;
    }

    .reviews__title
    {
        padding-right: 0;
    }

    .modal-dialog.modal-medium
    {
        width: auto;
    }

    .modal-review__product
    {
        font-size: 21px;
        line-height: 26px;

        max-width: 320px;

        text-align: left;
    }
}

@media screen and (max-width: 767px)
{
    .reviews__title
    {
        padding-right: 15px;
        padding-left: 15px;
    }

    .reviews__stars-block
    {
        padding-right: 15px;
        padding-left: 15px;
        min-height: 1px;
    }

    .reviews-stars-block__average
    {
        position: relative;

        margin-bottom: 140px;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    .reviews-stars-block__average-stars
    {
        position: absolute;
        bottom: -84px;
        left: 0;
    }

    .reviews-stars-block__average-stars .stars-procent__empty
    {
        background-image: url(../images/icon-big-empty-star.png);
    }

    .reviews-stars-block__average-stars .stars-procent__full
    {
        background-image: url(../images/icon-big-full-star.png);
    }

    .reviews-stars-block__average-stars.stars-procent
    {
        width: 300px;
        height: 46px;
    }

    .reviews-stars-block__average-text
    {
        padding-top: 0;
        padding-right: 0;
    }

    .reviews-stars-block__average-rating
    {
        padding-top: 0;
        padding-left: 3px;
    }

    .comments__title
    {
        font-size: 20px;
    }

    .comment__inner
    {
                flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
    }

    .comment__right
    {
        padding-left: 0;

        border-left: 0;
    }

    .comment__left
    {
        margin-right: 0;
        margin-bottom: 6px;
        padding-right: 0;
    }

    .comment--have-reply .comment__right
    {
        border-left: 0;
    }

    .comment--have-reply .comment
    {
        margin-top: 20px;
        margin-left: 20px;
    }

    .comment__avatar img
    {
        width: 57px;
        max-width: 57px;
        height: 57px;

        border: 0;
    }

    .comment__rating
    {
        display: none;
    }

    .comment__form-footer-wrapper
    {
                flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
        -ms-flex-align: end;
                align-items: flex-end;
    }

    .comment__form-footer-wrapper .comment__form-footer-row:first-child
    {
        width: 100%;
        margin-bottom: 95px;
    }

    .comment__form .modal-review__rating
    {
        position: absolute;
        bottom: 65px;
        left: 0;

        margin-top: 0;
    }

    .comment__form-footer
    {
        position: relative;
    }

    .comment__form .rating-area:not(:checked) > label:hover:before,
    .comment__form .rating-area:not(:checked) > label:hover ~ label:before
    {
        width: 31px;
        height: 29px;
    }

    .comment__form .rating-area:not(:checked) > label:before
    {
        width: 31px;
        height: 29px;
    }

    .comment__form .rating-area:not(:checked) > label
    {
        width: 41px;
        height: 29px;
    }

    .r-tabs-state-active .r-tabs-anchor__review
    {
        color: #fff;
    }

    .modal-review .modal-body
    {
        padding: 17px 20px 30px;
    }

    .modal-review--login .form-buttons
    {
                flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
    }

    .modal-review .form-buttons .btn
    {
        margin-bottom: 10px;
    }

    .modal-review .form .form-control
    {
        font-size: 14px;

        height: 46px;
    }

    .modal-review .form-label
    {
        font-size: 14px;
    }

    .modal-review .modal-title
    {
        font-size: 24px;
    }

    .modal-review--login .modal-inner
    {
        width: auto;
    }

    .modal-review--login .radio-check input[type='checkbox'] + span,
    .modal-review--login .radio-check input[type='radio'] + span
    {
        font-size: 15px;

        padding-left: 38px;
    }

    .modal-review--login .icon-ch_hov,
    .modal-review--login .radio-check input[type='checkbox']:checked + span:hover:before,
    .modal-review--login .icon-ch_hov,
    .modal-review--login .radio-check input[type='checkbox']:checked + span:before
    {
        width: 16px;
        height: 16px;

        content: '';

        background-image: url('/images/required/sprite.png?v20170404132038');
        background-position: -62px -194px;
        -moz-background-size: auto auto;
             background-size: auto auto;
    }

    .modal-review--login .icon-ch_out,
    .modal-review--login .radio-check input[type='checkbox'] + span:before
    {
        width: 16px;
        height: 16px;

        content: '';

        background-image: url('/images/required/sprite.png?v20170404132038');
        background-position: -170px -194px;
        -moz-background-size: auto auto;
             background-size: auto auto;
    }

    .modal-review--login .icon-ch_out,
    .modal-review--login .radio-check input[type='checkbox'] + span:before
    {
        top: 2px;
    }

    .modal-review--login .form-pass
    {
        margin-bottom: 28px;
    }

    .modal-review .modal-bottom
    {
        padding: 0;
    }

    .modal-review .btn
    {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.42857143;

        width: 100%;
        padding: 0 34px;
        padding-top: 11px;
        padding-bottom: 13px;

        -webkit-border-radius: 26px;
           -moz-border-radius: 26px;
                border-radius: 26px;
        outline: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .modal-review .modal-bottom
    {
        background-color: #fff;
    }

    .modal-review__img img
    {
        max-width: 200px;
        max-height: 240px;
    }

    .modal-review .modal-top
    {
        position: relative;
        z-index: 1;

        margin-bottom: 20px;
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0;
    }

    .modal-review .modal-top:after
    {
        position: absolute;
        z-index: -1;
        top: -17px;
        left: -20px;

        width: -webkit-calc(100% + 40px);
        width:    -moz-calc(100% + 40px);
        width:         calc(100% + 40px);
        height: -webkit-calc(100% + 17px);
        height:    -moz-calc(100% + 17px);
        height:         calc(100% + 17px);

        content: '';

        background-color: #e2f4f7;
    }

    .modal-review .modal-medium .modal-title
    {
        text-align: left;
    }

    .modal-review__rating-text
    {
        font-size: 18px;

        margin-right: 0;
        margin-bottom: 10px;
    }

    .modal-review__product
    {
        font-size: 26px;
    }

    .modal-review__rating
    {
                flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
        -ms-flex-align: start;
                align-items: flex-start;
    }

    .rating-area:not(:checked) > label:before
    {
        top: 0;
        left: 0;
    }

    .rating-area:not(:checked) > label:hover:before,
    .rating-area:not(:checked) > label:hover ~ label:before
    {
        top: 0;
        left: 0;
    }

    .modal-review .form-column--50
    {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .modal-review .form-row
    {
                flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
    }

    .modal-review .form-column--50:nth-child(2)
    {
        padding-left: 0;
    }
}

@media screen and (max-width: 600px)
{
    .modal-review__img img
    {
        display: none;
    }

    .modal-review__product
    {
        max-width: 100%;
    }
}

@media screen and (max-width: 500px)
{
    .stars-rating__bar
    {
        width: auto;

        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
           -moz-box-flex: 1;
        -ms-flex-positive: 1;
                flex-grow: 1;
    }

    .stars-rating__stars
    {
        width: 126px;
    }

    .stars-rating__text:last-child
    {
        display: block;

        width: 126px;
    }

    .comments__wrapper
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}
