@media (min-width: 768px) {
    .sidebar.toggled .sidebar-heading {
        display: none;
    }

    .sidebar-dark svg {
        margin: 0;
    }
}

@media (min-width: 100px) and (max-width: 1000px) {
    .logInWrap {
        background-position: right;
    }

    .loginBox {
        width: 85%;
    }

    .affirabgcolor {
        display: none !important;
    }

    .aafairaContent {
        min-height: 100vh;
        margin-left: 0;
        margin-top: 5pc;
    }

    .dashCardCount {
        margin-bottom: 20px;
    }

    .dropdown-menu .bg-primary svg {
        vertical-align: middle !important;
        width: 18px !important;
        height: 18px !important;
        color: #fff !important;
        margin-right: 0 !important;
    }

    .affairaBreadCumb .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .affairaBreadCumb
    .btn-primary {
        margin-top: 10px;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        text-align: left !important;
    }

    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        text-align: right !important;
    }

    .mobileNavBar {
        padding: 20px 0;
        margin: 0;
    }

    .affairaLogo {
        width: 200px;
        height: 80px;
        margin-left: 10px;
        margin-top: -15px;
        margin-bottom: 10px;
    }

    .affairaLogo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .mobileNavBar .nav-item.active .nav-link {
        color: var(--wh);
        background-color: var(--primary);
    }

    .mobileNavBar .sidebar-heading {
        color: var(--primary);
    }

    .mobileNavBar .nav-item .nav-link {
        color: var(--bl);
    }

    .mobileNavBar .nav-item .nav-link i {
        color: var(--bl);
    }

    .topbar {
        background-color: var(--wh);
        border-bottom: 1px solid #f0f0f0;
    }

    .mobileNavBar .nav-item .nav-link:hover {
        color: var(--primary) !important;
        background-color: transparent;
    }

    .mobileNavBar svg {
        width: 20px;
        height: 20px;
        margin-right: 7px !important;
    }

    .mobileNavBar .nav-item .nav-link[data-toggle=collapse]::after {
        color: var(--bl);
    }

    .mobileNavBar .nav-item .nav-link:active, .mobileNavBar .nav-item .nav-link:focus, .mobileNavBar .nav-item .nav-link:hover {
        color: var(--bl);
    }

    .smallScreen {
        display: block;
    }

    .largeScreen {
        display: none;
    }

    .mobileNavBar .sidebar-heading {
        padding: 0 1rem;
        font-weight: 800;
        font-size: 15px;
    }

    .navbar-expand .navbar-nav .nav-link,
    .navbar-expand .navbar-nav .nav-link {
        padding-right: 0 !important;
    }

    .mobileNavBar .nav-item .collapse .collapse-inner .collapse-item, .mobileNavBar .nav-item .collapsing .collapse-inner .collapse-item {
        margin: 0;
        font-size: 14px;
    }

    .mobileNavBar .nav-item .collapse .collapse-inner .collapse-item, .mobileNavBar .nav-item .collapsing .collapse-inner .collapse-item {
        padding: 0.5rem 1rem;
        margin: 0 0.5rem;
        display: block;
        color: #3a3b45;
        text-decoration: none;
        border-radius: 0.35rem;
        white-space: nowrap;
    }

    .mobileNavBar .bg-white {
        background-color: #fff !important;
        margin: 0 15px;
        padding: 10px;
        border-radius: 0 !important;
    }

    .mobileNavBar .nav-item .collapse .collapse-inner, .mobileNavBar .nav-item .collapsing .collapse-inner {
        padding: 0.5rem 0;
        min-width: 10rem;
        font-size: .85rem;
        margin: 0 0 1rem 0;
    }

    .mobileNavBar .nav-item .collapse .collapse-inner .collapse-header, .mobileNavBar .nav-item .collapsing .collapse-inner .collapse-header {
        margin: 0;
        white-space: nowrap;
        padding: 0.5rem 8px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: .65rem;
        color: #b7b9cc;
    }

    .mobileNavBar .nav-item .collapse .collapse-inner .collapse-header, .mobileNavBar .nav-item .collapsing .collapse-inner .collapse-header {
        margin: 10px 0 5px 15px;
        padding: 0;
        font-size: 13px;
    }

    .mobileNavBar .nav-item .collapse .collapse-inner .collapse-header, .mobileNavBar .nav-item .collapsing .collapse-inner .collapse-header {
        font-weight: 600;
        color: var(--bl);
    }

    .mobileNavBar .nav-item .nav-link[data-toggle=collapse]::after {
        width: 1rem;
        text-align: center;
        float: right;
        vertical-align: 0;
        border: 0;
        font-weight: 900;
        content: '\f107';
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        right: 20px;

    }.storeSelect {
         margin: 0 0 15px 0;
         padding: 20px 20px 0 20px;
     }
     .topbar .navbar-search {
         width: auto;
     }
}

@media (min-width: 750px) and (max-width: 999px) {
}

@media (min-width: 1000px) and (max-width: 1299px) {
}

@media (min-width: 1500px) and (max-width: 1899px) {
}

@media (min-width: 1900px) and (max-width: 2500px) {
}

@media (min-height: 1000px) and (max-height: 1100px) {
}