.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


@media(max-width: 400px) {
	.modal-dialog {
		position: fixed;
	    top: 30px !important;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    overflow-y: scroll;
	}
}

@media(max-width: 700px) {
	.modal-dialog {
		position: fixed;
	    top: 30px !important;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    overflow-y: auto;
	}
}