Lo podrías realizar con CSS y query media para diseños responsivos es cierto que todo depende de la resolución como te han comentado, pero básicamente con este @media cuando el ancho de la pantalla llega a 480px (puede ser la resolución que gustes o incluso incluir más con distintas resoluciones) a la clase .hidden-md-down
se le garega el estilo display:none;
para que no lo muestre.
Para ver el resultado prueba el ejemplo en pantalla completa o ampliar.
.hidden-md-down{
height:150px;
width:100%;
display:block;
background-color:blue;
color:#fff;
}
@media (max-width:480px){
.hidden-md-down{ display:none; }
}
<div class="hidden-md-down"><span id="logo-textosp">aenean luctus</span></div>
Quizá no es la solución más elegante o adecuada pero en ciertos casos funciona.
Saludos.