.box-modal {
        position: relative;
        width: 90vw;
        min-width: 250px;
        max-width: 700px;
        padding: 16px;
        background: #fff;
        color: #3c3c3c;
        font: 14px/18px "PT Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
        box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
        border-radius: 6px;
}
.box-modal_close { 
        position: absolute; 
        right: 10px; 
        top: 6px; 
        font-size: 11px; 
        line-height: 15px; 
        cursor: pointer; 
        padding:3px 5px; 
        color:#fff;
        width:25px; 
        height:25px;
        border-radius: 10px;
        content: '';
        background: url('/images/close-x.png') left top no-repeat;

        }
.box-modal_close:hover { color: #f0f0f0; }

/* ------------------------------------------------------------------------------------------- 500 */
@media screen and (max-width: 500px) {
.box-modal {
        position: relative;
        width: 90vw;
        min-width: 250px;
        max-width: 700px;
        padding: 16px;
        background: #fff;
        color: #3c3c3c;
        font: 14px/18px "PT Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
        box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
        border-radius: 6px;
}
}