Сейчас у меня при ширине 768px показаны 6 блоков, остальные срыты, есть кнопка которая показывает все блоки. Нужно, чтобы при ширине 1120px показывало 8 блоков. Как можно изменить код js для этого?

function openbox(logo) {
display = document.getElementById(logo).style.display;
if(display=='none'){
document.getElementById("button").innerText = "Скрыть";

document.getElementById(logo).style.display='flex';
}else{
document.getElementById("button").innerText = "Показать все";
document.getElementById(logo).style.display='none';
}

};
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>

    <div id="logo">

    <section></section>
    <section></section>
    <section></section>
    <section></section>
    <section></section>
    <section></section>

    </div>
            Ну и в стилях #logo {display: none}