.modal-open {
    overflow: visible ; 
}

.modal-backdrop {
    display: none ;
}

.modal {
    top: auto;
    padding-right: 0 !important ;
}

.modal-open {
    padding-right: 0 !important ;
}


.modal-dialog {
    bottom: 0;
    top: auto;
    /*position: absolute;*/
    width: 80%;
    max-width: 900px;
    margin-top: 25px ; 
    margin-bottom: 25px ; 
    /*margin: 25px 10%; */
}

.modal-content {
    background-color: #3498db ;
}

.close {
    color: #fff;
    filter: alpha(opacity=70);
    opacity: .7;
}

.close:hover {
    color: #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}

/*    
.modal-content {
    border-radius: 0 ;
    border-left: none ;
    border-right: none ;
}
*/
.img-badge {
    position: absolute;
    right: 0;
    top: -32px;
}

button.close {
    z-index: 99999;
    position: absolute;
    right: 10px;
    top: 7px;
}


.btn-green:hover, .btn-green:focus, .btn-green:active {
    background-color: rgb(78, 167, 227) !important;
    border-color: rgb(78, 167, 227) !important;
}


.btn-green-reverse:hover, .btn-green-reverse:focus, .btn-green-reverse:active {
    background-color: rgb(230, 230, 230) !important;
    border-color: rgb(230, 230, 230) !important;

}



@media only screen and (max-width : 1199px) {
    .img-badge {        
        top: -24px;
        width: 190px;
    }
}


@media only screen and (max-width : 991px) {
    .img-badge {        
        top: -21px;
        width: 160px;
    }
}


@media only screen and (max-width : 767px) {

    .img-badge {
        width: 120px;
        right: 14px;
        top: -15px;
    }

    button.close {
        right: 10px;
        top: 7px;
    }

    .modal-dialog {        
        width: 100%;
        margin: 20px 0 0; 
        border-radius: 0;
    }
    
    .modal-content {
        border: none;
        border-radius: 0;
    }

    .modal-body .btn-green {
        padding: 5px 10px;        
    }

    .modal-body h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .modal-body h3 {
        font-size: 20px;
        line-height: 24px;
    }
}

@media only screen and (max-width : 479px) {

    .img-badge {
        width: 100px;
        top: -13px;
    }

}