I figured out how to do this. In my child’s custom css, I:
1. copied the css code from my (custom) 900px section to the new 767px section.
2. removed the @media screen and (max-width:900px)
section’.
3. In the new 767px section, I turned off the horizontal navigation menu:
.main-navigation ul {display: none;}’