.box_container__7pXoC {
    width: 100%
}

.box_wrapper__W2bPc {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto
}

.box_content__9gwBX {
    display: grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    grid-column-gap: 1rem;
    column-gap: 1rem;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .box_content__9gwBX {
        width: calc(100% - 4rem);
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 1200px) {
    .box_content__9gwBX {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 1400px) {
    .box_content__9gwBX {
        column-gap: 2rem
    }
}