Как убрать два класса при разрешении меньше 767 и больше 376?
Так правильно же все в медиа-запросе. Сделал это костылями на CSS: 
Это не костыли вообще-то. 
ravesli.com/slovar-programmista-sleng-kotoryj-dolz...
Нужно применять термины там, где оно требуется.
А не просто красивое слово услышал где-то и написал %))) Костыль – это исправление серьезных багов, дыр, ошибок без должного исправления целой системы. Т.е. когда что-то сломалось, и нужно исправить на скорую руку в кротчайшие сроки.
А в данном случае это правильный медиа-запрос.как сделать правильно, где смотреть код и прочее
Вообще не понятно, что ты имеешь ввиду, какой код, где смотреть.display: relative
А что это за херня? Мне не известна данная конструкция %)
Либо position relative, либо display block/none/flex.
Правильно тут всё. Абсолютно.
Кроме display: relative )
Стандартное поведение - block или inline . Ты что-то из этого имел ввиду?