move out a particular div from a nested dives

i have a bootstrap nested dives but i can't find an efficient way to move out the particular div from the nest for mobile view. i only find a way with css by doing display block when pc view and display none in mobile display view and vice versa to resolved this, but it will do a bad request from database.

default

.c1{
display:block}
.c2{
display:none}

media queries mobile

.c1{
display:none}
.c2{
display:block}

any other better option to do this?