@media (max-width: 576px){
	.modal-dialog.modal-dialog-slideout-left,
	.modal-dialog.modal-dialog-slideout-right {
		max-width: 100%;
		width: 428px;
		min-width: 300px;
	}
}

.modal-sm {
  max-width: 428px;
}

.modal-dialog-slideout-left,
.modal-dialog-slideout-right {
	min-height: 100%; 
	background: #fff;
	height: 100%;
}
.modal-dialog-slideout-left .modal-content,
.modal-dialog-slideout-right .modal-content{
	height: 100%;
}


.modal-dialog-slideout-left {
	margin: 0 auto 0 0;
}

.modal-dialog-slideout-right {
	margin: 0 0 0 auto;
}

.modal.fade .modal-dialog.modal-dialog-slideout-left {
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
}

.modal.fade .modal-dialog.modal-dialog-slideout-right {
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout-left,
.modal.fade.show .modal-dialog.modal-dialog-slideout-right {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	flex-flow: column;
}

.modal-dialog-slideout-left .modal-content,
.modal-dialog-slideout-right .modal-content{
	border: 0;
}






.modal-dialog-slideout-up {
	min-height: 100%;
	background: #fff;
	min-width: 100%;
	width: 100%;
}
.modal-dialog-slideout-up .modal-content{
	height: 100%;
	width: 100%;
}
.modal-dialog-slideout-up {
	margin: 0;
}
.modal.fade .modal-dialog.modal-dialog-slideout-up {
	-webkit-transform: translate(0,-100%);
	transform: translate(0,-100%);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout-up {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	flex-flow: column;
}
.modal-dialog-slideout-up .modal-content{
	border: 0;
}