.add{
    display:flex;
}
.add1 {
    width:40%;
    float: left;
}
.free{
    width: 10%;
}
.add2 {
    width:50%;
    float: right;
}
@media (max-width:800px)
{
  
    .add{
        display:flex;
        flex-direction: column-reverse;
    }
    .add1 {
        width:100%;
        float: left;
        margin-top: 50px;
    }
    .free{
        width: 0%;
    }
    .add2 {
        width:100%;
        float: right;
    }
}