Divs in mobiler Ansicht ausblenden

Abend werde Woltlab Community.
Ich habe ein Problem, ich hab im Template "header" ein Extra div eingeführt um den Header auf meinem Forum zu füllen. Soweit so gut, allerdings ist es in der mobilen Ansicht verschoben (siehe Dateianhang), ich möchte es in der mobilen Ansicht ausblenden. Ich hab im Forum schon öfters den Begriff "Media Queries" gelesen, allerdings habe ich keine Ahnung was das ist geschweige denn wie man diese nutzt.

Der Code meiner Div-Klasse:

.hheader {
	background-color:#e74c3c;
	width: auto;
	height: auto;
	border-bottom: 3px solid #ecf0f1;
}

Ich hoffe und danke für kommende Hilfe.

Quote from renegate98

Damit kannst du es dann ausblenden. Die 800px kannst du ja dann anpassen.

CSS

@media screen and (max-width: 800px) {
    .hheader {display:none;}
}

René

Schon hinbekommen, kann geschlossen werden, dennoch Danke.