I hope i can explain this correctly.
What I am trying to get is. When the website is in desktop view I would like in my column “col-lg-1” in the h3 tag to say “1” but when it is in mobile view @media only screen and (max-width: 767px) {} I would like the h3 tag to say 12 its just for demo purposes.
<div>
<div>
<div><h3>12</h3></div><!== Display desktop Number 12
</div>
</div>
@media only screen and (max-width: 767px) {
<div>
<div>
<div><h3>12</h3></div><!== Display Mobile Number 12
</div>
</div>
}