Tengo el siguiente código en Bootstrap:
<form action="contactoGracias.html">
<div class="form-group">
<label for="name">Nombre:</label>
<input type="text" class="form-control w-50" id="name" required>
</div>
<div class="form-group">
<label for="surname">Apellidos:</label>
<input type="text" class="form-control w-50" id="surname" required>
</div>
</form>
Si no pongo nada más los inputs me ocupan el 100% del elemento padre. ¿Existe alguna clase que especifique que quiero que ocupen el 100% cuando el tamaño de pantalla es pequeña y que ocupe el 50% cuando el tamaño de pantalla es grande? Gracias