Исправить косяки адаптивности

Адаптивность по ширине экрана сделана при помощи @media запросов, но тут есть и свои косяки, на ноуте и других устройствах шаблон нормально меняет размеры, текст, картинки, но как только дело касается мобильного экрана то заметил что от типа устройства оно ведет себя по разному, где то объекты занимают четверть экрана, а где то вылазит за пределы, по умолчанию стоит

<meta name="viewport" content="width=device-width, initial-scale=1.0" >

но на другом устройстве контент вылазит за границы, но стоит выставить

<meta name="viewport" content="width=device-width, initial-scale=0.85" >

то для этого устройства нормально работает, но другие тогда имеют маленькие изображения, скрины прилагаются архиве, также там есть 2 html документа страниц для которых нужно делать корректировку index.html это та страница для которой нужно делать правки, index1.html там нужно будет проверить что бы ваши правки не внесли других косяков)

Основная задача, сделать что бы контент отображался нормально

Второстепенные задачи:

1. Верхнее меню, имеет часть ссылок с привязкой к левому краю и часть привязки к правому краю и за счет этого пришлось размер черной полоски указать по высоте, а не содержимому т.к. ссылки почему то вылазят за пределы родительского контейнера, тогда так было быстрее, но нужно правильное решение.

2. breadcrumbs обратно таки, при маленьком экране он выглядит калечно, нужно сделать что бы было красиво

От вас требуется предложение по цене для каждой из 3-х задач, больше всего меня волнует основная задача, а остальные разве что по цене сойдемся или сделаете исключение в виде бонуса)