Как поменять местами два дива в мобильной верстке?
Попробуйте поменять местами эти дивы:<style>
#contacts {
float: right;
}
#map {
float: left;
}
@media screen and (max-width: 481px) {
#map, #contacts {
float: none;
}
}
</style>
<div id="contacts"></div>
<div id="map"></div>
Можно в ccs  c помощью flexbox: там есть свойство order, которое меняет местами елементы