RTL & Column

Hi,

When I’m using columns in a RTL site, in responsive mode, when the column are one below the other, the order is left to right (but in RTL it should be the opposite).

In order to solve it, I put the column left to right, but float them to right. like this:

.page-id-3231 .avia-builder-el-2,
.page-id-3231 .avia-builder-el-7,
.page-id-3231 .avia-builder-el-12 { float: right; margin-left: 6%; }
.page-id-3231 .avia-builder-el-17 { float: right; margin-left: 0; }

I have 2 questions:
1) Is there more elegant way to do this?
2) The only way I found to control the columns via CSS is by using .avia-builder-el-#.
This is not optimal, beause when I add element to the page, the number of the .avia-builder-el is changing.
What is the right way to control the columns via CSS?

Tnx.