@media(max-width: 1024px) {
    .sticky-left {
        z-index: inherit;
    }

    .sticky-left,
    .content-right-main {
        width: 100%;
    }

    .mobile-hide {
        display: none;
    }

    html,
    body {
        height: 100%;
        width: 100%;
    }

    .login-content {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 25px;
        background: #F5F6F8;
    }

    .login-right-content {
        padding-left: 0;
    }

    /*****************header-responsive*********************/
    .main-navigation.show-menu {
        z-index: 999;
        width: 100%;
    }

    .main-navigation-wrapper {
        position: absolute;
        top: -47px;
        display: inherit;
    }

    .top-logo {
        display: none;
    }

    .open-menu {
        z-index: 666;
    }

    .left-menubar,
    .main-navigation-wrapper {
        background: transparent;
        height: auto;
    }

    .main-navigation {
        height: 100vh;
    }

    .user-profile {
        margin: 0 -15px;
        padding: 10px 0;
    }

    .userpf-wrapper {
        width: 64px;
        margin-top: 0;
        margin-right: 10px;
    }

    .userpf-wrapper>div:last-child {
        display: none;
    }

    .mobile-logo {
        width: 95%;
        text-align: center;
    }

    .mobile-logo img {
        width: 188px;
        margin-left: 12vw;
    }

    .userpf-wrapper::after {
        display: none;
    }

    .user-profile ul.dropdown {
        right: 20px;
        z-index: 333;
    }

    .user-profile {
        background: #fff;
    }

    .profile-page-content .col-md-9 {
        z-index: 1;
    }

    .profile-block-group {
        padding-left: 0;
    }

    /************************dashboard-responsive********************/
    .profile-row>div {
        max-width: 100%;
        margin: 0 auto;
    }

    .profile-row {
        margin: 0 20px;
    }

    .profile-top-head {
        padding: 0 20px;
    }

    .profile-dashboard {
        padding-bottom: 120px;
    }

    .profile-dashboard .user-profile {
        margin-bottom: 30px;
    }

    .profile-dashboard .dashboard-contents-box {
        padding: 0px 15px 50px;
    }

    .profile-dashboard .profile-body {
        padding: 0;
    }

    .dashboard-contents-inner {
        padding: 40px 22px 40px;
    }

    .profile-pic-upload {
        margin-bottom: 30px;
    }

    .dash-form-groups .form-group {
        display: block;
    }

    .inventory-form label {
        min-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }

    .dash-form-groups {
        padding: 20px 20px;
    }

    .dashboard-contents-box h2 {
        margin-bottom: 24px;
    }

    .bulkprocess-table {
        padding-left: 0;
    }

    .btn-filter {
        display: block;
    }

    .filter-box .select-group {
        display: none;
        position: absolute;
        left: calc(100% - 265px);
        right: 0;
        top: 118%;
        width: 265px;
        background: #fff;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.02);
        z-index: 2;
    }

    .filter-box .select-group select {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .filter-box {
        flex-grow: initial;
    }

    .inventory-form {
        justify-content: flex-end;
        align-items: center;
    }

    .users-perm-sec {
        margin-top: 0;
    }

    .search-btn {
        display: block;
    }

    .search-group .search-btn {
        background: #fff;
        padding: 8px 13px;
        border-radius: 10px;
        box-shadow: 0px 2px 6px 0px rgba(219, 223, 231, 0.95);
        border: none;
        width: 50px;
        height: 50px;
    }

    .adduser-for-desktop {
        display: none;
    }

    .adduser-for-mobile {
        display: block;
    }

    .adduser-for-desktop {
        display: none;
    }

    .top-content {
        position: relative;
    }

    .adduser-for-mobile {
        /* position: absolute; */
        left: 0px;
        bottom: 0;
        font-size: 15px;
        line-height: 23px;
        height: 52px;
        display: flex;
        align-items: center;
    }

    .top-content div {
        position: relative;
    }

    .add-user-btn i {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .bulkprocessing-table .top-content h2 {
        margin-bottom: 30px;
    }

    .btn-filter {
        background: #fff;
        padding: 8px 13px !important;
        border-radius: 10px;
        box-shadow: 0px 2px 6px 0px rgba(219, 223, 231, 0.95);
        border: none;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .users-perm-sec .dt-row {
        width: 100%;
        overflow-y: scroll;
    }

    #manage-users_paginate ul {
        justify-content: center;
    }

    .search-block {
        position: absolute;
        left: calc(100% - 293px);
        right: 0px;
        width: 235px !important;
        top: 0px;
        z-index: 333;
    }

    .inventory-form .filter-box {
        order: 2;
        margin-right: 0;
        margin-left: 10px;
    }

    .btn-filter:hover {
        background: #fff;
    }

    .main-navigation {
        padding: 36px 0 0 20px;
        width: 0;
    }

    .main-navigation li a {
        border-bottom: none;
    }

    .main-navigation ul.menu {
        width: 100%;
    }

    .mobile-back-btn {
        display: block;
        width: 90px;
    }

    .desktop-back-btn {
        display: none;
    }

    .equipmient-row.perm-owner-sec .profile-top-head {
        margin-top: 120px;
    }

    .perm-owner-sec tr td:last-child {
        text-align: center;
    }

    .perm-owner-sec td {
        vertical-align: middle;
    }

    .profile-top-head {
        padding-left: 0;
        padding-right: 0;
    }

    body .equipmient-row .profile-top-head {
        margin-top: 120px;
    }

    .add-location-sec {
        margin-top: 0;
    }

    .addlocation-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 40px 5px 5px 5px;
    }

    .addlocation-top .back-btn {
        order: 2;
    }

    .addlocation-top h2 {
        margin: 0 !important;
    }

    .add-location-sec {
        padding: 0 5px;
    }

    .add-location-box form {
        max-width: 100%;
    }

    .add-location-box .field-box {
        display: block;
    }

    .add-location-box label {
        max-width: 100%;
    }

    .add-location-box {
        padding: 25px 25px 25px 25px;
    }

    .add-location-box [type="submit"] {
        max-width: 100%;
    }

    .button-group-inline button {
        font-size: 14px;
        height: 50px;
    }

    .topbutton-group {
        display: none;
    }

    .button-group-inline {
        display: flex !important;
    }

    .button-group-inline button:last-child {
        width: 180px;
    }

    .button-group-inline button {
        font-size: 14px;
        margin-right: 0;
        line-height: 16px;
        padding: 0 15px;
    }

    .button-group-inline button:first-child {
        margin-right: 10px !important;
    }

    /**************profile-page-responsive****************/
    .profile-details-box {
        padding: 40px 15px 40px 10px;
    }

    body .profile-details-box form {
        flex-wrap: wrap;
    }

    .profile-details-box form .profile-details-pic-wrapper,
    .profile-details-box form .profile-details-content {
        width: 100%;
    }

    .profile-details-box form .profile-details-pic-wrapper {
        text-align: center;
    }

    .profile-details-content .form-field {
        flex-wrap: wrap;
    }

    .formfield-top .form-field .form-label,
    .reset-pass-section .form-field .form-label,
    .form-group .form-label {
        max-width: 100%;
        position: relative;
        top: 15px;
        min-height: auto;
    }

    .form-group .form-label {
        top: 0;
    }

    .formfield-top .form-field .input-field,
    .form-group .input-field {
        max-width: 100%;
        padding-right: 15px;
    }

    .form-group .input-field {
        padding-right: 0;
    }

    .formfield-top .form-field .input-field span.edit-field {
        right: -11px;
    }

    .reset-pass-section .form-field small {
        margin-left: 0;
    }

    .profile-details-content .form-field+.form-field {
        margin-top: 10px;
    }

    .profile-details-content label {
        font-size: 16px;
    }

    .reset-pass-section .form-field .input-field {
        max-width: 100%;
    }

    .profile-details-content .form-control {
        max-width: 100%;
    }

    .btn-field {
        align-items: center;
        justify-content: center;
    }
}

/* @media (max-width: 1300px) {
    .search-block {
        position: absolute;
        left: calc(100% - 293px);
        right: 0px;
        width: 235px !important;
        top: 0px;
        z-index: 333;
    }


}
*/
@media (min-width:1024px) and (max-width: 1300px) {
    .add-user-btn {
        padding: 0 10px;
        margin-right: 9px !important;
    }

    .manage-equipments.bulkprocessing-table {
        padding-left: 0;
    }

    .add-user-btn i {

        width: 20px;
        height: 20px;

    }

    .filter-box select {

        font-size: 14px;
    }

    .top-content div form span {
        width: 160px;
    }
}

@media(max-width: 767px) {


    .topequipment-row {
        margin-bottom: 0 !important;
    }

    .mobStyle {
        display: block !important;
        margin-bottom: 20px;
    }

    .mobStyle #location {
        width: 100%;
    }

    .inventryStyle {
        justify-content: start !important;
    }

    .inventryStyle .qr_demo {
        margin: 0 10px 0 25px;
    }

    #modify-equip-form .btn-group {
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media(max-width: 480px) {
    .search-group{
        margin-left: 8px;
    }
    .dt-paging > button {
        margin: 0 5px;
    }
    .add-user-btn i {
        width: 15px;
        height: 15px;
        font-size: 11px;
    }

    h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .button-group-inline button {
        font-size: 12px;
        margin-right: 0;
        line-height: 16px;
        padding: 0 15px;
    }

    .button-group-inline button:first-child {
        margin-right: 10px !important;
    }

    .button-group-inline button:last-child {
        width: auto;
    }

    .profile-details-box {
        padding: 40px 15px 40px 10px;
    }

    body .profile-details-box form {
        flex-wrap: wrap;
    }

    .profile-details-box form .profile-details-pic-wrapper,
    .profile-details-box form .profile-details-content {
        width: 100%;
    }

    .profile-details-box form .profile-details-pic-wrapper {
        text-align: center;
    }

    .profile-details-content .form-field {
        flex-wrap: wrap;
    }

    .formfield-top .form-field .form-label,
    .reset-pass-section .form-field .form-label {
        max-width: 100%;
        position: relative;
        top: 15px;
        min-height: auto;
    }

    .formfield-top .form-field .input-field {
        max-width: 100%;
        padding-right: 15px;
    }

    .formfield-top .form-field .input-field span.edit-field {
        right: -11px;
    }

    .reset-pass-section .form-field small {
        margin-left: 0;
    }

    .profile-details-content .form-field+.form-field {
        margin-top: 10px;
    }

    .profile-details-content label {
        font-size: 16px;
    }

    .reset-pass-section .form-field .input-field {
        max-width: 100%;
    }

    .search-block {
        left: calc(100% - 283px);
        width: 225px !important;
    }

    .btn_none {
        font-size: 12px;
    }

    .adduser-for-mobile {
        flex-direction: column;
        gap: 0;
    }

    .add-user-btn,
    .btn-filter {
        padding: 0 10px !important;
    }



    .inventory-form .filter-box {
        margin: 0;
    }

    .inventory-form .btn-filter {
        margin-left: 10px;
        margin-right: 0;
    }

    .manage-equipments.bulkprocessing-table {
        padding-left: 0;
    }
}