How to make bootstrap blocks disappear when adaptive (for example: screen width from 570 pixels and below)?

Question

css

How to make bootstrap blocks disappear when adaptive (for example: screen width from 570 pixels and below)?
Here is the view of the site on a computer - https://imgur.com/a/Xrtye2R
And it is necessary that these two blocks disappear on mobile devices - https://imgur.com/a/c4BOYyP
I forgot how to implement it, help pliz

Answer 1

class="d-none d-md-block"
or whatever their breakpoint suits you there

Answer 2

@media screen and (max-width: 570px){
.блок{display:none!important;}
}