@media only screen and (max-width: 1199px) {
    .content-row-1 .side-nav {
        width: 100% !important;
        height: 8% !important;
    }
    .content-container {
        width: 100% !important;
        height: 92% !important;
    }
    .side-nav-cbtn {
        display: none;
    }
    .modules-img-div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .module-info-div {
        height: 100% !important;
    }
    .modules-funcs-btns {
        display: flex !important;
        align-items: center !important;
        justify-content: end !important;
    }
    /* Start:- Side-Nav */
    .navi {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100% !important;
        height: 100vh !important;
        overflow: auto;
        display: none;
        z-index: 6000;
    }
    .navi-controls {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
    }
    /* End:- Side-Nav */
}

@media only screen and (max-width: 991px) {
    .modal-dialog {
        max-width: 90% !important;
    }

    .report-modal .modal-dialog {
        max-width: 100% !important;
    }
    .content-row-1 .side-nav {
        width: 100% !important;
        height: 8% !important;
    }
    .content-container {
        width: 100% !important;
        height: 92% !important;
    }
    /* ================= Start:- Nav ================= */
    .a-navbar .dropdown .btn-nicon .user-name {
        display: none;
    }
    .a-navbar .dropdown .btn-nicon .img-user {
        margin: 0px !important;
    }
    .img-brand {
        width: 100% !important;
        height: auto !important;
    }
}

@media only screen and (min-width: 550px) and (max-width: 767px) {
    .img-brand {
        width: 55% !important;
        height: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    /* ================= Start:- Common ================= */
    footer {
        text-align: center !important;
    }
    .m-hidden {
        display: none;
    }
    .login-body {
        border-color: transparent;
        box-shadow: none;
    }
    .modal-dialog {
        max-width: 95% !important;
    }

    .report-modal .modal-dialog {
        max-width: 100% !important;
    }
    /* ================= Start:- Nav ================= */
    .btn-menu {
        padding: 6px 8px;
        border-radius: 15px;
        background-color: #e4e1e1;
        box-shadow: 0 3px 5px #f0f0f0;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btn-menu svg {
        width: 30px !important;
    }
    .m-nav {
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff;
        overflow: auto;
        z-index: 3000;
    }
    .m-nav .btn-nclose {
        padding: 5px 5px;
        border-radius: 15px;
        background-color: #e4e1e1;
        box-shadow: 0 3px 5px #f0f0f0;
        position: fixed;
        top: 6px;
        right: 6px;
        z-index: 500;
    }
    .btn-nclose svg {
        width: 28px;
    }
    .btn-mnicon {
        margin: 10px 0px;
        width: 100%;
        height: 50px;
        background-color: #e4e1e1;
        box-shadow: 0 3px 5px #f0f0f0;
        position: relative;
    }
    .btn-mnicon svg {
        width: 30px;
    }
    .active-nav {
        color: #ffffff !important;
        background-color: #000000 !important;
    }
    .img-user {
        margin-left: -2px;
    }
    .info-count {
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .breadcrumb-nav {
        display: none;
    }
    /* ================= Start:- Side nav ================= */
    .module-info-div .module-info {
        font-size: 16px !important;
    }
    /* ================= Start:- DashM ================= */
    #shortcutCon {
        display: none;
    }
    #mDashIContent {
        height: auto !important;
    }
    .content-row-1 .side-nav {
        width: 100% !important;
        height: 12% !important;
    }
    .content-container {
        width: 100% !important;
        height: 88% !important;
    }
    .module-modal .modal-title {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
        font-size: 18px;
    }
    .chart-div {
        width: 100%;
        height: 300px;
    }
    .stepdiv-t-1 span {
        width: 30px;
        height: 30px;
    }
    .menu-heading {
        font-size: 1rem;
    }
}