Hello, I am writing to you because I need change the columns order, the right order should be first tour slider first, then the tour information, then the agency slider and then the agency information, this applied in cell phones and tablets.

But I could not change the order of the columns, I read an article about that https://themenectar.ticksy.com/article/11298/ and I change the order but only in the computer,

/ * reverse row in desktop * /
@media only screen and (min-width: 1001px) {
 .reverse-row> .col.span_12 {
flex-direction: row-reverse! important;
  }}

And when I put

@media only screen and (max-width: 1001px) {
 .reverse-row> .col.span_12 {
flex-direction: row-reverse !important;
  }}

Does nothing.

I send images in case I'm doing something wrong, on the other hand, but less important, I would also like that in the 1/2 and 1/2 columns (https://www.pandalatina.com/home-2/) the proportions were maintained on the tablets, because the images look very large, I put the width in responsive of 6 columns for computers and tablets but it does not apply. In 999px the images of the slider occupy the entire width of the screen when it should occupy half and the text the side.

I appreciate if you help me. Thank you.