section#commentsLimitFilter select#limitFilter,
section#commentsProductsFilter select#productFilter,
section#commentsCitiesFilter select#cityFilter {
    width: 200px;
    padding: 5px;
    display: block;
}

section#commentsLimitFilter select#limitFilter {
    width: auto;
}
section#commentsCitiesFilter {
    padding-right: 20px;
}

section#commentsLimitFilter {
    padding-left: 20px;
}

div.commentStat,
div.commentWrapperTable,
div#commentTableWrapper {
    display: table;
    width: 100%;
    white-space: nowrap;
}

div.commentStat > div,
div.commentWrapperTable > div.cell,
div#commentTableWrapper > section {
    display: table-cell;
    vertical-align: middle;
}

div.commentStat > div {
    vertical-align: middle;
}

div.commentStat > div:first-of-type {
    padding-right: 20px;
}

div.commentStat > div:first-of-type,
div.commentWrapperTable > div.rating-cell,
div.commentWrapperTable > div.city-cell,
div.commentWrapperTable > div.district-cell,
div.commentWrapperTable > div.product-cell,
div.commentWrapperTable > div.sep-cell,
div#commentTableWrapper > section#commentsLimitFilter,
div#commentTableWrapper > section#commentsProductsFilter,
div#commentTableWrapper > section#commentsCitiesFilter,
div#commentTableWrapper > section#commentsResetFilter {
    width: 1px;
}

div#commentTableWrapper > section#commentsResetFilter {
    padding-left: 10px;
}

div.commentWrapperTable > div.city-cell,
div.commentWrapperTable > div.sep-cell,
div.commentWrapperTable > div.district-cell,
div.commentWrapperTable > div.product-cell {
    padding-right: 20px;
}

div.commentWrapperTable a {
    color:inherit;
    text-decoration: none;
}

section#commentsAddButton {
    text-align: left;
}

section#comments {
    text-align: left;
}

section#comments div.commentAuthor {
    font-size: 110%;
    font-weight: bold;
}

section#comments div.commentDate {
    font-size: 80%;
    margin-top: 10px;
}

section#comments ul#commentsList > li {
    margin-bottom: 20px;
    padding: 10px;
    list-style: none;
}

section#comments hr {
    margin: 20px 0;
    opacity: .4;
}

section#comments ul#commentsList > li:nth-child(2n) {
    background-color: rgba(216, 216, 216, .05);
}

section#commentsPaginator {
    text-align: center !important;
}

section#commentsPaginator ul.yiiPager > li a {
    position: relative !important;
}

section#comments span.material-symbols-outlined {
    vertical-align: middle;
    font-size: inherit;
}

section#comments span.material-symbols-outlined.rev2 {
    vertical-align: -3px;
    font-size: 18px;
    padding-left: 10px;
}

section#comments span.material-symbols-outlined.rev1 {
    margin-right: 5px;
}

section#comments ul.review-rating {
    zoom: .8;
    margin: 0;
}

section#comments section#commentsStat {
    display: inline-block;
}

section#comments div.centerAlignText {
    text-align: center;
}

section#comments div.centerAlignText div.sectionTitle {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 10px;
}

div.commentWrapperTable > div.city-cell,
div.commentWrapperTable > div.product-cell {
    font-size: 90%;
}


@media (max-width: 770px) {


    div.commentWrapperTable > div.rating-cell {
        margin: 10px 0;
    }

    section#comments div.commentReply {
        font-weight: normal;
    }

    section#comments div.commentBody {
        font-weight: bold;
    }

    section#comments div.commentDate {
        margin: 0;
    }

    section#commentsAddButton {
        margin-bottom: 30px;
    }

    div.commentWrapperTable > div.cell,
    div#commentTableWrapper > section {
        display: block;
        text-align: center;
    }

    section#comments div.commentAuthor {
        text-align: left;
    }

    section#commentsProductsFilter select#productFilter,
    section#commentsCitiesFilter select#cityFilter,
    div.commentStat > div:first-of-type,
    div.commentWrapperTable > div.rating-cell,
    div.commentWrapperTable > div.city-cell,
    div.commentWrapperTable > div.district-cell,
    div.commentWrapperTable > div.product-cell,
    div.commentWrapperTable > div.sep-cell,
    div#commentTableWrapper > section#commentsProductsFilter,
    div#commentTableWrapper > section#commentsCitiesFilter,
    div#commentTableWrapper > section#commentsResetFilter {
        width: 100%;
        text-align: left;
    }

    section#comments div.commentDate {
        text-align: left;
    }

    section#comments section#commentsStat {
        display: block;
    }

    section#commentsCitiesFilter {
        padding: 0;
    }

    section#commentsProductsFilter select#productFilter,
    section#commentsCitiesFilter select#cityFilter {
        margin-top: 10px;
        padding: 10px;
    }

}

section#comments div.buyModeTitle {
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
    font-size: 110%
}
div.comments_block_title {
    font-size: larger;
}