Адаптивная форма

Нужно чтобы форма на большом экране скрывалась, а на маленьком раскрывалась

enter image description here

я использую collapse, но как сделать чтоб при уменьшении экрана форма раскрывалась или становилась collapse.show

мой код

 <div class="text-center">
 <button data-toggle="collapse" data-target="#demo">Добавить компанию</button>

 <div id="demo" class="collapse">
 <form  action="index.html" method="post">
      
 <input type="text" id="name" name="student_name" placeholder="Название"><br>
  <button class="form" type="submit">Submit</button>
  </form>
  </div>
  </div>