@media (max-width: 500px) {
    .hide-xs {
        display: none;
    }
}
@media (min-width: 501px) and (max-width: 800px) {
    .hide-sm {
        display: none;
    }
}
@media (min-width: 801px) and (max-width: 1000px) {
    .hide-md {
        display: none;
    }
}
@media (min-width: 1001px) and (max-width: 1200px) {
    .hide-lg {
        display: none;
    }
}
@media (min-width: 1201px) and (max-width: 1600px) {
    .hide-xl {
        display: none;
    }
}
@media (min-width: 1601px) {
    .hide-xxl {
        display: none;
    }
}

.layout-builder__section .hide-xs,
.layout-builder__section .hide-sm,
.layout-builder__section .hide-md,
.layout-builder__section .hide-lg,
.layout-builder__section .hide-xl,
.layout-builder__section .hide-xxl {
    display: block;
}