@media (max-width: 400px) {
    .modal-dialog {
        margin:1% auto!important;
        width:98%!important;
    }
    .modal-content{
        padding: 5px 15px!important;
    }    
}

.modal-dialog {
    margin:3% auto;
    /*height:90%;*/
    height:auto;
    width:94%;
    max-width:1200px;
    background-color:#fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position:relative;
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
    box-shadow:0 5px 15px rgba(0,0,0,.5);
}

.modal-body p {
    margin-top: 1em;
    font-size: 1em;
    font-weight: 400;
}

.modal-open{overflow:hidden}
.modal{display:none;overflow:hidden;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.modal-content{position:relative;background-color:#fff;border-radius:6px;background-clip:padding-box;outline:0; margin-bottom:50px; border:none!important; box-shadow: none!important; padding: 5px 25px;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}

.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
    
.modal-header {
    border: none;
    min-height: 2.5em;
    /*padding:0em 1em 0;*/
    text-align:right;
}

.modal-header .close{
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    color:inherit;
    /*float:right;*/
    font-size: 2em;
}

@media (min-width:768px){
    /*.modal-dialog{width:600px;margin:30px auto}*/
    .modal-content{/*-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)*/}
    .modal-sm{width:300px}
}
    
@media (min-width:992px){
    .modal-lg{width:900px}
}