Remove sidebar for mobile devices

Hi,
I am using kasa-blue theme and I would like to disable the sidebar just for mobile devices, I have tried:
@media screen and (max-width: 800px) {
#sidebar {
display: none;
}
}
in the sidebar.php section.

Can someone please help.

Thanks