Unable to override to fix the dimension of the column?

1

Hi Ionicorns,
I am trying to fix the column size ie) col class. Currently below are the following properties:

.col {
    -moz-box-flex: 1;
    display: block;
    flex: 1 1 0;
    padding: 5px;
    width: 100%;
}

I tried like below,

#id .col {
    flex: none !important;
    width: 45px !important;
}

This works perfectly in browser and portrait resolution of screen. However it not fixing the width for landscape resolution. Any suggestion is greatly appreciated?

Thanks