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

#CM .modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
 
}

#CM .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  margin-left: -3px;
}




@media (max-width: 768px) {
 #CM  .modal-dialog {
    width: 450px;  
  }  
}


@media (max-width: 525px) {
 #CM  .modal-dialog {
    width: 350px;  
  }  
}
@media (max-width: 420px) {
 #CM  .modal-dialog {
    width: 300px;  
  }  
}
@media (max-width: 370px) {
 #CM  .modal-dialog {
    width: 200px;  
  }  
}