Se você estiver utilizando Flexbox (bootstrap), atribua um ID para a div que irá desaparecer e atribua a classe col-12 (para resoluções mobile) e col-md-6 (para resoluções maiores que média) para a div que deve ocupar as 12 colunas, e col-6 para a div que deve desaparecer.
<div class="container">
<div id="identificadorDaDiv" class="col-6">
Essa desaparece quando chegar em md
</div>
<div class="col-12 col-md-6 ">
Essa ocupa todas as 12 colunas quando chegar em md
</div>
</div>
No seu CSS, você pode adicionar um @media query para resoluções medium ou menores (O padrão do bootstrap é 768px)
@media screen and (max-resolution: 767px) {
#identificadorDaDiv {
display: hidden
}
}