/* Base styles */
.text-message-dropdown,
.pagination-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Desktop view adjustments */
@media (min-width: 768px) { /* Assuming 768px as the breakpoint for desktop view */
    .row {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .text-message-dropdown {
        justify-content: flex-start;
    }

    .pagination-box {
        justify-content: flex-end;
    }
}

/* Mobile view adjustments */
@media (max-width: 767px) { /* Mobile view for screens smaller than 768px */
    .text-message-dropdown,
    .pagination-box {
        width: 100%;
        justify-content: center;
    }

    .text-message-dropdown button.dropdown-toggle {
        margin-top: 10px; /* Adjust spacing after the text message */
    }
}