Two columns responzive table

.table-twocols{
    tr{
        td{
            display: block;

            &:first-child{
                padding-bottom: 0;
                font-weight: bold;
            }
            @include media-breakpoint-down(sm) {
                &:last-child{
                    padding-top: 0;
                    border: 0;
                }
            }

            @include media-breakpoint-up(md) {
                display: table-cell;

                &:first-child{
                    padding: $table-cell-padding;
                    text-align: right;
                    width: 40%;
                }
            }
        }
    }
}