Webjoggel: display: none in <body> schreiben

Beitrag lesen

Hallo Leute

Ich müsste folgendes <form> element für die mobile Ansicht ausblenden:

<form method="get" action="https://example.com" target="_blank">
		<input class="form-control" type="text" name="query" id="query" placeholder="Example" maxlength="30" required>
		<input type="submit" value="Suchen" class="btn btn-primary btn-lg" style="margin:18px 0;">
</form>

Ich habe aber keinen Zugriff auf den <HEAD> . Wie schreibe ich jetzt folgende Auszeichnung in den Body? Ist das überhaupt möglich?:

@media (max-width: 767px) {
   .hidden-xs {
      display: none !important;
   }
}

Danke für eure Hilfe. lg