Как делать правильную адаптивную верстку с помощью bootstrap?

Недавно стал задаваться вопросом, как правильно верстать на бутстрапе и использовать минимум css media query. Например стандартная ситуация:

Дизайнер отдал исходники с фотошопа, в этих исходниках размечена бутстрап сетка под MD девайсы.
По этой сетке и размерам я все это дело заверстал все подогнал под макет дизайна. Все отлично.

Теперь делаем ширину экрана 1199px, бутстрап накидывает стили для sm девайсов.
Теперь надо как то привести в божий вид сайта от ширины экрана от 1199 до 992 пикселей.

Например в шапке сайта достаточно сделать поменьше шрифт сайта, и уменьшить чуть отступы, обычно я бы стал писать свои медиа запросы и переопределять требуемые стили, а хочется сделать так чтобы все работало пропорционально и минимизировать эти запросы либо вообще от них отказаться.