I would like to remove the shopping cart icon from the header. I tried using this CSS, but it seems it´s not working fine even in small screens.

body:not(.logged-in) .cart-outer {    display: none !important;
}
body:not(.material):not(.logged-in).ascend #header-outer[data-full-width="true"][data-cart="true"] header#top nav > ul.buttons{    padding-right:0px !important;
}