archelon

dmi336, width и box-sizing — это разные свойства для разных целей, они нигде и никогда не заменяют друг друга. просто в определенных условиях использование этих свойств с такими значениями дало схожий результат.

Основная проблема с подключенными сторонними скриптами.
Например, калькулятор вы подключаете в нескольких местах, и в каждом месте (на каждом кадре слайдера, например) он загружается независимо.
Какой-то скрипт light.js грузит картинки с флагами похоже всех стран мира.
Целое море шрифтов.
Ну и т.д.
Как исправить: нанять верстальщика, чтобы все это переделал начисто. К примеру, калькулятор простейший — это десяток строк на jquery (20 - на чистом js).
Бюджет средний на фрилансе 5-15 тыс. руб.
---

З.Ы. Сейчас еще раз просмотрел. Да, избавляйтесь от калькулятора ucalc - в нем главная проблема.

Скорее всего, когда вам сказали, что подключать несколько css "нельзя", на самом деле имели в виду "нежелательно".
Для оптимизации скорости загрузки страниц принято объединять и минифицировать несколько файлов css в один (ну, 2-3, но не 23). То же самое касается js.

блин, тут вариантов 5-6 сходу придумывается.
флекс, флоаты, инлайн-блок, таблицей, в конце-концов.
Но быстрый ответ дать не получится, потому что нужно более-менее четко представлять, ЧТО должно получиться в итоге.
самое быстрое:

.container {
display:flex;
}

подробнее: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
только у вас там .nav ul в медиа-запросах абсолютно спозиционирован, это надо переделать.

2 варианта:
1. Оставьте тэги и классы, которые генерирует плагин, но переопределите их стили в своем css.
Этот вариант хорош тем, что не надо ломать голову, как заставить cf7 выдавать нужную разметку.
Но плох тем, что приходится мириться с лишними тэгами — куча ненужных span'ов и параграфов, где уместнее div'ы.
Кроме того, у вас есть нестандартные атрибуты, типа data-validation-required-message (их, как я понимаю, обрабатывает какой-то js).
Тогда нужно от них отказываться и валидировать форму как-то по другому. Да, в cf7 есть своя валидация.
2. правильнее всего задать свою разметку.
Документация: https://contactform7.com/docs/
На базовом уровне ничего сложного: просто вставьте код своей формы, заменив инпуты на плейсхолдеры
[text* id:name class:required placeholder "Name"]
См. также:
Как убрать все лишние тэги генерируемые Contact Form 7?
Остается вопрос, что делать с нестандартными атрибутами (data-validation).
В документации прямого ответа нет, результаты поиска по гуглу предлагают редактировать functions.php
Вот, например:
https://wordpress.org/support/topic/adding-data-at...
https://stackoverflow.com/questions/46274317/how-t...

Есть zepto — легковесная альтернатива jQuery (мин. версия 9.6 kb).

Можно просто стилизовать с помощью css flexbox, используя свойство order.
Через views вывести контент (картинка-текст). По умолчанию добавляются классы чет-нечет (even, odd)
Что-то вроде:

.views-row {
display:flex;
}
.views-row.even .image-field {
order:-1;
}
.views-row.odd .image-field {
order:1;
}

Предположу, что длинные числа преобразовываются в ссылку вида tel:123456789, т.е. номер телефона, поэтому просто не видны на зеленом фоне.
Если причина в этом, то вот решение:
https://stackoverflow.com/questions/226131/how-to-...
Нужно добавить в head:

<meta name="format-detection" content="telephone=no">

В настройках поищите breadcrumbs