@media screen and (min-width: 1200px) {
    @keyframes scale_up {
    
        from {width:569px; position: relative; z-index: 1;}
        to {width: 1024px; position: absolute; z-index: 2000;}
    }

}

@media screen and (min-width: 992px) {
    @keyframes scale_up {
    
        from {width:349px; position: relative; z-index: 1;}
        to {width: 1024px; position: absolute; z-index: 2000;}
    }

}

@media screen and (min-width: 768px) {
    @keyframes scale_up {
    
        from {width:581px; position: relative; z-index: 1;}
        to {width: 1024px; position: absolute; z-index: 2000;}
    }
}

.modal_win{
    border-top: solid 5px rgb(0, 146, 73);;
    border-left:solid 5px rgb(0, 146, 73);;
    border-right:solid 5px rgb(0, 146, 73);;
    border-bottom:solid 5px rgb(0, 146, 73);;
    background-color: #ffffff;
    animation-name: scale_up;
    animation-duration: 0.5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}