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

.cmodal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.cmodal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.cmodal-lg .cmodal-dialog{
	width:90%;
	margin:auto;
	margin-top:50px;
}
.cmodal-md .cmodal-dialog{
	width:60%;
	margin:auto;
}
.cmodal-sm .cmodal-dialog{
	width:30%;
	margin:auto;
}

@media screen and (max-width: 768px){
  .cmodal-sm .cmodal-dialog, .cmodal-md .cmodal-dialog, .cmodal-lg .cmodal-dialog{
    width:90%;
    margin:auto;
  }
}