/* Default: Hide icons on larger screens */
.fa-circle-xmark,
.fa-bars {
    display: none;
}

/* On small screens (e.g., max-width 768px), show icons */
@media (max-width: 768px) {
    .fa-circle-xmark,
    .fa-bars {
        display: inline-block; /* or flex, depending on layout */
        font-size: 24px; /* Adjust size as needed */
        cursor: pointer;
        color: #333; /* optional styling */
    }
}