divs ordering

<div className="row d-flex flex-row justify-content-center text-center pb-3">
    <div className="div-1 col-lg-3 col-md-6 ml-4 mt-5"/>
    <div className="div-2 col-lg-5 col-md-12 order-md-1 mt-2"/>
    <div className="div-3 col-lg-3 col-md-6 mr-4 mt-5"/>
</div>

//*
in lg the view is:
div-1 div-2 div-3

in md and sm view i want it to be:
   div-2
div-1 div-3
*//