Responsive CSS for mobile and desktop

 /* For mobile phones: */

.hide_header {

display: none;

}

@media only screen and (min-width: 768px) {

/* For desktop: */

header {

display: none!important;

}

.hide_header {

display: block!important;

}

}