Bootstrap 4 col сортировки мобильных против рабочего стола

Question

Я хочу заархивировать следующий порядок столбцов на мобильном телефоне: И порядок столбцов на рабочем столе:

с этим HTML:

    <div class="row portitems">

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_1.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_2.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_3.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-12 portcol promocol col-md-pull-2">
            <div class="innerpromo">
                <h2>Need an experienced stylist?</h2>
                <a href="#" class="mybtn white"><svg><use xlink:href="#icon-chevron-right" /></svg> Contact me</a>
            </div>
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_1.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_2.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_3.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

        <div class="col-4 col-md-3 portcol">
            <img src="images/portfolio/thumb_4.jpg" class="img-fluid" alt="Titel" />
        </div>

    </div>

Мобильный показывает очень хорошо, но на рабочем столе я получаю 4 столбца, 2 столбца, 1 столбец полной ширины, 4 столбца

У кого-нибудь есть идеи, как получить правильную сортировку на рабочем столе