table#product_comparison tbody tr td.comparison_infos.same {
    color: #27612f;
    background: #e3fce6
}

table#product_comparison tbody tr td.comparison_infos.other {
    color: #e50000;
    background: #ffe6e6
}

@media (max-width: 991.98px) {

    table#product_comparison{
        border: 1px solid #ddd;
    }

    .table tr {
        display: flex;
        flex-direction: column;
    }

    .table thead tr:first-child td:first-child {
        display: none;
    }

    .table thead td>div {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .table tbody td {
        text-align: center;
    }

    .table tbody td:first-child {
        background: #fbfbfb;
        text-align: start;
    }

    .table tbody td {
        width: 100%;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .table td {
        border: none;
    }
}

.img-block {
    position: relative;
    overflow: unset;
    max-width: 288px;
    display: block;
    margin: 0 auto;
}

td.col-f {
    flex: 0 0 8.3333%;
    max-width: 8.3333%
}

td.col-1 {
    flex: 0 0 91.66%;
    max-width: 91.66%
}

td.col-2 {
    flex: 0 0 45.83%;
    max-width: 45.83%
}

td.col-3 {
    flex: 0 0 30.5533333333%;
    max-width: 30.5533333333%
}

td.col-4 {
    flex: 0 0 22.915%;
    max-width: 22.915%
}

td.col-5 {
    flex: 0 0 18.332%;
    max-width: 18.332%
}

td.col-6 {
    flex: 0 0 15.2766666667%;
    max-width: 15.2766666667%
}

td.col-7 {
    flex: 0 0 13.0942857143%;
    max-width: 13.0942857143%
}

td.col-8 {
    flex: 0 0 11.4575%;
    max-width: 11.4575%
}

td.col-9 {
    flex: 0 0 10.1844444444%;
    max-width: 10.1844444444%
}

td.col-10 {
    flex: 0 0 9.166%;
    max-width: 9.166%
}

td.col-11 {
    flex: 0 0 8.33272727273%;
    max-width: 8.33272727273%
}

td.col-12 {
    flex: 0 0 7.63833333333%;
    max-width: 7.63833333333%
}

td.feature-name, td.td_empty {
    background: #fbfbfb;
}