@media screen and (max-width: 1399px) {
    .login-left {
        padding: 40px !important;
    }

    .grey-tag .p-md {
        font-size: 16px;
    }
}

@media screen and (max-width: 1199px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 25px;
    }

    .company-img {
        width: 107px;
        height: 107px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-brand {
        height: auto;
        display: inline-block;
        border-right: 0;
        padding-right: 0;
    }

    .dash-card-icon {
        width: 54px;
        height: 54px;
        border-radius: 14px;
    }

        .dash-card-icon img {
            width: 35px;
        }

    .sidebar-toggle {
        display: inline-block;
    }

    .main-body {
        margin-left: 0;
    }

    .sidebar.collapsed {
        margin-left: 0px;
    }

    .bg-me1 {
        padding: 0px 20px;
    }
}

@media screen and (max-width: 767px) {
    .bg-modal .modal-content {
        padding: 0 0;
    }

    .bg-me1 {
        padding: 0px;
    }

    .sidebar {
        margin-left: -250px;
    }

        .sidebar.collapsed {
            width: 0px;
        }

            .sidebar.collapsed .dash-link {
                display: inline;
            }

            .sidebar.collapsed .sidebar-links {
                display: block;
                position: relative;
            }

    .sidebar {
        width: 250px;
    }

    .dash-link {
        padding: 0 10px;
        transition: all ease-in-out .2s;
    }

    .sidebar.collapsed .sidebar-links:hover .dash-link {
        display: inline-block;
        position: static;
        background: transparent;
        color: white;
        z-index: 999;
        padding: 0 20px;
    }

    .sidebar.collapsed {
        margin-left: -250px;
    }

    .sidebar {
        margin-left: 0;
    }

    .navbar-collapse {
        width: 100%;
        background: black;
        color: white !important;
        padding: 5px 0;
        position: absolute;
        top: 100px;
    }

        .navbar-collapse button {
            color: white !important;
        }

    .main-body {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .dash-card-icon {
        width: 50px;
        height: 49px;
        font-size: 26px;
    }

    body {
        font-size: 14px;
    }

    .site-btn {
        font-size: 14px;
        padding: 10px 25px;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 23px;
    }

    .p-lg {
        font-size: 20px;
    }

    .login-bg {
        min-height: 100vh;
    }

    .login-card {
        padding: 30px 15px 40px 15px;
    }

    .sidebar-toggle { /* margin-top: 10px; */
    }

    .main-body {
        padding: 100px 0 0 0;
    }

    .noti-dropdown {
        width: 280px;
        right: -10px !important;
        transform: translateX(20%);
    }

    .dash-card {
        padding: 20px 15px;
    }

    .company-img {
        width: 75px;
        height: 75px;
    }

    .subadmin-privileges {
        overflow-x: scroll;
    }
}