<Div class="col-md-4 mb-3">

Question

<Div class="col-md-4 mb-3">

<div class="card">
<img class="img-fluid" alt="100%x280" src="https://images.unsplash.com/photo-1532781914607-2031eca2f00d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjMyMDc0fQ&s=7c625ea379640da3ef2e24f20df7ce8d">
<div class="card-body">
<h4 class="card-title">Special title treatment</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
</div>
<button type="button" class="btn btn-primary">Primary</button>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<img class="img-fluid" alt="100%x280" src="https://images.unsplash.com/photo-1532781914607-2031eca2f00d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjMyMDc0fQ&s=7c625ea379640da3ef2e24f20df7ce8d">
<div class="card-body">
<h4 class="card-title">Special title treatment</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
</div>
<button type="button" class="btn btn-primary">Primary</button>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<img class="img-fluid" alt="100%x280" src="https://images.unsplash.com/photo-1532781914607-2031eca2f00d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjMyMDc0fQ&s=7c625ea379640da3ef2e24f20df7ce8d">
<div class="card-body">
<h4 class="card-title">Special title treatment</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
</div>
<button type="button" class="btn btn-primary">Primary</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script type='text/javascript'></script>

/* CSS Media Query */
@media (max-width: 767px) {
.row .col-md-4:not(:first-child) {
display: none;
}
}

Всем привет. Помогите пожалуйста, сделал вот такой карусель, в десктопной версии страницы все норм работает но в мобильной карусель неправильно работает, т.е. есть Special title treatment 1 Special title treatment 2 Special title treatment 3 Special title treatment 4 Special title treatment 5 Special title treatment 6, в мобильной версий показывает Special title treatment 1 Special title treatment 4 Special title treatment 7 b т.д., а мне надо чтобы показывало по порядку 1 2 3. Как это сделать? Благодарю заранее