Изначальная структура вёрстки не правильная. Нужно переделывать.
В данной структуре проблема из-за
@media all and (min-width: 998px) {
.nav2 {
margin-left: 0px;
position: relative;
left: -320px; /* вот тут проблема, именно поэтому блок и наезжает на картинку, т.к. сдвинут влево */
}
}
Как то приспичило себе список ВСЕХ стран сделать... Нашел список стран и их кодов, а дальше в sublime text с помощью регулярок преобразовал текст в нужный код. Вот он собственно: https://jsfiddle.net/Farrewa906/nhydsymq/ . Вдруг кому понадобится.