.modal-header , .modal-footer { border: none;}
.modal-body > div{ text-align: center;}

.btn-copy { cursor: pointer; text-align: center}
.modal-content { background: white; }
.modal {background-color: rgba(0, 0, 0, 0.8) !important;}
.modal-header .close {position: absolute; top:5px; right: 10px; font-size: 50px; font-weight: 300; z-index: 1; line-height: .8}

.btn-jump > a:hover , .btn-jump > a:active { text-decoration: none ;}


@media (min-width: 320px){

    .modal-dialog { margin-top: 40%; }
    .modal-content { border-radius: 5px; }


    .get-code-modal .modal-img , .nocode-modal .modal-img { width: 90px; height: 90px; position: absolute;left: 0;right: 0;margin: auto;top: -90px; border-radius: 50%;}
    .get-code-modal .modal-url , .nocode-modal .modal-url{ font-size: 16px;  color: #999999; width: 100%; margin-top: 10px; margin-bottom: 23px;display: inline-block;}

    .modal-con-text { text-align: center; padding: 10px; background: url('/css/assets/ui/images/coupon_dashed_mobile.png') center no-repeat; background-size: 100% 100%;}
    .modal-con-text > .modal-text { font-size: 20px; margin: 10px 0; color: #333333;}

    .modal-con-code {margin: 24px auto;float: initial;display: inline-block;border: 1px solid #EF4144;padding: 15px 15px; border-radius: 5px; flex: center}
    .modal-con-code > div {text-align: center}
    .modal-code { font-size: 24px;  color: #EF4144; }
    .code { font-size: 24px;  color: #EF4144; }
    .btn-copy { color: #FFFFFF; background: #EF4144;  box-shadow: inset 0 -3px 0 0 #E41F20;  border-radius: 3px;  padding: 7px 15px;float: inherit; display: inline-block; margin-top: 10px;}

    .btn-jump { text-align: center;  display: inline-flex;  padding: 15px;}
    .btn-jump > a { padding: 17px 60px;display: inline-block;margin: auto;background: #EF4144;color: #FFFFFF;font-size: 14px; box-shadow: inset 0 -3px 0 0 #E41F20; border-radius: 5px;}
}

@media (min-width: 768px){

    .modal-dialog { margin-top: 25%; }
    .modal-content { border-radius: 0; }


    .get-code-modal .modal-img , .nocode-modal .modal-img { width: 90px; height: 90px; position: absolute;left: 0;right: 0;margin: auto;top: -90px; border-radius: 50%;}
    .get-code-modal .modal-url , .nocode-modal .modal-url { font-size: 16px;  color: #999999; width: 100%; margin-top: 10px; margin-bottom: 23px;display: inline-block;}

    .modal-con-text { text-align: center; padding: 10px 60px; background: url('/css/assets/ui/images/coupon_dashed_l.png') center no-repeat; background-size: contain;}
    .modal-con-text > .modal-text { font-size: 20px; margin: 10px 0; color: #333333; }

    .modal-con-code {margin: 24px auto;float: initial;display: inline-block;border: 1px solid #EF4144;padding: 15px 15px; border-radius: 5px;}
    .modal-code { font-size: 24px;  color: #EF4144; }

    .btn-copy { color: #FFFFFF; background: #EF4144;  box-shadow: inset 0 -3px 0 0 #E41F20;  border-radius: 3px;  padding: 7px 15px; float: left; margin-top: 0;}

    .btn-jump { text-align: center;  display: inline-flex;  padding: 15px;}
    .btn-jump > a { padding: 17px 60px;display: inline-block;margin: auto;background: #EF4144;color: #FFFFFF;font-size: 20px;}
}


@media (min-width: 992px){
    .modal-dialog { margin-top: 15%; }


}
@media (min-width: 1400px){
    .modal-dialog { margin-top: 15%; }


}