How to get mobile to reflect desktop

Site URL: http://www.RebeccaCantCook.com

Hi friends,

I'd like my mobile view to more closely match my desktop and I need some help. I'm on a Brine template so turning off mobile doesn't seem to be an option.

I added some CSS code to give more blog post thumbnails per line but that's about all that has worked for me so far in adjusting the mobile spacing + columns to mimic desktop.

I got my category section (a grid gallery of 3 images) to show in 2 columns but I'd like them on one line (so 3 columns for that block) is that possible?

The rest of the home page banner blocks stack for the mobile default but I'd like to bring them back to a 2 column view they are on desktop but they don't seem to be responding to the gallery oriented code I found. 

Can anyone help?  This is the css code I currently have that has fixed the blog section: 

@media only screen and (max-width: 640px) {
.sqs-gallery-design-autogrid-slide {
  width: 33.3% !important;
   padding: 3px!important;
   clear:right !important;
}
}

Attached are images of my desktop view and how mobile is currently translating.