.div-main {
flex-direction: row; 
  display: flex;
width: 100%; 
min-height: 300px;
}
.div-left {
justify-content: flex-start;
width: 30%;
}
.div-right {
width: 70%;
justify-content: flex-start;
}
@media screen and (max-width: 700px) { 
 
.div-main {
flex-direction: column; 
  display: flex;
width: 100%; 
min-height: 300px;
}
.div-left {
justify-content: center;
width: 100%;
}
.div-right {
width: 100%;
justify-content: center;
}