       }
        @media (min-width: 768px) and (max-width: 991px) {
            .demo-breakpoint-indicator::after { content: "MD"; }
        }
        @media (min-width: 992px) and (max-width: 1199px) {
            .demo-breakpoint-indicator::after { content: "LG"; }
        }
        @media (min-width: 1200px) and (max-width: 1399px) {
            .demo-breakpoint-indicator::after { content: "XL"; }
        }
        @media (min-width: 1400px) {
            .demo-breakpoint-indicator::after { content: "XXL