if (document.documentElement.clientWidth > 768) { твой код }
оберни код который тебе нужен после $(document).ready(function() { твой код }
Если используется jquery то вот так: if ( $(window).width() > 768 ) { твой код }
768- это разрешение, можешь поставить нужное тебе.
Что то отвечающие, все как на подбор какую то чушь пишут. При чем тут БЭМ? Это всего лишт методология, одна из многих. Суть не в БЭМ, а в том как читаются стили при строительстве дерева DOM. А читаются они не слев направо, а наоборот справа на лево. Таким образом, в первом случае изначально берутся все li в документе, потом из них выбираются li вложенные в nav. А если у вас много li в документе и таким вот образом написаны все стили, то отрисовываться все будет медленее. Указывая же конкретный класс вы сразу же сужаете диапазон и свойства применяются при отрисовке быстрее. Таким образом применять классы более целесооборазно.