.wrap {
    margin: 10px 20px 0 2px;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
}
.krislb-left-div {
    display: flex;
    width: 48%;
    flex-direction: column;
}
.krislb-right-div {
    display: flex;
    width: 48%;
    flex-direction: column;
}
#login-preview{
    width:100%;
    max-width:400px;
    height:580px;
    border:1px solid #ccc;
}
@media (max-width: 767px) and (min-width: 320px){
.wrap {
    flex-direction: column;
}
.krislb-left-div, .krislb-right-div {
    width: 100%;
}
}