bootstrapの表示順番がおかしくなる　order-md-1

こちらのサイトを作っていて、col-md-6のmd以上のときの表示順序を変えたいのですが変わりません。
http://spiritualcompany.net/portfolio/site1/index.html

株式会社ポート様とあるdivのところと、左の女性の写真（p1.jpg）が表示順番を変えるようにorder-md-
で書いているのですが、株式会社ポート様の文字と写真は順番が変わっているのですが、
なぜか下に記述している株式会社ABC様と男性の写真（p2.jpg）が先に表示されてしまいます。

html
1<div class="container-fluid third">
2      <div class="row">
3        <div class="col-md-6 third-content">
4          <h2>こんなに皆さん成果が出ています</h2>
5        <p class="third-p">売上アップ講座に参加すると、マンツーマンでの
6          サポートを受けられるので、<br>
7          こんなにも成果が出ています。<br>
8          いつでも気軽に参加でき、劇的な成果アップを期待できます。
9        </p>
10        <a href="#"><button type="button" class="btn btn-danger start">はじめる</button></a>
11        </div>
12        <div class="col-md-6 third-content">
13          <img src="img/5.jpg" alt="売上アップ成功" class="img-fluid third-img">
14
15        </div>
16
17        <div class="col-md-6 third-content order-md-2">
18          <h2>株式会社ポート様</h2>
19        <p class="third-p">講座を受けて2か月で、売上が100万達成しました。<br>
20          分からないところもサポートのおかげですぐに解決！
21        </p>
22        <a href="#">株式会社ポート様をチェックする</a>
23        </div> 
24        <div class="col-md-6 third-content order-md-1">
25          <img src="img/p1.jpg" alt="株式会社ポート様" class="img-fluid third-img">
26        </div>
27
28        <div class="col-md-6 third-content">
29          <h2>株式会社ABC様</h2>
30        <p class="third-p">マンツーマンサポートのおかげで、売上50%アップです。<br>
31          オンラインツールも使いやすくマーケティングに最適です。
32        </p>
33        <a href="#">株式会社ABC様をチェックする</a>
34        </div>
35        <div class="col-md-6 third-content">
36          <img src="img/p2.jpg" alt="株式会社ポート様" class="img-fluid third-img">
37        </div>
38      </div>
39
40    </div><!--end of third-->
41