Как сменить расположение блоков при нужном разрешение?

Подключена сетка bootstrap, но не отрабатывает push pull

Сайт, где нужно это применить - https://vision-reality.de/3d-animation/

<div class="row sec-3__row">
     <div class="col-12 col-md-12 col-md-push-12 col-lg-7 col-xl-6">
        <div class="text__col-6">
        <p>1</p>
        </div>
     </div>
     <div class="col-12 col-md-12 col-md-pull-12 col-lg-5 col-xl-6 bg_iframe">2
    </div>
 </div>