Responsive CSS on Avada not reading correctly

Hello,

I’m amending the responsive css, for the Avada child theme:

@media screen (max-width: 400px) {
#header-banner {
line-height: 40px;
padding-top: 4px;
}
.content-boxes .col .heading > h2 {
font-size: 25px !important;
line-height: 40px;
padding-bottom: 0;
}
.geodir-search {
float: none;
padding: 10px;
width: 97%;

The first block for the header text is fine, however everything that comes after is not being read correctly.

Any ideas?
Thanks
Nicola