Force featured pages to stay 3 across on mobile ?

Ok an odd one here, my client want’s to force mobile users to scroll across his page rather than look at page optimized for mobile use (stupid I know but he’s paying the bills)

I can force the page width to shrink no smaller than 785 pixels with

@media screen and (max-width: 785px)  {
.tc-header {
max-height: 130px;
margin: 0 auto;
}
body {

min-width: 785px;
overflow:scroll;
}
}

But the Featured page widgets must use something else to control how they display because at 784 pixels they jump to a single column, anyone lnow how to change this to force them to stay 3 wide ?