Unable to override to fix the dimension of the column?

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. enter image description here

However it not fixing the width for landscape resolution. enter image description here

Any suggestion is greatly appreciated?