Header not hidden on mobile.

Hi, I have placed the following css code into the editor to try and hide the header above the menu on mobile, however it continues to appear.

@media (max-width:768px)
.x-slider-container.above {
display: none !important;
}