.modal_component{
  max-width:600px;
}
.col2 .row{
  float: left;
  width: 50%;
  margin-bottom: 20px !important;
  padding: 0px 4%;
  display: unset;
  flex-wrap: unset;
  margin-right: 0;
  margin-left: 0;
}
form{
  margin-top: 4px!important;
}
.buttons{
  text-align: center;
}
.buttons > a {
  margin-bottom: -22px;
  display: inherit;
}

.cambiarbtn{margin-top: 25px;}
.buttons > button {
  margin-bottom: 25px;
}

.boxGrey{
  background-color: #F4F4F4;
  margin-top: 30px;
  padding: 35px;
}

.input.text{
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 600px) {
  .section-modal  form  .row{
    float: left;
    width: 100%;
    margin-bottom: 41px;
    padding: 0px 5px;
  }
  .modal_component{
    max-width: 600px;
    max-height: auto !important;
  }

}