In any mobile, the width exceeds the size of the screen ... how to solve this?
link > http://app.hangarar.com.br/user/login
code:
<div class="modal right fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-notify modal-info modal-side modal-bottom-right" role="document">
<!--Content-->
<div class="modal-content">
<!--Header-->
<div class="modal-header">
<p class="heading lead">Ops, esqueceu a senha? </p>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="white-text">×</span>
</button>
</div>
<!--Body-->
<div class="modal-body">
<div class="container">
<div class="text-left">
<div class="text-center">
<i class="fa fa-lock fa-4x mb-1 animated rotateIn"></i>
<i class="fa fa-question fa-4x mb-1 animated rotateIn"></i>
</div>
<p>Preencha abaixo com seu e-mail para receber uma nova senha por e-mail:</p>
</div>
</div><br />
<div class="md-form">
<i class="fa fa-envelope prefix"></i>
<input type="email" id="usr_email2" class="form-control validate">
<label for="form2" data-error="Ops, esse E-mail não parece ser válido..." data-success="">Seu E-mail</label>
</div>
</div>
<!--Footer-->
<div class="modal-footer justify-content-center">
Recuperar <i class="fa fa-send ml-1"></i>
Fechar
</div>
</div>
<!--/.Content-->
</div>
</div>