How can I disable the breadcrumb section only in mobile view?

The website is:

https://agro-anunt.ro

Destkop mode – breadcrumbs needed
Mobile device mode – breadcrumbs not needed or at least not in that way

Is there a way to hide that portion through CSS?

for mobile detection it could be
@media only screen and (max-device-width: 901px)
{
…
}

I have tried
.breadcrumbs { display:none;}
and
.breadcrumb-trail {
display: none;
}

also with !important at the end

none worked… even outside of the mobile detection code.