@media (max-width: 991px) {
    .login-img {
        min-height: 100dvh;
        width: 100%;
    }

    .container-login100 {
        width: 100%;
        padding: 16px;
        box-sizing: border-box;
    }

    .wrap-login100 {
        width: 100%;
        max-width: 420px;
        padding: 24px 16px !important;
        box-sizing: border-box;
    }

    .login100-form,
    .wrap-login100 img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .active .horizontalMenucontainer {
        margin-left: 0 !important;
    }

    .horizontalMenu > .horizontalMenu-list {
        max-height: 100dvh;
        overflow-y: auto;
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }

    .mobile-header.hor-mobile-header {
        padding-top: calc(.75rem + env(safe-area-inset-top));
    }

    .horizontal-navtoggle {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-header .header-brand-img {
        max-width: 148px;
        height: auto;
    }

    .hor-content .container {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
    }

    .page-header {
        align-items: flex-start;
        gap: .75rem;
    }

    .pageheader-btn {
        width: 100%;
        margin-left: 0 !important;
    }

    .pageheader-btn .btn {
        width: 100%;
        margin: 0 0 .5rem 0 !important;
    }

    .card-body,
    .table-responsive,
    .dataTables_wrapper {
        max-width: 100%;
    }

    .table-responsive,
    .dataTables_wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .dt-buttons {
        position: static !important;
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        margin-bottom: .75rem;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: left;
    }

    .dataTables_filter input,
    .select2-container {
        width: 100% !important;
        max-width: 100%;
    }

    input,
    select,
    textarea {
        font-size: 16px;
    }

    .form-group .btn {
        min-height: 44px;
    }
}