#diy-modal-window .modal-dialog {
    position: relative;
    animation: .3s modal-fadeIn forwards ease;
    width: 90%;
    max-width: 55%;
    background: white;
    border-radius: 0px;
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0);
    padding: 24px;
    /* transform: scale(0.8); */
    transform: translate3d(0, 0, 0);
    /* transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.2); */
    z-index: 2;
    pointer-events: auto;
    
}

#diy-modal-window .modal-dialog.modal-dialog-1.diy-modal-dialog.sdt-center {
    height: auto !important;
    min-height: 200px;
}

#diy-modal-window .modal-body {
    position: relative !important;
    top: auto;
    left: auto;
    width: auto;
}
#diy-modal-window .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    position: absolute;
    top: 22px;
    right: 20px;
}
#diy-modal-window .modal-close {
    background: none;
    border: none;
    font-size: 2.2rem;
    line-height: 1;
    color: #8899aa;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 0 10px;
    transition: color 0.2s, transform 0.2s;
}
#diy-modal-window .modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(0px);
    animation: .3s modal-fadeIn forwards ease;
}

@media screen and (max-width:920px) {   
    #diy-modal-window .modal-dialog { 
        width: 100%;
        max-width: 100%;
        padding: 24px 12px;
    }
    #diy-modal-window .modal-header{
        padding: 0 20px 0 5px;
    }
}