@media (max-width: 768px) {
    .btn,
    .form-control,
    .form-select,
    .input-group-text {
        min-height: 44px;
    }

    .btn-sm {
        min-height: 40px;
    }

    .app-content,
    .global-listing-page {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .dropdown-menu {
        max-width: calc(100vw - 24px);
    }

    .dropdown-menu-end {
        right: 12px !important;
        left: auto !important;
    }

    .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        max-width: 100%;
    }

    .modal-content {
        height: 100%;
        border-radius: 0;
    }

    .modal-body {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .offcanvas {
        width: 100% !important;
    }
}