disable responsive design from the mobile version of Brine 7.1

Site URL: http://www.gumdrop.nyc

I sell jewelry for girls. I'm 80% done with the site build and have hit a snag re Mobile display. I'm unable to disable Responsive Design, meaning my products only display one at a time vertically. I def need a way to show more than one product on a phone screen at once. Ideally I'd like two items per row. Is it possible to address this with custom code?

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.products.collection-content-wrapper .list-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 5px;
}
}