.modal-add-product {
width: 460px;
max-width: none;
background-size: cover;
}

.modal-add-product .close-add-product {
position: absolute;
top: 12px;
right: 12px;
cursor: pointer;
}

.modal-add-product .close {
border: none;
opacity: 1;
}
.modal-add-product .close:hover {
border: none;
opacity: .9;
}

.modal-add-product .modal-content {
background-size: cover;
background: #E1E6EB;
border-radius: 10px;
padding: 30px 35px 30px 35px !important;
}

.modal-add-product .modal-body p {
text-align: center;
}

.modal-add-product .modal-body h4 {
width: auto;
margin: 30px auto;
color: #5C6774;
font-size: 21px;
font-weight: 700;
text-align: center;
}

.modal-add-product .modal-footer{
padding: 0;
margin-top: 0;
}

.acciones-add-producto {
height: 45px;
}

.modal-add-product .modal-footer span {
display: inline-block;
float: left;
background: #EC3946;
border-radius: 20px;
color: #fff;
font-size: 17px;
font-weight: 700;
padding: 8px 20px;
letter-spacing: 1px;
cursor: pointer;
transition: all .5s;
}

.modal-add-product .modal-footer a {
display: inline-block;
float: right;
background: #EC3946;
border-radius: 20px;
color: #fff;
font-size: 17px;
font-weight: 700;
padding: 8px 20px;
letter-spacing: 1px;
cursor: pointer;
transition: all .5s;
}

.modal-add-product .modal-footer span:hover,
.modal-add-product .modal-footer a:hover {
background: #9B2334;
text-decoration: none;
}
@media (min-width: 768px) {
  .modal-dialog {
  margin: 160px auto;
  }
}
@media screen and (max-width: 768px) {
  .modal-dialog, 
  .modal-add-product img, 
  .modal-add-product .modal-body h4 {
    width: auto;
  }
  .modal-add-product .modal-body h4 {
    font-size: 16px
  }
  .modal-add-product .modal-footer span,
  .modal-add-product .modal-footer a {
    display: block;
    text-align: center;
    width: 100%;
    float: left;
  }
  .modal-add-product .modal-footer a {
    margin-top: 20px;
  }
  .modal-dialog {
  margin: 60px auto;
  }
}