@media (max-width: 320px) {
    .expand {
        display: none;
    }
}
@media (min-width: 768px)  {
    .brand-container {
        width: 768px;
    }
    .scroll-menu {
        display: grid;
        white-space: normal;
        overflow-x: visible;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .brand__content {
        height: auto;
        padding: 24px;
    }
    .brand__header {
        padding: 24px;
    }
    .brand__box:nth-last-child(-n+5) {
        display: none;
  }
}
@media (min-width: 1120px) {
    .brand-container {
        width: 1120px;
    }
    .scroll-menu {
        display: grid;
        white-space: normal;
        overflow-x: visible;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .brand__content {
        height: auto;
        padding: 32px;
    }
    .brand__header {
        padding: 32px;
    }
    .brand__box:nth-last-child(-n+3) {
        display: none;
    }
}