.alert-popupbox{
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    margin: auto;
    width:525px;
    height:auto;
    background-color: #fff;
    padding:33px;
    padding-top:15px;
    border-radius:6px;
    z-index:997;
}

.alert-popupbox .modal-title{
    color: #888888;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 29px;
    margin-bottom: 5px;
}

.alert-popupbox .modal-content{
    color: #5A5A5A;
/*    font-size: 16px;*/
    letter-spacing: 0;
    /*line-height: 19px;*/
}

.alert-popupbox .cancel-btn{
    width:113px;
}


.overlay{
    opacity: .5;
    background-color: #000000;
    z-index: 996;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
}

.popupbox .close-btn:before {
    cursor:pointer;
    content: '\00D7';
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 30px;
    line-height: 30px;
}

@media screen and (max-width: 768px) {
    .alert-popupbox{
        width:68.35vw;

    }
}

/*@media screen and (max-width: 560px) {
    .alert-popupbox{
        width:560px;
        padding:15px 25px;
    }
}*/

@media screen and (max-width: 568px){
    .alert-popupbox{
        width:325px;
    }

    .alert-popupbox .modal-title{
        font-size: 3.8vw;
    }
}