Адаптивная верстка! - Joomla 3.x: Шаблоны, разметка и макеты вывода

Добрый день... подскажите пожалуйста.. вот на примере у нас есть сайт https://www.oxfamireland.org/ у него адаптивная верстка на копе открывается одна на телефоне совсем по другому... как это делается? это получается пишется все в одном шаблоне или пишетя для сайта свой шаблон а для телефона свой?

С помощью медиа-запросов делается. Это такие типа условия: для каждого диапазона экранов свои стили. Уже встроено во многие популярные css-фреймворки типа Bootstrap или UIkit. Но можно и самостоятельно делать.