Col overflow in mobile devices

[quickonlinetips]

In the code

@media screen and (max-width: 599px) {
    .container {
        width: 100%;
    }
    .col,
    [class*="col-"],
    [class^='col-'] {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
                flex: 0 1 100%;
             max-width: 94%;
    }

I had to change in the last line of text
max-width: 100%;
to
max-width: 94%;
as the column was overflowing over the right side on mobile devices. Please check