Для адаптива рекомендуется использовать rem. Они также просты в использовании, в отличии от em, где нужно помнить в голове значение родителя. Разумеется человек запутается. А с rem все просто:
html {
font-size: 100% /* =16px */
}
body {
font-size: 1rem; /* =16px */
}
Изходя из bootstrap 4, понял что лучше действительно верстать от малого устройства к большему. Точки разрешения беру их же, только зачастую еще добавляю медиа-запрос для max-width: 320px.
OWL-Carousel самый оптимальный. Отлично работает в адаптивном дизайне, на мобильных устройствах четкая работа, без проблем. Есть своя стилизация, можете стилизовать по своему.