@media screen and (min-width:0px) and (max-width: 479px) {
    body, .form-control, label, .select-selected, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=number], input[type=date], select, textarea,
    .header-left .search-area .form-control, .placeholder, .select2-container .select2-selection--single .select2-selection__rendered, .profile-dropdown-div .card-body a,
    .profile-dropdown-div .card-footer a, .dropdown-menu .dropdown-item, .notification-div ul li .timeline-panel > .media i, .select-items div,
    .schedule-calendar-div table thead tr th, .date-label, .Global-Table table.dataTable tbody td, .dataTables_wrapper input[type="search"],
    .dataTables_wrapper input[type="text"], .dataTables_wrapper select, .multi-screens .dataTables_wrapper .dataTables_paginate span .paginate_button,
    .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.next,
    .List-Search .search-area .form-control, .select-wrapper + label, .chat-box-area .message-sent p, .Global-Table tbody tr td, .events .event-data span, .chips .input,
    .set-data span, .set-data > p, .sub-card .footer-data > p, .popover-dropdown button {
        font-size: 11px;
    }

    h3 {
        font-size: 15px;
    }

    .total-earning h2, .total-earning .h2 {
        font-size: 22px;
    }

    .chat-p h6, .chat-p .h6, .products h6, .products .h6, .Global-Table table.dataTable thead th, .Global-Table thead tr th, .events .event-data h5,
    .events .event-data .h5, .events .event-box h5, .events .event-box .h5, .Net-Amount-div span {
        font-size: 13px;
    }

    .device-pad {
        padding: 0 !important;
    }

    .device-pad-left {
        padding-left: 0 !important;
    }

    .device-pad-right {
        padding-right: 0 !important;
    }

    .device-mb-0 {
        margin-bottom: 0px;
    }

    .device-mb-15 {
        margin-bottom: 15px;
    }


    input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date], select, textarea {
        padding: 9px 12px;
    }

    input[type="checkbox"], input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .nav-header {
        display: none;
    }

    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {
        position: fixed;
    }

    .deznav {
        top: 4rem;
        padding-top: 1rem;
    }

    .hamburger .line {
        margin-bottom: 4px;
    }

    .show .deznav .deznav-scroll {
        top: 0rem;
        height: 92%;
    }

    .show .deznav {
        left: 0%;
        width: 17rem;
    }

    .menu-toggle .deznav {
        left: -100% !important;
    }

    .deznav .metismenu > li > a {
        padding: 0 !important;
    }

    [data-sidebar-style="overlay"] .deznav .metismenu > li > a i {
        width: 2.5rem;
        color: var(--Secondary);
    }

    .deznav .metismenu {
        padding: 0 5px 0 5px;
    }

    .menu-toggle .menu-level-1 {
        position: relative !important;
        background: transparent;
        box-shadow: none !important;
    }

    .Avatar-wid {
        width: 30px;
        height: 30px;
    }

    .Login-info .header-info {
        margin: 2px 0 0 5px;
        display: block;
    }

    .header-right .header-info h6, .header-right .header-info .h6 {
        font-size: 11px;
    }

    .header-right .header-info p {
        font-size: 10px;
    }

    .header-right .nav-item {
        padding: 0 8px;
    }

    .header-right .notification_dropdown .nav-link i {
        font-size: 17px;
    }

    ul.navbar-div > li:last-child {
        padding: 0 0px 0 13px;
    }

    .badge-fix-header {
        top: -5px;
        right: -8px;
        font-size: 8px !important;
        line-height: 13px;
        padding: 0px 4px !important;
    }

    .profile-dropdown-div .card-body a, .profile-dropdown-div .card-footer a, .dropdown-menu .dropdown-item {
        font-size: 11px;
    }

    .widget-media .timeline .timeline-panel .media-body h6 {
        margin-bottom: 0 !important;
        font-size: 11px;
    }

    #ProfileDropdown {
        left: -226px !important;
    }

    #NotificationsDropdown {
        left: -105px !important;
    }

    #SettingsDropdown {
        left: -72px !important;
    }

    .offcanvas-Chat-box {
        width: 100% !important;
        border-left: 0 !important;
        overflow: hidden;
    }

    .light-icons-btn {
        padding: 10px 11px;
        font-size: 15px;
        min-width: 35px;
        height: 37px;
    }

    .message-send .type-massage {
        flex: 1 0 0;
        margin-right: 10px;
    }

    .chat-border {
        border-right: 1px solid var(--bs-gry);
        border-top: 1px solid var(--bs-gry);
        border-bottom: 1px solid var(--bs-gry);
    }

    .offcanvas-add-employee, .offcanvas-right {
        border: none !important;
        width: 100% !important;
    }

    .offcanvas-left {
        border: none !important;
        width: 100% !important;
    }

    .md-flex-direction {
        flex-direction: column;
        align-items: self-start;
    }

    .mix-chart-tab li {
        margin: 5px 0;
    }

    .earning-tab .nav-item .nav-link {
        margin: 6px 13px;
        font-size: 12px;
    }

    .icon-box {
        font-size: 17px;
    }

    .page-titles-left h1 {
        margin-bottom: 0;
    }

    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: left;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
    }

    .paging_simple_numbers.dataTables_paginate {
        padding: 0;
        float: right !important;
        margin-top: 10px;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
        margin-top: 6px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        padding: 0 0.15rem;
    }

    .badge {
        padding: 3px 9px;
    }

    .input-field {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }

    .card .card-reveal {
        z-index: 2;
    }

    .ch-height {
        height: auto;
        display: block;
    }

    .card-header-btns {
        text-align: right;
    }

        .card-header-btns button, .card-header-btns a {
            margin-top: 10px;
        }

    .swal-title {
        font-size: 13px;
    }

    .modal-content-height {
        max-height: 45vh;
    }

    .header-avatar {
        height: 2rem;
        width: 2rem;
    }

    .avatar-list .add-panelist {
        padding: 5px 6px;
        position: unset !important;
    }

        .avatar-list .add-panelist i {
            font-size: 1rem;
        }

    .pg-heading .txt-heading {
        padding: 0 10px;
        font-size: 15px;
    }

    .pg-heading a {
        font-size: 17px;
    }

    .pg-heading {
        margin: 5px 0 5px 0 !important;
    }

    .header-avatar-list {
        margin-right: 28px;
    }


    .header-custom-tab {
        overflow-x: auto;
        width: 100%;
    }

    .tabs .tab {
        padding: 0 0px 0 0;
    }

        .tabs .tab a {
            font-size: 13px;
        }

    .tab-content-div {
        padding: 20px 0 15px 0;
    }

    .tab-one .device-tab-one {
        margin: 0 0 15px 0 !important;
    }

        .tab-one .device-tab-one .btn-group label {
            margin-bottom: 0rem;
        }

    .circles .circle.big {
        width: 130px;
        height: 130px;
    }

    .circles .circle.med {
        width: 50px;
        height: 50px;
    }

    .circles .circle.small {
        width: 100px;
        height: 100px;
    }

    .Global-Form-div > form > .row, .Global-Form-div > .row, form > .row {
        flex-direction: column;
    }

    .timepicker-digital-display {
        padding: 20px 10px;
    }

    .timepicker-text-container {
        font-size: 2rem;
    }

    .timepicker-display-am-pm {
        right: 10px;
        bottom: -10px;
    }

    .timepicker, .datepicker {
        z-index: 1;
        position: relative;
    }

    .admin-profile {
        display: none;
    }

    .deznav .metismenu .menu-title, .menu-level-1 li a, .deznav .metismenu > li > a {
        color: var(--Secondary) !important;
    }

    .ch-height-75 {
        height: auto;
    }

    .Impersonate-btn i {
        display: none;
    }

    .ch-filters {
        width: 100%;
        margin-top: 10px;
    }

        .ch-filters button {
            min-width: 62px;
        }

    .Global-Table .dataTables_wrapper .dataTables_length label {
        justify-content: right;
    }

    .Global-Table .dataTables_wrapper .dataTables_length select {
        width: auto;
    }

    .Global-Table table thead tr th, .Global-Table table tbody tr td {
        min-width: 150px;
    }

    .card {
        height: auto;
    }

    .widget-stat .media .media-body h4, .widget-stat .media .media-body .h4 {
        font-size: 1.2rem;
    }

    .login-text-wrap, .login-wrap {
        width: 100%;
    }

        .login-text-wrap, .login-text-wrap h2, .login-text-wrap p {
            display: none !important;
        }

    .ChangePassword-wrapper {
        display: unset;
        margin: unset;
        padding: 30px;
    }

    .ChangePassword-wrapper, .ChangePassword-form, .ChangePassword-image {
        width: 100%;
    }

    .ChangePassword-image {
        margin: 30px 0 0 0;
    }

    .input-field .select2 .select2-selection--single {
        padding: 10px 15px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }

    input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
        font-size: 14px;
    }

    .Add-icon .input-field-icon {
        top: 11px;
        font-size: 15px;
    }

    .tp-btn {
        font-size: 17px;
    }

    .space-adj-top {
        margin-top: 0px !important;
        margin-bottom: 0 !important;
    }

        .space-adj-top .input-field {
            margin: 0px;
        }

    .ProductDocuments-wrapper {
        display: flow-root;
    }

        .ProductDocuments-wrapper .input-field {
            margin-right: 0px;
        }

    .file-upload-btn {
        display: grid;
    }

    .datepicker-date-display {
        padding: 10px 22px 0px 22px;
        display: none;
    }

    #ImgDiv a, #imgDiv a {
        width: 115px;
        height: auto;
    }

    .file-field .file-path-wrapper {
        padding-left: 0;
    }

    .Product-offcanvas, .Customer-offcanvas {
        height: 100% !important;
    }


    .lSSlideWrapper, .lslide {
        height: auto;
        width: auto;
    }

    .Product-Details-content {
        margin-top: 20px;
    }

    .car-features {
        width: 46%;
    }

    .d-md-flex {
        display: unset !important;
    }

    .product-price {
        margin-top: 10px;
    }

    .product-detail-ul ul li {
        min-width: 100%;
    }

    .fr-controller {
        padding-top: 0;
        margin-bottom: 15px;
    }

    .md-exchange-padding {
        padding: 0 10px !important;
    }

    .Global-modal-xs {
        max-width: initial;
    }


    div.tree-multiselect > div.selected, div.tree-multiselect > div.selections {
        width: 100% !important;
    }
    .custom-tree-multiselect .tree-multiselect .selections {
        border-right: solid 0px var(--bs-gry);
    }
    div.tree-multiselect .auxiliary {
        display: unset !important;
    }
    .custom-tree-multiselect .tree-multiselect .selections .auxiliary .search {
        margin: 0 0 20px 0;
    }
}

@media screen and (min-width:480px) and (max-width: 599px) {
    body, .form-control, label, .select-selected, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=number], input[type=date], select, textarea,
    .header-left .search-area .form-control, .placeholder, .select2-container .select2-selection--single .select2-selection__rendered, .profile-dropdown-div .card-body a,
    .profile-dropdown-div .card-footer a, .dropdown-menu .dropdown-item, .notification-div ul li .timeline-panel > .media i, .select-items div,
    .schedule-calendar-div table thead tr th, .date-label, .Global-Table table.dataTable tbody td, .dataTables_wrapper input[type="search"],
    .dataTables_wrapper input[type="text"], .dataTables_wrapper select, .multi-screens .dataTables_wrapper .dataTables_paginate span .paginate_button,
    .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.next,
    .List-Search .search-area .form-control, .select-wrapper + label, .chat-box-area .message-sent p, .Global-Table tbody tr td, .events .event-data span, .chips .input,
    .set-data span, .set-data > p, .sub-card .footer-data > p, .popover-dropdown button {
        font-size: 12px;
    }

    h3 {
        font-size: 15px;
    }

    .total-earning h2, .total-earning .h2 {
        font-size: 22px;
    }

    .chat-p h6, .chat-p .h6, .products h6, .products .h6, .Global-Table table.dataTable thead th, .Global-Table thead tr th,
    .events .event-data h5, .events .event-data .h5, .events .event-box h5, .events .event-box .h5 {
        font-size: 13px;
    }

    .device-pad {
        padding: 0 !important;
    }

    .device-pad-left {
        padding-left: 0 !important;
    }

    .device-pad-right {
        padding-right: 0 !important;
    }

    .device-mb-0 {
        margin-bottom: 0px;
    }

    .device-mb-15 {
        margin-bottom: 15px;
    }


    input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date], select, textarea {
        padding: 9px 12px;
    }

    input[type="checkbox"], input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .nav-header {
        display: none;
    }

    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {
        position: fixed;
    }

    .deznav {
        top: 4rem;
        padding-top: 1rem;
    }

    .hamburger .line {
        margin-bottom: 4px;
    }

    .show .deznav .deznav-scroll {
        top: 0rem;
        height: 92%;
    }

    .show .deznav {
        left: 0%;
        width: 19rem;
    }

    .menu-toggle .deznav {
        left: -100% !important;
    }

    .deznav .metismenu > li > a {
        padding: 0 !important;
    }

    [data-sidebar-style="overlay"] .deznav .metismenu > li > a i {
        width: 2.5rem;
    }

    [data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, [data-sidebar-style="overlay"] .deznav .metismenu > li:hover > a {
        color: var(--bs-white);
    }

    .deznav .metismenu {
        padding: 0 10px 0 10px;
    }

    .menu-toggle .menu-level-1 {
        position: relative !important;
        background: transparent;
        box-shadow: none !important;
    }

    .Avatar-wid {
        width: 30px;
        height: 30px;
    }

    .Login-info .header-info {
        margin: 2px 0 0 5px;
        display: block;
    }

    .header-right .header-info h6, .header-right .header-info .h6 {
        font-size: 11px;
    }

    .header-right .header-info p {
        font-size: 10px;
    }

    .header-right .nav-item {
        padding: 0 8px;
    }

    .header-right .notification_dropdown .nav-link i {
        font-size: 17px;
    }

    ul.navbar-div > li:last-child {
        padding: 0 0px 0 13px;
    }

    .badge-fix-header {
        top: -5px;
        right: -8px;
        font-size: 8px !important;
        line-height: 13px;
        padding: 0px 4px !important;
    }

    .profile-dropdown-div .card-body a, .profile-dropdown-div .card-footer a, .dropdown-menu .dropdown-item {
        font-size: 11px;
    }

    .widget-media .timeline .timeline-panel .media-body h6 {
        margin-bottom: 0 !important;
        font-size: 11px;
    }

    #ProfileDropdown {
        left: -226px !important;
    }

    .offcanvas-Chat-box {
        width: 100% !important;
        border-left: 0 !important;
        overflow: hidden;
    }

    .light-icons-btn {
        padding: 10px 11px;
        font-size: 15px;
        min-width: 35px;
        height: 37px;
    }

    .message-send .type-massage {
        flex: 1 0 0;
        margin-right: 10px;
    }

    .chat-border {
        border-right: 1px solid var(--bs-gry);
        border-top: 1px solid var(--bs-gry);
        border-bottom: 1px solid var(--bs-gry);
    }

    .offcanvas-add-employee, .offcanvas-right {
        border: none !important;
        width: 100% !important;
    }

    .offcanvas-left {
        border: none !important;
        width: 100% !important;
    }

    .md-flex-direction {
        flex-direction: column;
        align-items: self-start;
    }

    .mix-chart-tab li {
        margin: 5px 0;
    }

    .earning-tab .nav-item .nav-link {
        margin: 6px 13px;
        font-size: 12px;
    }

    .icon-box {
        font-size: 17px;
    }

    .page-titles-left h1 {
        margin-bottom: 0;
    }

    .dataTables_wrapper .dataTables_info {
        float: left;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
    }

    .paging_simple_numbers.dataTables_paginate {
        padding: 0;
        float: right !important;
        margin-top: 10px;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
        margin-top: 6px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        padding: 0 0.15rem;
    }

    .badge {
        padding: 3px 9px;
    }

    .h-auto-devices {
        height: auto !important;
    }

    .input-field {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }

    .card .card-reveal {
        z-index: 2;
    }

    .ch-height {
        height: auto;
        display: block;
    }

    .card-header-btns {
        text-align: right;
    }

        .card-header-btns button, .card-header-btns a {
            margin-top: 10px;
        }

    .swal-title {
        font-size: 13px;
    }

    .modal-content-height {
        max-height: 45vh;
    }

    .header-avatar {
        height: 2rem;
        width: 2rem;
    }

    .avatar-list .add-panelist {
        padding: 5px 6px;
        position: unset !important;
    }

        .avatar-list .add-panelist i {
            font-size: 1rem;
        }

    .pg-heading .txt-heading {
        padding: 0 10px;
        font-size: 15px;
    }

    .pg-heading a {
        font-size: 17px;
    }

    .pg-heading {
        margin: 5px 0 5px 0 !important;
    }

    .header-avatar-list {
        margin-right: 28px;
    }

    .tabs-flex {
        flex-direction: column-reverse;
    }

    .ttl-project {
        display: none;
    }

    .dataTables_wrapper .dataTables_paginate span .paginate_button,
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        width: 30px;
        height: 30px;
        line-height: 31px;
    }

    .circles .circle.big {
        width: 130px;
        height: 130px;
    }

    .circles .circle.med {
        width: 50px;
        height: 50px;
    }

    .circles .circle.small {
        width: 100px;
        height: 100px;
    }

    .Global-Form-div > form > .row, .Global-Form-div > .row, form > .row {
        margin-bottom: 0;
    }

    .timepicker-digital-display {
        padding: 20px 10px;
    }

    .timepicker-text-container {
        font-size: 2rem;
    }

    .timepicker-display-am-pm {
        right: 10px;
        bottom: -10px;
    }

    .timepicker, .datepicker {
        z-index: 1;
        position: relative;
    }

    .admin-profile {
        display: none;
    }

    .deznav .metismenu .menu-title, .menu-level-1 li a, .deznav .metismenu > li > a {
        color: var(--Secondary) !important;
    }

    .ch-height-75 {
        height: auto;
    }

    .Impersonate-btn i {
        display: none;
    }

    .ch-filters {
        width: 100%;
        margin-top: 10px;
        justify-content: end !important;
    }

        .ch-filters button {
            min-width: 62px;
        }

    .card {
        height: auto;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left;
    }

    .Global-Table .dataTables_wrapper .dataTables_length select {
        width: auto;
    }

    .Global-Table table thead tr th, .Global-Table table tbody tr td {
        min-width: 150px;
    }

    .Global-Table .dataTables_wrapper .dataTables_length {
        padding-bottom: 0px;
    }

    .dataTables_filter {
        margin-top: 0 !important;
        float: right !important;
        margin-bottom: 10px !important;
    }

    .Net-Amount-div span {
        font-size: 16px;
    }

    .deznav .metismenu > li a > i {
        color: var(--Secondary);
    }

    .widget-stat .media .media-body h4, .widget-stat .media .media-body .h4 {
        font-size: 1.2rem;
    }

    .login-text-wrap, .login-wrap {
        width: 100%;
    }

        .login-text-wrap, .login-text-wrap h2, .login-text-wrap p {
            display: none !important;
        }

    .ChangePassword-wrapper {
        display: unset;
        margin: unset;
        padding: 30px;
    }

    .ChangePassword-wrapper, .ChangePassword-form, .ChangePassword-image {
        width: 100%;
    }

    .ChangePassword-image {
        margin: 30px 0 0 0;
        padding: 20px;
    }


    .input-field .select2 .select2-selection--single {
        padding: 10px 15px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }

    input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
        font-size: 14px;
    }

    .Add-icon .input-field-icon {
        top: 11px;
        font-size: 15px;
    }

    .tp-btn {
        font-size: 17px;
    }

    .space-adj-top {
        margin-top: 0px !important;
        margin-bottom: 0 !important;
    }

        .space-adj-top .input-field {
            margin: 0px;
        }

    .ProductDocuments-wrapper {
        display: flow-root;
    }

        .ProductDocuments-wrapper .input-field {
            margin-right: 0px;
        }

    .file-upload-btn {
        display: grid;
    }

    .datepicker-date-display {
        padding: 10px 22px 0px 22px;
    }

    #ImgDiv a, #imgDiv a {
        width: 100px;
        height: auto;
    }

    .file-field .file-path-wrapper {
        padding-left: 0;
    }

    .Product-offcanvas, .Customer-offcanvas {
        height: 100% !important;
    }

    .lSSlideWrapper, .lslide {
        height: auto;
        width: auto;
    }

    .Product-Details-content {
        margin-top: 20px;
    }

    .car-features {
        width: 46%;
    }

    .d-md-flex {
        display: unset !important;
    }

    .product-price {
        margin-top: 10px;
    }

    .product-detail-ul ul li {
        min-width: 50%;
    }

    .fr-controller {
        padding-top: 0;
        margin-bottom: 15px;
    }

    .md-exchange-padding {
        padding: 0 10px !important;
    }

    .Global-modal-xs {
        max-width: initial;
    }

    div.tree-multiselect > div.selected, div.tree-multiselect > div.selections {
        width: 100% !important;
    }

    .custom-tree-multiselect .tree-multiselect .selections {
        border-right: solid 0px var(--bs-gry);
    }

    div.tree-multiselect .auxiliary {
        display: unset !important;
    }

    .custom-tree-multiselect .tree-multiselect .selections .auxiliary .search {
        margin: 0 0 20px 0;
    }
}

@media screen and (min-width:600px) and (max-width: 767px) {
    body, .form-control, label, .select-selected, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=number], input[type=date], select, textarea,
    .header-left .search-area .form-control, .placeholder, .select2-container .select2-selection--single .select2-selection__rendered, .profile-dropdown-div .card-body a,
    .profile-dropdown-div .card-footer a, .dropdown-menu .dropdown-item, .notification-div ul li .timeline-panel > .media i, .select-items div,
    .schedule-calendar-div table thead tr th, .date-label, .Global-Table table.dataTable tbody td, .dataTables_wrapper input[type="search"],
    .dataTables_wrapper input[type="text"], .dataTables_wrapper select, .multi-screens .dataTables_wrapper .dataTables_paginate span .paginate_button,
    .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.next,
    .List-Search .search-area .form-control, .select-wrapper + label, .chat-box-area .message-sent p, .Global-Table tbody tr td, .events .event-data span, .chips .input,
    .set-data span, .set-data > p, .sub-card .footer-data > p, .popover-dropdown button {
        font-size: 12px;
    }

    h3 {
        font-size: 15px;
    }

    .total-earning h2, .total-earning .h2 {
        font-size: 22px;
    }

    .chat-p h6, .chat-p .h6, .products h6, .products .h6, .Global-Table table.dataTable thead th, .Global-Table thead tr th, .events .event-data h5, .events .event-data .h5, .events .event-box h5, .events .event-box .h5 {
        font-size: 13px;
    }

    .device-pad {
        padding: 0 !important;
    }

    .device-pad-left {
        padding-left: 0 !important;
    }

    .device-pad-right {
        padding-right: 0 !important;
    }


    input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date], select, textarea {
        padding: 9px 12px;
    }

    input[type="checkbox"], input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .nav-header {
        display: none;
    }

    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {
        position: fixed;
    }

    .deznav {
        top: 4rem;
        padding-top: 1rem;
    }

    .hamburger .line {
        margin-bottom: 4px;
    }

    .show .deznav .deznav-scroll {
        top: 0rem;
        height: 92%;
    }

    .show .deznav {
        left: 0%;
        width: 19rem;
    }

    .menu-toggle .deznav {
        left: -100% !important;
    }

    .deznav .metismenu > li > a {
        padding: 0 !important;
    }

    [data-sidebar-style="overlay"] .deznav .metismenu > li > a i {
        width: 2.5rem;
    }

    [data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, [data-sidebar-style="overlay"] .deznav .metismenu > li:hover > a {
        color: var(--bs-white);
    }

    .deznav .metismenu {
        padding: 0 10px 0 10px;
    }

    .menu-toggle .menu-level-1 {
        position: relative !important;
        background: transparent;
        box-shadow: none !important;
    }

    .Avatar-wid {
        width: 30px;
        height: 30px;
    }

    .Login-info .header-info {
        margin: 2px 0 0 5px;
        display: block;
    }

    .header-right .header-info h6, .header-right .header-info .h6 {
        font-size: 13px;
    }

    .header-right .header-info p {
        font-size: 12px;
    }

    .header-right .nav-item {
        padding: 0 8px;
    }

    .header-right .notification_dropdown .nav-link i {
        font-size: 17px;
    }

    ul.navbar-div > li:last-child {
        padding: 0 0px 0 13px;
    }

    .badge-fix-header {
        top: -5px;
        right: -8px;
        font-size: 8px !important;
        line-height: 13px;
        padding: 0px 4px !important;
    }

    .profile-dropdown-div .card-body a, .profile-dropdown-div .card-footer a, .dropdown-menu .dropdown-item {
        font-size: 12px;
    }

    .widget-media .timeline .timeline-panel .media-body h6 {
        margin-bottom: 0 !important;
        font-size: 13px;
    }

    #ProfileDropdown {
        left: -226px !important;
    }

    .offcanvas-Chat-box {
        width: 100% !important;
        border-left: 0 !important;
        overflow: hidden;
    }

    .light-icons-btn {
        padding: 10px 11px;
        font-size: 15px;
        min-width: 35px;
        height: 37px;
    }

    .message-send .type-massage {
        flex: 1 0 0;
        margin-right: 10px;
    }

    .chat-border {
        border-right: 1px solid var(--bs-gry);
        border-top: 1px solid var(--bs-gry);
        border-bottom: 1px solid var(--bs-gry);
    }

    .offcanvas-add-employee, .offcanvas-right, .offcanvas-left {
        border: none !important;
        width: 70% !important;
    }

    .mix-chart-tab li {
        margin: 5px 0;
    }

    .earning-tab .nav-item .nav-link {
        margin: 6px 13px;
        font-size: 12px;
    }

    .icon-box {
        font-size: 17px;
    }

    .page-titles-left h1 {
        margin-bottom: 0;
    }

    .dataTables_wrapper .dataTables_info {
        float: left;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
    }

    .paging_simple_numbers.dataTables_paginate {
        padding: 0;
        float: right !important;
        margin-top: 10px;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
        margin-top: 6px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        padding: 0 0.15rem;
    }

    .badge {
        padding: 3px 9px;
    }

    .input-field {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }

    .card .card-reveal {
        z-index: 2;
    }

    .modal-content-height {
        max-height: 45vh;
    }

    .header-avatar {
        height: 2rem;
        width: 2rem;
    }

    .avatar-list .add-panelist {
        padding: 5px 6px;
        position: unset !important;
    }

        .avatar-list .add-panelist i {
            font-size: 1rem;
        }

    .pg-heading .txt-heading {
        padding: 0 10px;
        font-size: 15px;
    }

    .pg-heading a {
        font-size: 17px;
    }

    .pg-heading {
        margin: 5px 0 5px 0 !important;
    }

    .header-avatar-list {
        margin-right: 28px;
    }

    .header-custom-tab {
        overflow-x: auto;
        width: 56%;
    }

    .tabs .tab {
        padding: 0 0px 0 0;
    }

        .tabs .tab a {
            font-size: 13px;
        }

    .tab-content-div {
        padding: 20px 0 15px 0;
    }

    .tab-one .device-tab-one {
        margin: 0 0 15px 0 !important;
    }

        .tab-one .device-tab-one .btn-group label {
            margin-bottom: 0rem;
        }

    .ttl-project {
        display: none;
    }

    .dataTables_wrapper .dataTables_paginate span .paginate_button,
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        width: 30px;
        height: 30px;
        line-height: 31px;
    }

    .circles .circle.big {
        width: 130px;
        height: 130px;
    }

    .circles .circle.med {
        width: 50px;
        height: 50px;
    }

    .circles .circle.small {
        width: 100px;
        height: 100px;
    }

    .Global-Form-div > form > .row, .Global-Form-div > .row, form > .row {
        margin-bottom: 0;
    }

    .timepicker-digital-display {
        padding: 20px 10px;
    }

    .timepicker-text-container {
        font-size: 2rem;
    }

    .timepicker-display-am-pm {
        right: 10px;
        bottom: -10px;
    }

    .timepicker, .datepicker {
        z-index: 1;
        position: relative;
    }

    .admin-profile {
        display: none;
    }

    .deznav .metismenu .menu-title, .menu-level-1 li a, .deznav .metismenu > li > a {
        color: var(--Secondary) !important;
    }

    .Impersonate-btn i {
        display: none;
    }

    .ch-filters button {
        min-width: 62px;
    }

    .card {
        height: auto;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left;
    }

    .Global-Table .dataTables_wrapper .dataTables_length select {
        width: auto;
    }

    .Global-Table table thead tr th, .Global-Table table tbody tr td {
        min-width: 150px;
    }

    .Global-Table .dataTables_wrapper .dataTables_length {
        padding-bottom: 0px;
    }

    .dataTables_filter {
        margin-top: 0 !important;
        float: right !important;
        margin-bottom: 10px !important;
    }

    .Net-Amount-div span {
        font-size: 16px;
    }

    .deznav .metismenu > li a > i {
        color: var(--Secondary);
    }

    .device-mb-15 {
        margin-bottom: 15px;
    }

    .widget-stat .media .media-body h4, .widget-stat .media .media-body .h4 {
        font-size: 1.2rem;
    }

    .Atro-login-box {
        display: flex;
    }

    .ChangePassword-wrapper {
        display: unset;
        margin: unset;
        padding: 30px;
    }

    .ChangePassword-wrapper, .ChangePassword-form, .ChangePassword-image {
        width: 100%;
    }

    .ChangePassword-image {
        margin: 30px 0 0 0;
        padding: 30px;
    }


    .tp-btn {
        font-size: 17px;
    }

    .input-field .select2 .select2-selection--single {
        padding: 10px 15px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }

    input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
        font-size: 14px;
    }

    .Add-icon .input-field-icon {
        top: 11px;
        font-size: 16px;
    }

    #ImgDiv a, #imgDiv a {
        width: 100px;
        height: auto;
    }

    .file-upload-btn {
        margin-top: 10px;
    }

    .Product-offcanvas, .Customer-offcanvas {
        height: 100% !important;
    }


    .lSSlideWrapper, .lslide {
        height: auto;
        width: auto;
    }

    .Product-Details-content {
        margin-top: 20px;
    }

    .car-features {
        width: 31.3%;
    }

    .product-detail-ul ul li {
        min-width: 50%;
    }

    .fr-controller {
        padding-top: 0;
        margin-bottom: 15px;
    }

    .ch-height {
        height: auto;
        display: block;
    }

    .card-header-btns {
        text-align: right;
    }

        .card-header-btns button, .card-header-btns a {
            margin-top: 10px;
        }

    .md-exchange-padding {
        padding: 0 10px !important;
    }

    .modal-content .modal .datepicker-calendar-container {
        padding: 0 10px !important;
    }

    .Global-modal-xs {
        max-width: initial;
    }
    div.tree-multiselect > div.selected, div.tree-multiselect > div.selections {
        width: 100% !important;
    }

    .custom-tree-multiselect .tree-multiselect .selections {
        border-right: solid 0px var(--bs-gry);
    }

    div.tree-multiselect .auxiliary {
        display: unset !important;
    }

    .custom-tree-multiselect .tree-multiselect .selections .auxiliary .search {
        margin: 0 0 20px 0;
    }
}

@media screen and (min-width:768px) and (max-width: 1023px) {
    body, .form-control, label, .select-selected, input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=number], input[type=date], select, textarea,
    .header-left .search-area .form-control, .placeholder, .select2-container .select2-selection--single .select2-selection__rendered, .profile-dropdown-div .card-body a,
    .profile-dropdown-div .card-footer a, .dropdown-menu .dropdown-item, .notification-div ul li .timeline-panel > .media i, .select-items div,
    .schedule-calendar-div table thead tr th, .date-label, .Global-Table table.dataTable tbody td, .dataTables_wrapper input[type="search"],
    .dataTables_wrapper input[type="text"], .dataTables_wrapper select, .multi-screens .dataTables_wrapper .dataTables_paginate span .paginate_button,
    .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .multi-screens .dataTables_wrapper .dataTables_paginate .paginate_button.next,
    .List-Search .search-area .form-control, .select-wrapper + label, .chat-box-area .message-sent p, .Global-Table tbody tr td, .events .event-data span, .chips .input,
    .set-data span, .set-data > p, .sub-card .footer-data > p, .popover-dropdown button {
        font-size: 13px;
    }

    h3 {
        font-size: 15px;
    }

    .total-earning h2, .total-earning .h2 {
        font-size: 22px;
    }

    .chat-p h6, .chat-p .h6, .products h6, .products .h6, .Global-Table table.dataTable thead th, .Global-Table thead tr th, .events .event-data h5, .events .event-data .h5, .events .event-box h5, .events .event-box .h5 {
        font-size: 14px;
    }

    .device-pad {
        padding: 0 !important;
    }

    .device-pad-left {
        padding-left: 0 !important;
    }

    .device-pad-right {
        padding-right: 0 !important;
    }


    input[type="text"], input[type="email"], input[type=password], input[type=tel], input[type=date], select, textarea {
        padding: 9px 12px;
    }

    input[type="checkbox"], input[type="radio"] {
        width: 20px;
        height: 20px;
    }

    .nav-header {
        display: none;
    }

    [data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {
        position: fixed;
    }

    .deznav {
        top: 4rem;
        padding-top: 1rem;
    }

    .hamburger .line {
        margin-bottom: 4px;
    }

    .show .deznav .deznav-scroll {
        top: 0rem;
        height: 92%;
    }

    .show .deznav {
        left: 0%;
        width: 19rem;
    }

    .menu-toggle .deznav {
        left: -100% !important;
    }

    .deznav .metismenu > li > a {
        padding: 0 !important;
    }

    [data-sidebar-style="overlay"] .deznav .metismenu > li > a i {
        width: 3rem;
    }

    [data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, [data-sidebar-style="overlay"] .deznav .metismenu > li:hover > a {
        color: var(--bs-white);
    }

    .deznav .metismenu {
        padding: 0 10px 0 10px;
    }

    .menu-toggle .menu-level-1 {
        position: relative !important;
        background: transparent;
        box-shadow: none !important;
    }

    .Avatar-wid {
        width: 40px;
        height: 40px;
    }

    .Login-info .header-info {
        margin: 2px 0 0 5px;
        display: block;
    }

    .header-right .nav-item {
        padding: 0 8px;
    }

    .header-right .notification_dropdown .nav-link i {
        font-size: 17px;
    }

    ul.navbar-div > li:last-child {
        padding: 0 0px 0 13px;
    }

    .badge-fix-header {
        top: -5px;
        right: -8px;
        font-size: 8px !important;
        line-height: 13px;
        padding: 0px 4px !important;
    }

    .widget-media .timeline .timeline-panel .media-body h6 {
        margin-bottom: 0 !important;
    }

    .offcanvas-Chat-box {
        width: 100% !important;
        border-left: 0 !important;
        overflow: hidden;
    }

    .light-icons-btn {
        padding: 10px 11px;
        font-size: 15px;
        min-width: 35px;
        height: 37px;
    }

    .message-send .type-massage {
        flex: 1 0 0;
        margin-right: 10px;
    }

    .chat-border {
        border-right: 1px solid var(--bs-gry);
        border-top: 1px solid var(--bs-gry);
        border-bottom: 1px solid var(--bs-gry);
    }

    .offcanvas-add-employee, .offcanvas-right, .offcanvas-left {
        border: none !important;
        width: 70% !important;
    }

    .mix-chart-tab li {
        margin: 5px 0;
    }

    .earning-tab .nav-item .nav-link {
        margin: 6px 13px;
        font-size: 12px;
    }

    .icon-box {
        font-size: 17px;
    }

    .page-titles-left h1 {
        margin-bottom: 0;
    }

    .dataTables_wrapper .dataTables_info {
        float: left;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
    }

    .paging_simple_numbers.dataTables_paginate {
        padding: 0;
        float: right !important;
        margin-top: 10px;
    }

    .Global-Table .dataTables_info {
        padding-left: 0;
        margin-top: 6px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        padding: 0 0.15rem;
        width: auto !important;
    }

    .badge {
        padding: 3px 9px;
    }

    .datepicker-calendar-container {
        padding: 10px;
    }

    .input-field {
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }

    .card .card-reveal {
        z-index: 2;
    }

    .modal-content-height {
        max-height: 45vh;
    }

    .header-avatar {
        height: 2rem;
        width: 2rem;
    }

    .avatar-list .add-panelist {
        padding: 5px 6px;
        position: unset !important;
    }

        .avatar-list .add-panelist i {
            font-size: 1rem;
        }

    .pg-heading .txt-heading {
        padding: 0 10px;
        font-size: 15px;
    }

    .pg-heading a {
        font-size: 17px;
    }

    .pg-heading {
        margin: 5px 0 5px 0 !important;
    }

    .header-avatar-list {
        margin-right: 28px;
    }

    .header-custom-tab {
        overflow-x: auto;
        width: 65%;
    }

    .tabs .tab a {
        font-size: 13px;
    }

    .tab-content-div {
        padding: 20px 0 15px 0;
    }

    .tab-one .device-tab-one {
        margin: 0 0 15px 0 !important;
    }

        .tab-one .device-tab-one .btn-group label {
            margin-bottom: 0rem;
        }

    .ttl-project {
        display: none;
    }

    .dataTables_wrapper .dataTables_paginate span .paginate_button,
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        width: 30px;
        height: 30px;
        line-height: 31px;
    }

    .circles .circle.big {
        width: 130px;
        height: 130px;
    }

    .circles .circle.med {
        width: 50px;
        height: 50px;
    }

    .circles .circle.small {
        width: 100px;
        height: 100px;
    }

    .Global-Form-div > form > .row, .Global-Form-div > .row, form > .row {
        margin-bottom: 0;
    }

    .timepicker-digital-display {
        padding: 20px 10px;
    }

    .timepicker-text-container {
        font-size: 2rem;
    }

    .timepicker-display-am-pm {
        right: 10px;
        bottom: -10px;
    }

    .timepicker, .datepicker {
        z-index: 1;
        position: relative;
    }


    .admin-profile {
        display: none;
    }

    .deznav .metismenu .menu-title, .menu-level-1 li a, .deznav .metismenu > li > a {
        color: var(--Secondary) !important;
    }

    .Impersonate-btn i {
        display: none;
    }

    .ch-filters button {
        min-width: 62px;
    }

    .card {
        height: auto;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left;
    }

    .Global-Table .dataTables_wrapper .dataTables_length select {
        width: auto;
    }

    .Global-Table .dataTables_wrapper .dataTables_length {
        padding-bottom: 0px;
    }

    .dataTables_filter {
        margin-top: 0 !important;
        float: right !important;
        margin-bottom: 10px !important;
    }

    .Net-Amount-div span {
        font-size: 16px;
    }

    .deznav .metismenu > li a > i {
        color: var(--Secondary);
    }

    .device-mb-15 {
        margin-bottom: 15px;
    }

    .widget-stat .media .media-body h4, .widget-stat .media .media-body .h4 {
        font-size: 1.2rem;
    }

    .header-left .search-area {
        display: flex;
    }

    .ChangePassword-wrapper {
        width: 100%;
        margin: 0;
    }

    .ChangePassword-form {
        width: 70%;
    }

    .ChangePassword-image {
        width: 70%;
        margin: 0 30px;
    }


    .tp-btn {
        font-size: 17px;
    }

    .input-field .select2 .select2-selection--single {
        padding: 10px 15px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }

    input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
        font-size: 14px;
    }

    .Add-icon .input-field-icon {
        top: 11px;
        font-size: 16px;
    }

    #ImgDiv a, #imgDiv a {
        width: 120px;
        height: auto;
    }

    .file-upload-btn {
        margin-top: 10px;
    }


    .lSSlideWrapper, .lslide {
        height: auto;
        width: auto;
    }

    .Product-Details-content {
        margin-top: 20px;
    }

    .car-features {
        width: 31.3%;
    }

    .product-detail-ul ul li {
        min-width: 50%;
    }

    .Customer-offcanvas {
        height: 70% !important;
    }

    .fr-controller {
        padding-top: 0;
        margin-bottom: 15px;
    }

    .md-exchange-padding {
        padding: 0 10px 10px 10px !important;
    }

    .Global-modal-xs {
        max-width: 50%;
    }
}

@media screen and (min-width:1024px) and (max-width: 1600px) {
    .device-mb-15 {
        margin-bottom: 15px;
    }

    .device-mb-0 {
        margin-bottom: 0px;
    }

    [data-sidebar-style="full"] .header, [data-sidebar-style="overlay"] .header {
        padding-left: 0rem;
    }

    .admin-profile {
        display: none;
    }

    .deznav .metismenu {
        padding: 0 5px 0 5px;
    }

        .deznav .metismenu .menu-title, .menu-level-1 li a, .deznav .metismenu > li > a {
            color: var(--Secondary) !important;
        }

    .Impersonate-btn i {
        display: none;
    }

    .message-send .type-massage {
        flex: 1 0 0;
        margin-right: 10px;
    }

    .ch-filters button {
        min-width: 62px;
    }

    .card {
        height: auto;
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: left;
    }

    .Global-Table .dataTables_wrapper .dataTables_length select {
        width: auto;
    }

    .Global-Table .dataTables_wrapper .dataTables_length {
        padding-bottom: 0px;
    }

    .dataTables_filter {
        margin-top: 0 !important;
        float: right !important;
        margin-bottom: 10px !important;
        width: 300px;
    }

    .Net-Amount-div span {
        font-size: 16px;
    }

    .deznav .metismenu > li a > i {
        color: var(--Secondary);
    }

    .widget-stat .media .media-body h4, .widget-stat .media .media-body .h4 {
        font-size: 1.2rem;
    }

    .header-left .search-area {
        display: flex;
    }

    .header-left .search-area {
        width: 12rem;
        height: 42px;
    }

        .header-left .search-area input {
            flex: 1 0 0;
        }

    .message-send a i {
        display: none;
    }

    .badge-fix-header {
        width: auto;
    }

    .deznav .metismenu > li a > i {
        width: 3rem;
    }

    .ChangePassword-wrapper {
        width: 100%;
        margin: 0;
    }

    .ChangePassword-form {
        width: 70%;
    }

    .ChangePassword-image {
        width: 70%;
        margin: 0 30px;
    }

    .tp-btn {
        font-size: 17px;
    }

    .input-field .select2 .select2-selection--single {
        padding: 10px 15px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }

    input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
        font-size: 14px;
    }

    .Add-icon .input-field-icon {
        top: 11px;
        font-size: 16px;
    }

    #ImgDiv a, #imgDiv a {
        width: 120px;
        height: auto;
    }

    .datepicker-footer {
        margin-right: 20px;
    }


    .lSSlideWrapper, .lslide {
        height: auto;
        width: auto;
    }

    .car-features {
        width: 30.3%;
    }

    .product-detail-ul ul li {
        min-width: 50%;
    }

    .Customer-offcanvas {
        height: 50% !important;
    }

    .fr-controller {
        padding-top: 0;
        margin-bottom: 15px;
    }

    .md-exchange-padding {
        padding: 0 10px 10px 10px !important;
    }

    .Global-modal-xs {
        max-width: 50%;
    }
}

/* Start Desktop Screen CSS ---  Jawad Ali */
@media screen and (min-width:1600px) and (max-width: 1850px) {
}
/* End Desktop Screen CSS ---  Jawad Ali */