Hiding panel header in mobile device is not working

I'm customizing my CSS and working on a custom mobile layout. However, hiding the panel-heading on mobile using the :host pseudo-class isn't working, even though it works perfectly in desktop mode. Does anyone have any thoughts on why this might be happening? Thanks in advance