Как закрыть мобильное меню при изменении ширины экрана?
Можешь посмотреть как сделанно здесь https://codepen.io/erikterwan/pen/EVzeRP, тоже без JS. Но вот как можно анчекнуть checkbox по медиазапросу без JS ничего в голову не приходит... 
Вот так можно на JS:const mq  = window.matchMedia("(max-width: 700px)");
const checkbox = document.querySelector('#burger-active');

window.addEventListener('resize', function(){
if(!mq.matches && checkbox.checked) {
	checkbox.checked = false;
}
});
Используйте медиа запросы.