In style.css sau ce folosesti tu :

Ai asa :

@media screen and (min-width: 980px) /* Desktop */ {
clasa.desktop{
background: red;
}
.hidden {
display: none;
}
}

@media screen and (max-width: 979px) /* Tablet */ {
.clasa-tableta{
background: blue;
}
.hidden {
display: none;
}
}

@media screen and (max-width: 500px) /* Mobile */ {
.clasa-mobil {
background: green;
}


}
In pagina ta html,css acolo unde vrei sa afisezi div-ul tau ai asa :
<div class="hidden">Aici pui continutul Formularului de Abonare
</div>
Codul asta face ca orice continut se afla in <div> sa fie vizibil doar pentru : mobil asa cum ai cerut.
Folosesti wordpress?
Am presusus ca ai codul jquery il pentru form-ul tau.