@media screen and (min-width: 480px) and (max-width: 768px) {
}

@media screen and (min-width: 768px) and (max-width: 992px) {
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
}

@media screen and (min-width: 421px){
    .nav-tabs {
        max-width: 100%;
        overflow-y: auto;
    }

}


@media screen and (min-width: 481px) {
    .filters_wrap {
        display: block;
        height: auto !important;
    }

    .modal-body .filters_wrap.collapse {
        display: none;
    }

    .modal-body .filters_wrap.collapse.in {
        display: block;
    }

    .modal-body #search-anything .showfilters {
        display: block !important;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-image {
        width: 40%;
        min-width: 40%;
    }

    #addtask_page .controls__for_user_id .btn.add,
    #addtask_page select,
    #addtask_page .chosen-container,
    #addtask_page .bootstrap-select,
    #addtask_page .bootstrap-select .dropdown-toggle {
        /* width:auto!important;*/
        min-width: 100%;
        width: auto !important;


    }

    #addtask_page .dtselect select,
    #addtask_page .dtselect .chosen-container {
        max-width: 120px !important;
        min-width: 0;
    }

    #addtask_page .task-settings select {
        width: 100% !important;
    }


    /* #addtaskform .chosen-container.chosen-with-drop{
         border-radius: 5px !important;
     }

     #addtaskform .chosen-container{
         transition: none;
     }

     #addtaskform .chosen-container.chosen-with-drop.chosen-container-active{

         position: absolute;
         max-width: none !important;
         z-index: 2;
     }
     #addtaskform .chosen-container.chosen-with-drop .chosen-drop{
         width:auto !important;
         position: static !important;
         border: none;

     }*/
    .modal .select_image .items {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

}



@media screen and (min-width: 681px) {

    #summary_table .images .items {
        display: flex;
        flex-direction: column;
        gap: 15px 15px;
    }

    .modal-body #search-anything .filters_wrap .control-group.resetsearch .btn {

        max-width: 49% !important;
    }

    .modal #itemList .hidden-modal1 {
        display: none;
    }


}


@media screen and (min-width: 993px) {

    .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track,
    .chosen-results::-webkit-scrollbar-track,
    .center::-webkit-scrollbar-track,
    .scrollbar-inner > .scroll-element .scroll-element_track,
    #center::-webkit-scrollbar-track {
        -webkit-box-shadow: none !important;
        border-radius: 10px;
        background-color: #e0e0e0 !important;
    }

    .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar,
    .chosen-results::-webkit-scrollbar,
    .modal::-webkit-scrollbar,
    #center::-webkit-scrollbar {
        width: 12px;
        background-color: #F5F5F5;
    }

    .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb,
    .chosen-results::-webkit-scrollbar-thumb,
    .modal::-webkit-scrollbar-thumb,
    .scrollbar-inner > .scroll-element .scroll-bar,
    #center::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1) !important;
        background-color: #919191 !important;
    }


    .statistic_service_dashboard .statistic_items {
        max-width: 300px;
    }

    #header #search .wrapper {
        box-shadow: none !important;
    }


    #footer_top .quick-icons {
        display: none !important;
    }

    .modal-dialog.cr {
        width: 800px;
    }

    .modal-body #search-anything .control-group.filters:not(.orderby):not(.dateintervals.custom):not(.bytype) {
        max-width: 33%;
    }
    .modal-body #search-anything .control-group.filters:not(.orderby):not(.dateintervals.custom):not(.bytype) .controls {
        flex-grow: 2;
    }

    .modal-body #search-anything .filters_wrap .control-group.resetsearch {

        max-width: 100% !important;
    }

    .modal-body #attributes_list #search-anything .control-group .controls {
        width: 100%;
    }

    .modal-body #search-anything .control-group.filters.dateintervals.custom {
        flex-direction: column;
        width: 100%;
    }

    .modal-body #search-anything .control-group.filters.bytype {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        gap: 5px 15px;
    }

    .modal-body #search-anything .resetsearch {
        width: 100%;
        text-align: right;
    }

    .modal-body #search-anything .btn {
        margin-left: auto;
    }

    .ico.login:before,
    .ico.logout:before,
    .login_menu > .ico img,
    .ico.setup:before {

        width: 26px;
        height: 26px;
    }

    #notifications .waiting_approval {
        height: 26px;
        line-height: 24px;
    }

    #notifications .notifications_block:before {
        display: block;
        width: 34px;
        height: 34px;
    }

    #header .cart_block:before {
        width: 26px;
        height: 26px;
    }

    #notifications #notifications_load {
        top: 4px;
        left: 0;
        width: 34px;
        height: 26px;
    }

    #notifications.open .notifications_block:before {
        /*width: 34px;
        height: 34px;
        margin-top: -8px;*/
    }


    .modtasks .itemswrap.scroll {
        max-height: 380px;
        overflow-y: auto;
    }


    .sortable-handler.ui-sortable-handle {
        display: inline-block;
        vertical-align: middle;
    }

    .statistics .whiteblock:last-child {
        margin-bottom: 0;
    }

}

@media screen and (min-width: 1140px ) {
}

@media screen and (min-width: 1200px ) {
    .bootstrap-dialog.fullscr .modal-dialog {
        width: auto;
        max-width: 900px;
        min-width: 600px;
    }


}

@media screen and (min-width: 1366px ) {
    .details-page .product_add_data .reviews {
        /* height: 100%;*/
    }

    #printarea:not(.printing) #summary_table .images .items {
        min-width: 360px;
        display: grid;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }


}

@media screen and (min-width: 1400px ) {
    #main #offlajn-ajax-tile-results .search-result-card .search-result-image {
        width: 180px;
        min-width: 180px;
    }

    .details-page .vehicle-header_line_two .locations {
     /*   min-width: 180px;*/
    }

}

@media screen and (min-width: 1441px ) {
    #list_vehicles .item .vehicle {
        grid-template-columns: 320px 1fr 1fr;
    }

    #cpanel {
        grid-template-columns: repeat(6, 1fr);
    }

}

@media screen and (min-width: 1600px ) {

    #list_vehicles.grid:not(.report) {
        grid-template-columns: repeat(4, 1fr);
    }

    .modservices .list_vendors {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    .list_vendors {
        grid-template-columns: repeat(4, 1fr);
    }

    .checklist_page .attrnotes .attrnotes_wrap,
    .checklist_page_wrap .attrnotes .attrnotes_wrap {
        grid-template-columns: repeat(2, 1fr);
    }


    .checklist_page .prod_attributes_check .attributgr .wrap {
        display: grid;
        grid-column-gap: 15px;
        grid-row-gap: 0;
        grid-template-columns: repeat(2, 1fr);
        justify-items: stretch;
    }

    .modal-dialog .checklist_page #attributgr__road-test .wrap,
    .modal-dialog .checklist_page #attributgr__vehicle-needs .wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    #list_vehicles .item .vehicle {

        grid-template-columns: 320px 1fr 1fr  1fr;

    }

    #list_vehicles .item .vehicle .name {
        grid-area: 1 / 2 / 2 / 5;
    }

    #list_vehicles .item .vehicle .vehicle_info {
        grid-area: 2 / 2 / 3 / 4;
    }


    #list_vehicles .item .vehicle .vehicle_info .vehicle_base_data {
        max-width: 420px;
    }

    #list_vehicles .item .vehicle .showmore.vehicle_params {
        max-width: 450px;
    }

    #list_vehicles .item .vehicle .vehicle_addinfo {
        grid-area: 2 / 4 / 3 / 5;
    }

    #list_vehicles .item .vehicle .vehicle_addinfo_add {
        grid-area: 3 / 4 / 4 / 5;
    }

    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_addinfo {
        grid-area: 2 / 3 / 4 / 4;
    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_info {
        grid-area: 2 / 2 / 3 / 3;
    }

    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_info {
        grid-area: 2 / 2 / 4 / 3;
    }


    #inventory.history #list_vehicles.list .item .vehicle .vehicle_addinfo_add {
        grid-area: 1 / 4 / 4 / 4;
    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_addinfo {
        grid-area: 2 / 3 / 3 / 4;
    }

    #inventory #list_vehicles.list .item .vehicle .chart_wrap {
        grid-area: 3 / 2 / 3 / 5;
    }

    #inventory.history #list_vehicles.list .item .vehicle .chart_wrap {
        grid-area: 3 / 2 / 3 / 4;
    }

    #inventory.tasks #list_vehicles.list .item .vehicle .chart_wrap {
        grid-area: 3 / 2 / 4 / 4;
    }

    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_image {
        grid-area: 1 / 1 / 3 / 2;
    }

    #inventory.tasks #list_vehicles.list .item .vehicle .buttonbar {
        grid-area: 3 / 1 / 3 / 2;
    }

}

@media screen and (min-width: 1921px ) {
    #inventory #list_vehicles.history:not(.report),
    #inventory #list_vehicles.tasks:not(.report),
    #inventory #list_vehicles.grid:not(.report) {
        grid-template-columns: repeat(4, 1fr);
    }

    .statistic.andCategories div.items {
        grid-template-columns: repeat(6, 1fr);
    }

    .statistic.andCategories div.items {
        grid-template-columns: repeat(6, 1fr);
    }


    .statistic.andCategories .statistic_attr div.items {
        grid-template-columns: repeat(5, 1fr);
    }

}

@media screen and (min-width: 1730px) {
}

@media screen and (max-width: 1730px ) {
}

@media screen and (max-width: 1600px ) {
    .history #list_vehicles.list .item .vehicle,
    .tasks #list_vehicles.list .item .vehicle {
        grid-template-columns: 320px 1fr 1fr;
    }

    .history #list_vehicles.list .item .vehicle .vehicle_addinfo_add {
        grid-area: 2 / 3 / 6 / 3;
    }

    .tasks #list_vehicles.list .item .vehicle .vehicle_addinfo_add {
        grid-area: 2 / 3 / 5 / 3;
    }

    .history #list_vehicles.list .item .vehicle .vehicle_addinfo,
    .tasks #list_vehicles.list .item .vehicle .vehicle_addinfo {
        grid-area: 3 / 2 / 5 / 2;
        display: flex;
        flex-direction: column;

        align-items: stretch;
        gap: 0;
        margin-top: -15px;

    }

    #list_vehicles.list .item .vehicle .vehicle_addinfo {


    }

    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_addinfo {

        border-top: 1px solid #CEDCEE;
        padding-top: 5px;
    }

    .history #list_vehicles.list .item .vehicle .vehicle_info,
    .tasks #list_vehicles.list .item .vehicle .vehicle_info {
        grid-area: 2 / 2 / 3 / 3;
    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_image,
    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_image {
        grid-area: 1 / 1 / 3 / 2;
    }


    #inventory.history #list_vehicles.list .item .vehicle .buttonbar,
    #inventory.tasks #list_vehicles.list .item .vehicle .buttonbar {
        grid-area: 3 / 1 / 5 / 2;
    }

    .history #list_vehicles.list .item .vehicle .vehicle_addinfo > *,
    .tasks #list_vehicles.list .item .vehicle .vehicle_addinfo > * {

        display: flex;
        align-items: center;
        gap: 10px 10px;
        flex-wrap: wrap;

    }

    .history #list_vehicles.list .item .vehicle .vehicle_addinfo .vehicle_status,
    .tasks #list_vehicles.list .item .vehicle .vehicle_addinfo .vehicle_status {
        width: 100%;
    }

    .history #list_vehicles.list .item .vehicle .vehicle_addinfo .locations,
    .tasks #list_vehicles.list .item .vehicle .vehicle_addinfo .locations {
        justify-content: flex-end;
    }

    #list_vehicles .item .vehicle {
        grid-template-columns: 320px 1fr 1fr;
    }

    #inventory.history #list_vehicles.list .item .vehicle .chart_wrap,
    #inventory.tasks #list_vehicles.list .item .vehicle .chart_wrap {
        margin-top: auto;

        grid-area: 5 / 1 / 6 / 3;
    }


}

/*before xlg*/
@media screen and (max-width: 1600px ) {
    .details-page .vehicle-header_line_two {
        flex-wrap: wrap;
    }

}
@media screen and (max-width: 1440px ) {
    #right {
        margin-top: 20px;
    }
}



@media screen and (max-width: 1399px ) {
    .tasks_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .details-page .tasks_list {
        grid-template-columns: repeat(1, 1fr);
    }

    #search-anything .control-group.orderby {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .checklist_page .attrnotes,
    .checklist_page_wrap .attrnotes {
        /* max-height: 140px;*/

    }


}

@media screen and (min-width: 768px) and (max-width: 1366px) {


    /*.details-page .tasks_list {
        grid-template-columns: repeat(2, 1fr);
    }*/


}

@media screen and (max-width: 1366px ) {
    #list_vehicles.grid:not(.report) {
        grid-template-columns: repeat(2, 1fr);
    }

    #inventory #list_vehicles.list .item .vehicle .vehicle_info {
        grid-area: 2 / 2 / 2 / 4;
    }

    #inventory #list_vehicles.list .item .vehicle .vehicle_addinfo {
        grid-area: 3 / 2 / 5 / 4;

    }

    #inventory #list_vehicles.list .item .vehicle .chart_wrap {
        grid-area: 5 / 1 / 6 / 4;
    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_info {
        grid-area: 2 / 2 / 3 / 4;

    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_info {
        grid-area: 2 / 2 / 3 / 4;

    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_addinfo {
        grid-area: 3 / 2 / 5 / 4;

    }

    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_addinfo {
        grid-area: 3 / 2 / 5 / 4;

    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_addinfo_add {
        grid-area: 4 / 1 / 6 / 2
    }

    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_addinfo_add {
        grid-area: 4 / 1 / 5 / 2
    }

    #inventory.history #list_vehicles.list .item .vehicle .chart_wrap,
    #inventory.tasks #list_vehicles.list .item .vehicle .chart_wrap {
        grid-area: 5 / 2 / 6 / 4;

    }

    #inventory.tasks #list_vehicles.list .item .vehicle .tasks.zebra {

        gap: 5px 15px;
    }

    #inventory.tasks #list_vehicles.list .item .vehicle .tasks.zebra li.task .task_info {
        padding: 5px 10px;
    }

    #inventory.history #list_vehicles.list .item .vehicle .buttonbar,
    #inventory.tasks #list_vehicles.list .item .vehicle .buttonbar,
    #inventory #list_vehicles.list .item .vehicle .buttonbar {
        grid-area: 4 / 1 / 4 / 2;
    }

    #list_vehicles .item .vehicle .vehicle_addinfo_add {
        grid-area: 4 / 1 / 5 / 2;
    }

    #inventory #list_vehicles.list .item .vehicle .vehicle_image {
        grid-area: 1 / 1 / 4 / 2;
    }

    #inventory.tasks #list_vehicles.list .vehicle .tasks_wrap {
        max-height: 80px !important;
    }

    #list_vehicles.list .item .vehicle .vehicle_addinfo {
        padding-top: 0;

    }

    .checklist_page .prod_attributes .prod_attributes_heatmap {
        grid-template-columns: repeat(2, 1fr);
    }

    .checklist_page svg{
        max-width: 380px  !important;
        max-height: 420px;

    }

    .checklist_page .attrnotes .attrnotes_wrap, .checklist_page_wrap .attrnotes .attrnotes_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media screen and (max-width: 1280px ) {
    .details-page .vehicle-header_line_two #statuses_history_form {
        width: 100%;
        margin: initial;
    }

    .details-page .statuses_history,
    .details-page .statuses_history_wrap {
        margin-left: initial;
    }

    #header .waiting_approval .lbl {
        display: none;
    }


}

@media screen and (max-width: 1140px ) {
    .statistic div.items {
        grid-template-columns: repeat(4, 1fr);
    }


}

@media screen and (max-width: 992px ) {
    #left {
        width: auto !important;
        padding: 0;
    }

    #left .logo,
    #left .navigation,
    #left .openscaner,
    #left .logo1 {
        display: none !important;
    }

    #left .mod.whiteblock {
        display: none !important;
    }

    .modservices .list_vendors {
        grid-template-columns: repeat(2, 1fr);
    }

    .loginpage #left .logo {
        display: block !important;
        padding: 10px 0;
    }


    #center {
        /*margin-top: 40px;*/
    }

    #header {
        justify-content: flex-end;
        /*width: 100%;*/
    }

    #header .user_login {
        order: -1;
        margin-left: auto;
        flex-grow: 2;
    }

    #header .login_menu {

        justify-content: flex-end;
    }

    #header .login_menu .ico {

        /*border-left: none;*/
    }


    #header #search {
        position: static;
        flex-grow: initial;
        padding: 0;
        order: -2;

    }

    #header .module_cart {
        order: -1;
    }


    #header #search .btn-on {
        border-left: 2px solid #EBECEE;
    }

    #header #search .wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: 100px;
        transition: all ease-in .2s;
        /*border-top: 2px solid #EBECEE;*/
        box-shadow: 10px 10px 20px 0 #EDF2FA;
        z-index: 2;
        background: #fff;
    }

    #search .wrapper > .flex {

        gap:8px 8px;
        padding: 8px 8px;
    }
    #header #search .wrapper.close {
        border-top: none;
    }

    #header #search .wrapper.close {
        overflow: hidden;
        max-height: 0;
    }

    #header #search .wrapper.close1 {
        display: none;
    }

    #header .waiting_approval .lbl {
        display: none;
    }

    #header .show_cart_items,
    #header,
    #header #search,
    #header #search .btn-on,
    #header #header_right,
    #header #header_right .login_menu > * {
        max-height: 36px;
        height: 36px;
    }

    #header .waiting_approval .lbl {
        display: initial;
    }

    #header #header_right {
        padding: 0 0 0 58px;
    }


    #header #header_right {

        justify-content: flex-end;
    }

    #header .user_login {
        flex-grow: initial;
        margin-left: initial;
    }

    .dj-megamenu-offcanvas {
        position: absolute;
        z-index: 11;
        top: 0;
        left: 15px;
        overflow: hidden;
        margin-top: 0;
        height: 36px;
        width: 46px;
    }

    #footer_right {
        display: none;
    }

    #list_vehicles:not(.report):not(.list),
    .tasks_list,
    .list_vendors {
        grid-template-columns: repeat(2, 1fr);
    }

    #attribs-page .prod_attributes,
    .checklist_page .prod_attributes .prod_attributes_heatmap,
    .checklist_page .prod_attributes .prod_attributes_check {
        grid-template-columns: repeat(1, 1fr);

    }


    .checklist_page .legend {
        justify-content: flex-start;
    }

    #search-anything .form_search {
        flex-direction: column;
    }

    #search-anything .control-group.filters.bytype {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px 15px;
    }

    #search-anything .control-fields:first-child {
        /*justify-content: space-between;*/
    }

    #search-anything .control-fields:first-child .control-group.filters {
        flex-grow: 2;
    }

    #search-anything .control-fields:first-child .control-group.filters.dateintervals {
        min-width: 100%;
        flex-direction: column;
    }

    #search-anything .control-fields:first-child .control-group.filters .controls,
    #search-anything .control-fields:first-child .control-group.filters .controls > *:first-child,
    #search-anything .control-fields:first-child .control-group.filters .controls > *:first-child + .chosen-container {
        width: 100% !important;
    }

    #offlajn-ajax-tile-results {

        margin-top: 40px;
    }

    #list_vehicles .item .vehicle_info .name, #list_vehicles .item .vehicle_info .info {
        max-width: none;
    }

    .vehicle_info.info {
        margin-bottom: 25px;
    }

    .details-page .right_col {
        padding-left: 15px;
    }

    .details-page #details .row.flex {
        display: flex;
        flex-direction: column;
    }

    .details-page #details .right_col {
        order: -1;
    }


    .attach_preview,
    .file-drop-zone-title {
        font-size: 20px !important;
    }

    .offlajn-ajax-search-inner {
        border-radius: 0;
        background: #fff;
    }

    #search .btn-on {
        display: block;

    }

    #notifications.open #notifications_list {
        max-width: 992px;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-image {
        width: 180px;
        min-width: 180px;
    }

    .checklist_page .attrnotes .attrnotes_wrap,
    .checklist_page_wrap .attrnotes .attrnotes_wrap {
        grid-template-columns: repeat(2, 1fr);
    }


    .checklist_page .attrnotes,
    .checklist_page_wrap .attrnotes {
        /* max-height: 280px;*/

    }

    .navbar-toggle.hamburger {
        display: block;
    }

    .cometchat_ccmobiletab_redirect {
        bottom: 90px !important;

    }

    #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals) {
        max-width: none !important;
        justify-content: center;
        gap: 15px 15px;

    }

    #search-anything .form_search .resetsearch .btn {
        max-width: 180px;
    }


    .pweb-modal {
        height: 30px;
    }

    .pweb-offset-right.pweb-top, .pweb-offset-right.pweb-bottom {
        left: 0 !important;
    }

    .pweb-text {
        display: none !important;
    }

    .pwebcontact_toggler {
        width: 40px !important;
        min-width: 0 !important;
    }

    .pwebcontact_toggler:before {
        margin: 0 0 0 -5px;
    }

    .pweb-bottom .pwebcontact_toggler.pweb-radius {
        border-radius: 0 10px 10px 0 !important;
        left: 0 !important;
    }


    .details-page .vehicle-header .vehicle-title {
        flex-basis: 100%;
    }


    #list_vehicles .item .name .h2 {
        flex-wrap: wrap;
        gap: 5px 0;
    }

    .vehicles.list .name .vehicle_labels {
        flex-basis: 100%;
    }

    .vehicles.list .name .vehicle_labels .vehicle_label:first-child {
        margin-left: 0;
    }

    .details-page .product_add_data,
    .details-page .cover_page {
        display: flex;
        flex-direction: column;
        gap: 15px 15px;
    }

    .details-page .product_cover_image {
        order: 1;
    }

    .details-page .product_tasks {
        order: 2;
        max-height: none;
    }

    .details-page .product_modules {
        order: 2;
    }

    .details-page .product_reviews {
        order: 7;
    }


    .details-page .prod_map_wrap {
        order: 3;
    }

    .details-page .reviews,
    .details-page .product_add_data {
        order: 7;
    }

    .details-page .button-bar {
        flex-basis: 100%;
    }


    .product_after_images {
        order: 5;
    }

    .details-page .checklist_list_history {
        order: 6;
    }

    .details-page .product_transfers,
    .details-page .checklist_list_history {
        margin-bottom: 0;
    }

    .details-page .product_transfers {
        margin-bottom: 0;
    }

    .details-page .vehicle-header_line_two > * {
        width: 100%;
    }

    .details-page .vehicle-header_line_two .total_cost {

        max-width: 100%;
    }

    .details-page .statuses_history_wrap,
    .details-page .statuses_history {
        margin: 0 auto;
    }


    .offline .h1 {
        font-size: 80px;
    }

    .offline span {
        font-size: 40px;
    }

    #beforecontent #reports,
    #beforecontent #display-reports {
        order: 3;
        margin-top: 25px;
    }

    #beforecontent #dashboard + #locations,
    #beforecontent .tobeforecontent + #reports,
    #beforecontent .tobeforecontent + #display-reports {
        margin-top: 0;
    }

    #beforecontent #dashboard {
        order: 4;
    }

    #beforecontent #dashboard + #locations {
        margin-top: 15px;
    }

    #beforecontent .ctasks {
        margin-top: 0px;
    }

    #beforecontent #locations {
        /*margin-top: 0;*/
        order: 5;
    }

    #right {
        /*margin-top: 0px;*/
    }

    .modtasks .itemswrap .owl-stage {
        display: flex;
        align-items: stretch;
    }


    .modtasks .itemswrap .owl-carousel .owl-stage .wrapped-items,
    .modtasks .itemswrap .owl-carousel .owl-stage .task_item {
        height: 100%;
    }




}


@media screen and (max-width: 767px ) {


    .statistic div.items {
        grid-template-columns: repeat(3, 1fr);
    }

    .details-page .tasks_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .mod .transfers__items {
        overflow-x: auto;
        max-width: 100%;
    }

    .details-page .transfers__items .visible-xs,
    .details-page .table__items .visible-xs {
        display: none !important;
    }

    .details-page .prod_map_info {
        font-size: 16px;
        margin-top: 0;
        padding: 0 0 15px;
    }

    .details-page .prod_map_info .val {
        font-size: 14px;
        font-weight: normal;
        color: #848798;
    }

    .details-page .prod_map_wrap {
        padding: 15px;
        border-radius: 16px;
        background: #F1F4FF;
    }

    .details-page .prod_map {
        margin-bottom: 0;
    }


    .modal .modal-dialog {
        max-width: calc(100vw - 30px);
    }

    .homepage .tasks_list {
        grid-template-columns: repeat(1, 1fr);
    }

    #addtaskform fieldset.days .controls label {
        min-width: 64px;
    }

    #addattrform #itemList .hidden-phone,
    #addattrform #itemList .visible-xs {
        display: none !important;
    }

    #addattrform #itemList input[name="cid[]"] + label {
        padding-left: 0px;
        box-sizing: border-box;

    }


    #list_vehicles .item .info .key_status.out {
        flex-direction: column;
        align-items: flex-start;
    }

    #list_vehicles .item .info .key_status.out .detail-content {
        width: 100%;
        justify-content: space-between;
    }

}

@media screen and (max-width: 680px ) {
    .visible-xxs {
        display: block !important;
    }

    .modal .lbl.visible-xs {
        display: initial !important;
    }

    #search-anything .control-group.resetsearch {
        flex-basis: 100%;
    }


    #search-anything .form_search {
        flex-wrap: wrap;
    }

    #inventory #list_vehicles.list .item .vehicle {
        display: flex;
        flex-direction: column;
        gap: 15px 0;
        height: 100%;
    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_image,
    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_image,
    #inventory #list_vehicles.list .item .vehicle .vehicle_image,
    #inventory #list_vehicles.grid .item .vehicle .vehicle_image {
        grid-area: 1 / 1 / 2 / 2;
    }

    #inventory #list_vehicles.list .item .vehicle .name,
    #inventory #list_vehicles.grid .item .vehicle .name {
        grid-area: 2 / 1 / 3 / 2;
    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_info,
    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_info,
    #inventory #list_vehicles.list .item .vehicle .vehicle_info,
    #inventory #list_vehicles.grid .item .vehicle .vehicle_info {
        grid-area: 4 / 1 / 5 / 2;
        margin-top: -12px;

        padding-top: 0;
    }

    #inventory #list_vehicles.list .item .vehicle .name + div {
        margin-top: 0;
    }

    #inventory #list_vehicles.grid .item .vehicle .vehicle_info {
        border-top: none;
        padding-top: 5px;
    }

    #inventory #list_vehicles.list .item .vehicle .vehicle_addinfo,
    #inventory.history #list_vehicles.list .item .vehicle .vehicle_addinfo,
    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_addinfo,
    #inventory #list_vehicles.list .item .vehicle .vehicle_addinfo,
    #inventory #list_vehicles.grid .item .vehicle .vehicle_addinfo {
        grid-area: 3 / 1 / 4 / 2 !important;
        margin-top: -15px;
    }

    #inventory.history #list_vehicles.list .item .vehicle .vehicle_addinfo_add,
    #inventory.tasks #list_vehicles.list .item .vehicle .vehicle_addinfo_add,
    #inventory #list_vehicles.list .item .vehicle .vehicle_addinfo_add,
    #inventory #list_vehicles.grid .item .vehicle .vehicle_addinfo_add {
        grid-area: 5 / 1 / 6 / 2;
    }

    #inventory.history #list_vehicles.list .item .vehicle .buttonbar,
    #inventory.tasks #list_vehicles.list .item .vehicle .buttonbar,
    #inventory #list_vehicles.list .item .vehicle .buttonbar,
    #inventory #list_vehicles.grid .item .vehicle .buttonbar {
        margin-top: auto;
        grid-area: 7 / 1 / 8 / 2;
    }

    #inventory.history #list_vehicles.list .item .vehicle .chart_wrap,
    #inventory.tasks #list_vehicles.list .item .vehicle .chart_wrap,
    #inventory #list_vehicles.list .item .vehicle .chart_wrap,
    #inventory #list_vehicles.grid .item .vehicle .chart_wrap {
        margin-top: auto;
        grid-area: 6 / 1 / 7 / 2;
        /*  border:none;*/
    }

    #inventory #list_vehicles .vehicle .vehicle_addinfo .locations {
        order: -1;
        margin-bottom: 5px;

    }

    #inventory.history #list_vehicles .vehicle .vehicle_addinfo .locations,
    #inventory.tasks #list_vehicles .vehicle .vehicle_addinfo .locations {

        /*    border-top: none !important;*/
    }

    #inventory #list_vehicles .item .vehicle .vehicle_addinfo .vehicle_dayscount {
        padding-bottom: 7px !important;
        border-bottom: 1px solid #CEDCEE !important;
    }

    #inventory.sold #list_vehicles .item .vehicle .vehicle_addinfo .vehicle_dayscount {
        margin-top: 0 !important;
    }

    #inventory.sold #list_vehicles .item .vehicle .vehicle_addinfo .vehicle_dayscount.soldin {
        margin-top: 5px !important;
        border-bottom: none !important;
    }

    #inventory #list_vehicles .item .vehicle .vehicle_addinfo_add .recon_cost:first-child {
        margin-top: -10px;
    }

    #list_vehicles .item .name {
        min-height: 0;
    }

    #list_vehicles .vehicle_addinfo_add .recon_cost {
        border-top: 1px solid #CEDCEE !important;
        border-bottom: 1px solid #CEDCEE !important;
        padding: 7px 0;
    }

    #list_vehicles .item .vehicle .vehicle_addinfo > *:first-child {

        padding: 5px 0 5px;
    }

    #list_vehicles .item .vehicle .chart_wrap {
        margin-top: auto;
        grid-area: 6 / 1 / 7 / 2;
    }

    #list_vehicles .item .vehicle .buttonbar {
        margin-top: auto;
        grid-area: 7 / 1 / 8 / 2;
    }

    #list_vehicles .item .vehicle .chart_wrap + .buttonbar {
        margin-top: 0;
    }

    #list_vehicles .item .vehicle .vehicle_addinfo .gpsBar {

        margin-top: 0px !important;
        border-top: none;

    }


    #list_vehicles:not(.report),
    .tasks_list,
    .list_vendors {
        grid-template-columns: repeat(1, 1fr);
    }

    #list_vehicles .item .vehicle .button-bar-items .button-bar-item {
        max-width: none;
    }

    #inventory.tasks #list_vehicles.list .vehicle .tasks_wrap {
        max-height: none !important;
        height: auto !important;
    }

    #inventory.tasks #list_vehicles.list .vehicle .tasks_wrap ul {
        margin-bottom: 0;
    }

    #search-anything .filters.orderby #legend {
        font-size: 14px;
        flex-basis: 100%;
        order: -1;
        gap: 0 10px;
    }

    #search-anything .control-group.filters.orderby .displaymode {
        order: 1;
        display: none;
    }

    #search-anything .control-group.filters.orderby .category_order {
        order: 2;
        margin-left: auto;
        flex-grow: 2;
    }

    #search-anything .control-group.filters.orderby .category_order .controls:not(.radiogroup) {
        align-items: flex-end;
        width: 100%;
    }

    #search-anything .control-group.filters.orderby .category_order select {
        margin-left: auto;
    }

    #search-anything .control-group.filters.orderby .category_order .controls div:first-child {
        flex-grow: 2;
    }


    #search-anything .control-group.filters.orderby .category_order .box_products_sorting {

        width: 100%;
    }

    #search-anything .control-fields > * {
        flex-basis: 48%;
    }
    #search-anything .control-fields > .control-group.bytype {
        flex-basis: 100%;
    }

    #search-anything .sectionlbl + .control-groups {
        flex-basis: 100%;
    }

    #search-anything .control-fields select,
    #search-anything .control-fields .chosen-container {
        width: 100%;
    }

    #search-anything .control-group.filters.bytype label {
        font-size: 14px;
        width: auto !important;
    }

    .statistic div.items {
        grid-template-columns: repeat(3, 1fr);
        gap: 5px 5px;
    }

    .statistic .statistic_attr div.items:not(.owl-loaded) {
        grid-template-columns: repeat(2, 1fr);
    }

    .statistic_service_dashboard .statistic div.items.loading .item + .item,
    .statistic_service_dashboard .statistic div.items.loading .owl-item + .owl-item {
        display: none;
    }

    .list_vendors,
    .modservices .list_vendors,
    .tasks_list,
    .details-page .tasks_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .transfers__items table:not(.table),
    .transfers__items table:not(.table) tr {
        display: flex;
        flex-direction: column;
    }

    .transfers__items table tr {
        margin-bottom: 10px;
    }

    #adminForm table:not(.astable) td,
    .table__items table td,
    .transfers__items table td {
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px 15px;
        text-align: left !important;
        border-radius: 0 !important;
    }

    #adminForm table .val,
    .table__items table .val,
    .transfers__items table .val {
        font-weight: 500;
        color: #000;
        display: flex;
        align-items: center;
        gap: 5px 10px;
    }

    .saveorder1,
    .saveorder {
        margin-left: 2px;
        background: transparent;
    }

    .saveorder1 .icon-menu-2,
    .saveorder .icon-menu-2 {
        width: 18px;
        height: 18px;
        border: none;
        background: transparent;
    }

    .saveorder1 .icon-menu-2:before,
    .saveorder .icon-menu-2:before {
        width: 18px;
        height: 18px;
        margin: 0;
    }


    #adminForm table:not(.astable) td.rownum,
    .table__items table td.rownum,
    .transfers__items table td.rownum {
        justify-content: flex-start;
        padding-left: 5px;
    }

    table td.rownum .data {
        margin-left: auto;
    }

    .transfers__items table th {
        display: none;
    }

    .transfers__items table td .lbl {
        margin-right: 5px;
    }

    .transfers__items table tr:not(.tfooter) td,
    .transfers__items table tr.notconfirmed td {
        color: inherit;
        background: transparent !important;
    }

    #adminForm table:not(.astable) tr:not(.open):not(.tfooter) td + td,
    .table__items table tr:not(.open):not(.tfooter) td + td,
    .transfers__items table tr:not(.open):not(.tfooter) td + td {
        display: none;
    }

    .modal #adminForm:not(.astable) table:not(#itemList) tr:not(.open):not(.tfooter) td + td,
    .modal .table__items table tr:not(.open):not(.tfooter) td + td,
    .modal .transfers__items table tr:not(.open):not(.tfooter) td + td {
        display: flex !important;
    }

    #adminForm table:not(.astable) tr:not(.tfooter) td:first-child,
    .table__items table tr:not(.tfooter) td:first-child,
    .transfers__items table tr:not(.tfooter) td:first-child {
        position: relative;
        padding-right: 40px !important;
    }

    #adminForm table:not(.astable) tr:not(.open):not(.tfooter) td:first-child,
    .table__items table tr:not(.open):not(.tfooter) td:first-child,
    .transfers__items table tr:not(.open):not(.tfooter) td:first-child {
        align-items: center;
        min-height: 44px;
        border-bottom: 1px solid #CEDCEE;
        border-radius: 6px !important;
        line-height: 1.1;
    }

    #adminForm table:not(.astable) tr.open:not(.tfooter) td:first-child,
    .table__items table tr.open:not(.tfooter) td:first-child,
    .transfers__items table tr.open:not(.tfooter) td:first-child {
        align-items: center;
        min-height: 43px;
    }

    #adminForm table:not(.astable) tr:not(.open):not(.tfooter) td .lbl + .val {
        margin-top: 5px;
    }

    #adminForm table:not(.astable) tr:not(.tfooter) td:not(.groupname):first-child:after,
    .table__items table tr:not(.tfooter) td:not(.groupname):first-child:after,
    .transfers__items table tr:not(.tfooter) td:not(.groupname):first-child:after {
        font-size: 16px;
        font-style: normal;
        position: absolute;
        /*transition: all ease-in .2s;*/
        top: 50%;
        right: 5px;
        display: block;
        width: 10px;
        height: 10px !important;
        margin: -7px 10px 4px 5px;
        padding: 0 2px 0 5px;
        content: "";
        transform: rotate(225deg);
        border: 1px solid #272727;
        border-right: none;
        border-bottom: none;
    }

    #adminForm table:not(.astable) tr.open td:first-child:after,
    .table__items table tr.open td:first-child:after,
    .transfers__items table tr.open td:first-child:after {
        margin: -2px 10px 4px 5px;
        transform: rotate(45deg);
    }

    #summary_table table tr,
    #adminForm table:not(.astable) tr,
    .table__items table tr,
    .transfers__items table tr {
        margin-bottom: 15px;
    }

    #summary_table table tr:last-child,
    .table__items table tr:last-child,
    .transfers__items table tr:last-child {
        margin-bottom: 0;
    }

    .table__items table,
    .transfers__items table tr:last-child {
        margin-bottom: 0;
    }

    #summary_table table tr:not(.tfooter) td,
    #adminForm table:not(.astable) tr:not(.tfooter) td,
    .table__items table tr:not(.tfooter) td,
    .transfers__items table tr:not(.tfooter) td {
        border-right: 1px solid #CEDCEE;
        border-left: 1px solid #CEDCEE;
    }

    .transfers__items table tr.notconfirmed:not(.tfooter) td:not(:first-child) a {
        color: #333;
    }

    #summary_table table tr:not(.tfooter) td:first-child,
    #adminForm table:not(.astable) tr:not(.tfooter) td:first-child,
    .table__items table tr:not(.tfooter) td:first-child,
    .transfers__items table tr:not(.tfooter) td:first-child {
        background: rgba(244, 247, 252, 1) !important;
    }

    #summary_table table tr.notconfirmed td:first-child,
    #adminForm table:not(.astable) tr.notconfirmed td:first-child,
    .table__items table tr.notconfirmed td:first-child,
    .transfers__items table tr.notconfirmed td:first-child,
    table tr.notconfirmed td:first-child .val {
        color: #F33636;
        border-color: rgba(254, 226, 223, 1) !important;
        background: rgba(254, 226, 223, 1) !important;
    }

    #summary_table table tr:not(.tfooter) td:not(:first-child):not(:last-child),
    #adminForm table:not(.astable) tr:not(.tfooter) td:not(:first-child):not(:last-child),
    .table__items table tr:not(.tfooter) td:not(:first-child):not(:last-child),
    .transfers__items table tr:not(.tfooter) td:not(:first-child):not(:last-child) {
        border-top: none;
        border-bottom: 2px dashed #CEDCEE;
    }

    #adminForm table:not(.astable) tr:not(.tfooter) td:not(:first-child):not(:last-child) {
        border-bottom: 1px solid #CEDCEE;
    }

    #summary_table table tr:not(.tfooter) td:first-child,
    #adminForm table:not(.astable) tr:not(.tfooter) td:first-child,
    .table__items table tr:not(.tfooter) td:first-child,
    .transfers__items table tr:not(.tfooter) td:first-child {
        border-top: 1px solid #CEDCEE;
        border-radius: 6px 6px 0 0 !important;
    }

    #summary_table table tr:not(.tfooter) td:not(.groupname):last-child,
    #adminForm table:not(.astable) tr:not(.tfooter) td:not(.groupname):last-child,
    .table__items table tr:not(.tfooter) td:not(.groupname):last-child,
    .transfers__items table tr:not(.tfooter) td:not(.groupname):last-child {
        border-top: none;
        border-bottom: 1px solid #CEDCEE;
        border-radius: 0 0 6px 6px !important;
    }

    #summary_table .images,
    #summary_table .images .items {
        display: flex;
        flex-direction: column;
        gap: 15px 15px;
    }

    #summary_table table tr td.th {
        border: 1px solid #CEDCEE !important;
        border-radius: 6px !important;
    }

    #summary_table table tr.thh {
        margin-bottom: 10px;
    }

    #summary_table table tr.thh td.th {
        font-weight: 500;
        padding-right: 0 !important;
        padding-left: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    #summary_table table,
    #summary_table table tr:not(.hidden-xs),
    #adminForm table:not(.astable),
    #adminForm table:not(.astable) tr:not(.hidden-xs),
    .table__items table,
    .table__items table tr:not(.hidden-xs) {
        display: flex;
        flex-direction: column;

    }

    #adminForm table#itemList .ttl {
        /*  pointer-events: none;*/
    }

    #summary_table table td,
    #adminForm table:not(.astable) td,
    .table__items table td {
        line-height: 1.1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        padding: 10px 10px !important;
        text-align: left !important;
        border-radius: 0 !important;
        gap: 5px 15px;
    }

    #summary_table table tr + tr:not(.tfooter).grtitle,
    #adminForm table:not(.astable) tr + tr:not(.tfooter).grtitle,
    .table__items table tr + tr:not(.tfooter).grtitle,
    .transfers__items table tr + tr:not(.tfooter).grtitle {
        margin-top: 20px;
    }

    #summary_table table tr:not(.tfooter).grtitle,
    #adminForm table:not(.astable) tr:not(.tfooter).grtitle,
    .table__items table tr:not(.tfooter).grtitle,
    .transfers__items table tr:not(.tfooter).grtitle {
        margin-bottom: 5px;

    }


    #summary_table table tr:not(.tfooter).grtitle td:first-child,
    #adminForm table:not(.astable) tr:not(.tfooter).grtitle td:first-child,
    .table__items table tr:not(.tfooter).grtitle td:first-child,
    .transfers__items table tr:not(.tfooter).grtitle td:first-child {
        padding: 0px 10px !important;
        min-height: 24px !important;
        background-color: transparent !important;
        border: none !important;
        color: #747787;
        text-align: center !important;
    }


    #summary_table table td.moreparams,
    #adminForm table:not(.astable) td.moreparams,
    .table__items table td.moreparams {
        flex-direction: column;
    }

    #summary_table table td.moreparams .val,
    #adminForm table:not(.astable) td.moreparams .val,
    .table__items table td.moreparams .val {
        display: inline-block;
    }

    #summary_table table td.rownum,
    #adminForm table:not(.astable) td.rownum,
    .table__items table td.rownum {
        gap: 5px 0;
    }

    #summary_table table td.rownum .data,
    #adminForm table:not(.astable) td.rownum .data,
    .table__items table td.rownum .data {
        margin-left: 15px;
    }

    #adminForm table:not(.astable) td .btn-micro,
    #adminForm table:not(.astable) td .btn-micro:before {
        line-height: 18px;
        width: 18px;
        height: 18px;
        min-height: 18px;
    }

    #summary_table table,
    #summary_table table tr:last-child,
    #adminForm table:not(.astable),
    #adminForm table:not(.astable) tr:last-child,
    .table__items table tr:last-child,
    .transfers__items table tr:last-child {
        margin-bottom: 0;
    }

    .details-page .table__items {
        padding-bottom: 5px !important;
    }

    .modal #summary_table table tr td:first-child,
    .modal #adminForm table:not(.astable) tr td:first-child,
    .modal .table__items table tr td:first-child,
    .modal .transfers__items table tr td:first-child {
        padding-right: 28px !important;
        border-radius: 6px 6px 0 0 !important;
    }

    .modal #adminForm table:not(.astable) tr td:first-child:after,
    .modal .table__items table tr td:first-child:after,
    .modal .transfers__items table tr td:first-child:after {
        display: none;
    }

    #list_vehicles.report td.item_name {
        white-space: nowrap;
    }

    .checklist_page_wrap #summary_table td + td:before {
        display: none;
    }

    .checklist_page_wrap #summary_table {
        border-radius: 12px !important;
    }

    .checklist_page_wrap #summary_table table {
        min-width: 0;
        border-bottom: none;
    }

    .details-page .product_prices .row {
        flex-wrap: wrap;
    }

    .details-page .product_prices .row:before,
    .details-page .product_prices .row:after {
        display: none !important;
    }

    .details-page .product_prices .row .detail-input {
        flex-basis: 100%;
    }

    .details-page .vehicle_info.info {
        font-size: 14px;
    }

    .details-page .vehicle_info.info select,
    .details-page .vehicle_info.info textarea,
    .details-page .vehicle_info.info input {
        font-size: 14px !important;
    }

    .details-page .transfers__items .visible-xs,
    .details-page .table__items .visible-xs {
        display: block !important;
    }

    .details-page .checklist_list_history .wrap,
    .details-page .transfers__items .wrap {
        padding: 15px;
    }

    .details-page .checklist_list_history .wrap,
    .details-page .product_transfers .wrap {
        padding: 5px;
    }

    .details-page .vehicle-header .vehicle_labels {
        flex-basis: 100%;
    }

    .checklist_page .select_type .radiogroup {
        justify-content: space-between;
        gap: 10px 0;
    }

    .details-page .vehicle-header .vehicle_labels .val {
        flex-wrap: wrap;
        min-height: 100%;
        height: auto;
        align-items: center;
    }

    .details-page .vehicle-header .vehicle_labels .vehicle-label {
        min-height: 20px;
    }

    .tasks_list .task_item {
        padding: 10px 10px;
    }

    .task_item .task_head {
        margin: 0;
    }

    .task_item .task_info {

    }

    .temptasks .task_item .task_info {

    }

    .task_item .task_title {

    }


    .temptasks.page .task_item .task_title {
        font-size: 16px;
    }

    .task_item .task_title + .task_content:not(.empty) {
        line-height: 1.1;
        margin: 10px 0 5px 0;
        padding: 10px 0 0;
    }

    .task_item .task_footer {
        margin: auto 0 0 0;
        padding: 15px 0 0;
    }

    #modtasks .tasks_list .task_item {
        padding-bottom: 10px;
    }

    #modtasks .task_item .task_info_wrap {
        margin: 0 0;
    }

    #modtasks .task_item .task_head {
        padding: 0 5px;
    }

    .details-page .table__items,
    .details-page #editproductform {
        padding: 5px;
    }

    .modtitle .buttons {
        order: 10;
    }

    a.link-xs {
        text-decoration: underline !important;
    }

    .modal .modal-dialog {
        width: calc(100% - 30px);
    }

    #header .waiting_approval .lbl {
        display: none;
    }

    .user_info .profile_data {
        flex-direction: column;
    }

    #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals):not(.resetsearch) {

        max-width: 50% !important;
    }

    #inventory.history #list_vehicles.list .item .vehicle .name,
    #inventory.tasks #list_vehicles.list .item .vehicle .name {
        grid-area: 2 / 1 / 3 / 1;
    }


    #inventory #list_vehicles .item .vehicle > div {
        padding-top: 0;
    }

    .modal .transfers__items,
    #list_vehicles .vehicle_addinfo_add .product_transfers .wrap > div {
        background: transparent;
    }

    #list_vehicles .vehicle_addinfo_add .product_transfers tr {
        background: #fff;
    }

    #list_vehicles .vehicle_addinfo_add .product_tasks .tasks_wrap,
    #list_vehicles .vehicle_addinfo_add .product_transfers .transfers__items {
        max-height: 250px;
    }

    #list_vehicles .vehicle_addinfo_add .product_tasks .wrap, #list_vehicles .vehicle_addinfo_add .product_transfers .wrap {
        border: none;
    }

    #list_vehicles .vehicle_addinfo_add .product_tasks .tasks_wrap .task {
        border: 1px solid #CEDCEE;
        border-radius: 8px !important;
    }

    #inventory #list_vehicles.list .item .vehicle .vehicle_addinfo .locations,
    #inventory #list_vehicles.list .item .vehicle .vehicle_addinfo > div + div {

        padding: 5px 0 5px;

    }

    #list_vehicles .item .name .h2 {
        font-size: 18px;

    }

    #header .ico.setup {
        display: none;
    }

    #search-anything .control-group.resetsearch {

        flex-wrap: nowrap;
    }

    ul.help_video {
        gap: 25px 0;
    }

    ul.help_video li .item {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-row-gap: 15px;
    }

    ul.help_video .item .h4 {
        text-align: center;
    }


    .feed .items:not(.table) .item_wrap {
        flex-direction: column;
        display: flex;
    }

    .feed .items:not(.table) .item {
        gap: 15px 15px;
    }

    .feed .items:not(.table) .item .item_date {
        order: 10;
        text-align: right;
        width: 100%;
    }

    .feed .items:not(.table) .item + .item {
        border-top: 1px solid #CEDCEE;
        margin-top: 5px;
        padding-top: 15px;
    }

    .feed .items:not(.table) .item .item_ico:before {
        height: calc(100% + 30px);
        top: -15px;
    }

    .feed .items:not(.table) .item:first-child .item_ico:before {
        display: block;
        height: calc(50% + 15px);
        top: auto;
        bottom: -15px;
    }

    .feed .items:not(.table) .item:last-child .item_ico:before {
        display: block;
        height: calc(50% + 15px);
        top: -15px;
        bottom: 0;
    }

    .feed .items:not(.table) .item:first-child:last-child .item_ico:before {
        display: none;
    }

    #cpanel {
        grid-template-columns: repeat(4, minmax(110px, 180px));
    }

    #itemList .sortable-handler {
        display: none;
    }


    #addpart_page .part-settings .control-groups {
        grid-template-columns: repeat(2, 1fr);
    }

    #addpart_page .parts-settings-dropdowns{
        grid-template-columns: repeat(2, 1fr);
    }


    #addpart_page .parts-settings-dropdowns {
        grid-column: 1 / 7;
    }

    #addpart_page .part-settings .control-groups .control-group{
        justify-content: space-between;
    }

    #parts_list .task_partsitems .parts-item-offers{
        /*  max-width:calc(100vw - 60px);
        overflow-x: auto;
        overflow-y: visible;*/
    }

    #parts_list .task_partsitems .parts-item-offer-item,
    #parts_list .task_partsitems .parts-item-offer-wrap,
    #parts_list .task_partsitems .parts-item-offer-header,
    #parts_list .task_partsitems .parts-item-offer {
       /* min-width: 767px;*/
    }



    #parts_list .task_partsitems .parts-item-offer-header,
    #parts_list .task_partsitems .parts-item-offer {
        grid-template-columns: 18px 80px 30px 50px 50px 50px auto ;
    }

    #parts_list .task_partsitems .parts-item-offer-wrap .parts-item-offer{
        grid-template-columns: 18px 80px 30px auto auto  auto 50px;
    }

    #parts_list .task_partsitems .parts-item-offers .parts_comments{
        grid-column: 1 / 6;
    }

    #parts_list .task_partsitems .parts-item-offers .parts_status{
        grid-column: 7/ 8;
    }

    #parts_list .task_partsitems .parts-item-offer-header .parts_comments,
    #parts_list .task_partsitems .parts-item-offer-header .parts_status{
        display: none;
    }
    #parts_list .task_partsitems .parts-item-offer-wrap .parts-item-offer .comment{
        grid-column: 1/ 6;
    }
    #parts_list .task_partsitems .parts-item-offer-wrap .parts-item-offer .actions{
        grid-column: 7 / 7;
        grid-row: 1 / 2;
    }

    #addPart .field-calendar .js-calendar,
    #addTask #donow + .field-calendar .js-calendar{

        right: 100% !important;
        transform: translate(50%, 0);
        box-shadow: none !important;

    }


    #addTask .eta .field-calendar .js-calendar{

        left: 50% !important;
        transform: translate(-50%, 0);
        box-shadow: none !important;

    }

    #addTask #donow + .field-calendar .js-calendar .calendar-container,
    #addPart  .field-calendar .js-calendar .calendar-container,
    #addTask .eta  .field-calendar .js-calendar .calendar-container{
        box-shadow: 0 0 15px 4px rgba(0, 0, 0, .15) !important;
    }


    .details-page #vehicleTabs {
        align-items: stretch;
        padding-top: 10px;
    }

    .details-page #vehicleTabs.nav-tabs > li {
        line-height: 1.1;
        flex-basis: 0;
        flex-grow: 1;
        text-align: center;
    }

    .details-page #vehicleTabs.nav-tabs > li a {
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        word-spacing: 9999px;
        gap: 5px 5px;
    }


}

@media screen and (max-width: 640px ) {
    #list_vehicles:not(.report):not(.list), .tasks_list, .list_vendors {
        grid-template-columns: repeat(1, 1fr);
    }

    .modal .checklist_page #attributgr__vehicle-needs .wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .modal .checklist_page .prod_attributes_heatmap .attributgr_name {
        font-size: 16px;
    }

    #search-anything .control-group.orderby {
        gap: 10px 10px;
    }

    #search-anything .orderby .tasksprogress {
        order: -2;
    }

    #search-anything .orderby .total_cost {
        order: -1;
    }

    #search-anything .orderby .total_cost,
    #search-anything .orderby .tasksprogress {
        flex-basis: 100%;
        margin: 0;
    }

    .task_actions .btn {
        flex-basis: 48%;
    }

    .module_cart #cart_items,
    #notifications.open #notifications_list {
        width: 100vw;
    }


    .reports.page .displaymode .control-group {
        flex-direction: column;
    }

    .reports.page .displaymode,
    .reports.page .displaymode .control-fields,
    .reports.page .displaymode .controls,
    .reports.page .displaymode .controls .radio {
        width: 100%;
    }

    .reports.page .displaymode .control-group {
        flex-direction: column;
        width: 100%;

    }

    #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals):not(.resetsearch) {
        max-width: 49% !important;
    }

    .modal .modal-body .h2 {
        font-size: 18px;
    }

    .modal .modal-footer {
        padding: 0 20px 15px;
        border: none;
    }

    .modal .bootstrap-dialog-footer .btn.btn-primary {
        /* flex-basis: 100%;*/
        /* max-width: none;*/
        order: -1;
    }

    #businessHoursContainer .dayContainer {

        min-width: 23%;
        max-width: 23%;
    }

    .offline .h1 {
        font-size: 11vw;
        padding: 10px 10px;
    }

    .offline span {
        font-size: 8vw;
    }

    #cpanel {
        grid-template-columns: repeat(3, 1fr);
    }

    #addautotask #addtaskform .task-settings .control-groups,
    #addtask_page .task-settings .control-groups {
        grid-template-columns: repeat(2, 1fr);

    }

    #addtask_page .task-settings .control-groups select{
        width: 50%;
    }

    .form.task_item .employee-row .control-groups,
    #addtask_page .employee-row .control-groups {
        grid-template-columns: repeat(2, 1fr);
    }

    #addtask_page .added-vehicles-row{
        grid-template-columns: 1fr;
    }

    #addtask_page #vehicle_status fieldset .control-label,
    #addtask_page #vehicle_status fieldset .control-label label{
        text-align: center;
    }

    #addtask_page #lineitems .action .total,
    #addtask_page .modal .task_lineitems li,
    #addtask_page .task_item .task_lineitems li, ul.lineitems li {
        grid-template-columns: 12px 3fr repeat(3, minmax(50px,50px));
    }

    #addtaskform #lineitems .action .total,
    .modal .task_lineitems .enable_h li,
    .task_item .task_lineitems .enable_h li,
    ul.lineitems.enable_h li {
        grid-template-columns: 12px 3fr repeat(4, minmax(50px,50px));
    }

    #addtask_page .added-vechicles-wrapper .added-vechicles,
    #addtask_page  .added-vehicles-row:not(.single),
    #addtask_page .added-vechicles-wrapper .added-vechicles,
    #addtask_page #vechicles-dropdown .task-mvi-elements-wrapper,
    #addtask_page .task-mvi-elements-wrapper{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }

    .selectchip .fa {
        font-size: 12px;
        line-height: 1.1;
        vertical-align: 0;
    }



    #addtask_page input[type="text"], #addtask_page input[type="number"], #addtask_page textarea {
        font-size: 16px !important;
    }}


@media screen and (max-width: 540px ) {
    .statistic_service_dashboard .statistic {
        flex-direction: column;
    }

    .details-page .vehicle-header_line_two {
        flex-direction: column;
    }

    .details-page .vehicle-header_line_two .total_cost {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: 15px;
        gap: 0 15px;

    }

    .details-page .vehicle-header_line_two .ttl + div {
        flex-grow: initial !important;

    }

    .details-page .statuses_history {
        justify-content: space-between;
    }

    .details-page .statuses_history .item {
        flex-basis: 31%;
    }

    .details-page .transfers__items .wrap {
        padding: 15px;
    }


    .checklist_page #attributgr__vehicle-needs .wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .checklist_page .vehicle-header .h2, .checklist_page .vehicle-header .h2 a, .details-page .page-header {
        font-size: 20px;
    }

    #header .show_cart_items,
    #header .searchmod,
    #header .filters.search,
    #header #notifications,
    #header .user_login,
    #left .dj-megamenu-offcanvas,
    #header {
        height: 36px !important;
        transition: none;

        border-bottom: none;
        background: #fff;
    }

    /*#header #search .btn-on{
        border-bottom: 2px solid #EBECEE;
        background: #fff;
    }*/
    #header .ico.setup,
    #header .ico.logout {
        display: none !important;
    }

    #header #notifications {
        min-width: 80px;
        justify-content: flex-end;
        order: 10;
    }


    #search #btn-search {
        width: 28px;
    }

    .dj-megamenu-offcanvas {
        top: 0;
        left: 0;
    }

    #header {
        background: #fff;
        border-bottom: none;
    }


    #header .login span:not(.avatar) {
        font-size: 14px;
    }

    #notifications .buttons button {
        flex-grow: 2;
    }

    #header .show_cart_items,
    #notifications,
    #search .btn-on, .login_menu > .ico {
        min-width: 40px;
        padding: 0 10px 0 10px;
    }

    #header .show_cart_items .count_products {
        top: -7px;
    }

    #header #header_right {
        padding: 0 0 0 44px;
    }

    #avgforinventory .items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    #header .login_menu .sub-menu {
        right: 1px;
        padding: 10px 6px;
    }

    #parts_list .task_partsitems .parts-item-name-line{
        display: flex;
        gap: 6px 6px;
        flex-wrap: wrap;
        align-items: center;
    }

    #parts_list .task_partsitems .parts-item-offer-header, #parts_list .task_partsitems .parts-item-offer {
        grid-template-columns: 18px auto auto auto auto auto auto;
    }


    #parts_list .task_partsitems .parts-item-offer-wrap .parts-item-offer .eta{
        grid-column: 1/ 4;
    }
    #parts_list .task_partsitems .parts-item-offer-wrap .parts-item-offer .comment{
        grid-column: 4/ 8;
    }

    #parts_list .task_partsitems .parts-item-offers .parts_comments{
        grid-column: 1 / 6;
    }

    #parts_list .task_partsitems .parts-item-offers .parts_status{
        grid-column: 6/ 8;
    }


}

@media screen and (max-width: 480px ) {
    .main {
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding-top: 0;
    }

    #right {
        padding-top: 25px;
    }

    .formblock.cpanel {
        min-width: 100%;
    }

    .manage .cpanel.formblock {
        /*  background: transparent;
          box-shadow: none;*/
    }

    .manage .cpanel {
        width: 100%;
    }

    .manage #cpanel {
        flex-direction: column;
        width: 100%;
        background: transparent;
        gap: 15px 15px;
    }

    .manage #cpanel div.icon + div.icon:before {
        display: none;
    }

    #cpanel div.icon {
        text-align: center;
    }

    #cpanel {
        justify-content: space-between;
    }

    .manage #cpanel {
        justify-content: space-between;
    }

    .manage #cpanel div.icon a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 60px;
        padding: 5px 15px;
        gap: 15px 15px;
    }

    .manage #cpanel div.icon a span {
        margin: initial;
        text-align: left;
    }

    .manage #cpanel div.icon a span:last-child {
        flex-grow: 2;

    }

    #cpanel div.icon .ico,
    #cpanel div.icon img {
        width: 36px;
        height: 36px;
        margin: 0 auto;
        padding: 0;
    }

    #cpanel div.icon a {
        display: block;
        width: 60px;
        height: 60px;
    }

    #right {
        margin-top: 0;
    }

    .modal .checklist_page #attributgr__vehicle-needs .wrap,
    .modal .checklist_page .prod_attributes .prod_attributes_heatmap {
        grid-template-columns: repeat(1, 1fr);
    }

    .modal .checklist_page .prod_attributes .prod_attributes_heatmap .attributes_img.hasSVG {
        display: block;
    }

    #search-anything .showfilters {
        display: block !important;
    }

    #search .btn-on {
        display: block;
    }

    .quick-icons .quick-icons__items .btn {
        height: 28px;
    }

    .list_vendors {
        grid-template-columns: repeat(1, 1fr);
    }

    #search-anything .control-fields:first-child .control-group.filters {
        width: 100%;
    }

    #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals):not(.resetsearch) {
        max-width: 100% !important;

    }

    #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals) {
        gap: 8px 15px;
    }


    #search-anything .form_search .resetsearch .btn {
        max-width: 47%;
    }


    .statistic .item .lbl {
        font-size: 14px;
    }

    .pagination .page:not(.active) {
        display: none;
    }

    #search-anything .control-fields > * {
        flex-basis: 100%;
    }

    #search-anything .control-group {
        margin-right: 0 !important;
    }

    #search-anything .filters.orderby {
        margin-top: 15px;
    }

    #search-anything .control-group.filters.bytype .checkboxgroup {
        flex-wrap: wrap;
    }

    #search-anything .control-group.filters.bytype label {
        min-width: 100px;
    }

    #search-anything .showfilters + .filters_wrap {
        border: 1px solid #EBECEE;
        border-top: none;
        border-radius: 0 0 16px 16px;
    }

    #list_vehicles.tasks .vehicle .tasks_wrap.scroll-scrolly_visible,
    #list_vehicles.tasks .vehicle .tasks_wrap {
        max-height: none !important;
    }

    .modal .modal-header {
        font-size: 20px;
    }

    .vehicle-header .button-bar,
    .vehicle-header .button-bar-items.quickicons {
        width: 100%;
        gap: 10px 5px;
    }

    .vehicle-header .button-bar-items.quickicons .button-bar-item {
        min-width: 0;
    }

    .details-page .right_col {
        padding-left: 15px;
    }

    .details-page .vehicle-body {
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .details-page .transfers__items .wrap {
        padding: 15px;
    }

    .details-page .transfers__items table td,
    .details-page .transfers__items table th {
        padding: 5px 10px !important;
    }

    .details-page .checklist_list_history li a {
        font-size: 14px;
    }

    .details-page .locations ul {
        flex-direction: column;
    }

    .details-page .locations ul li:first-child {
        width: 100%;
    }


    .user_info .profile_data .avatar {
        text-align: center;
    }

    .user_info .profile_data table tr {
        display: flex;
        flex-direction: column;
        background: transparent;
    }

    .user_info .profile_data table tr td {
        background: transparent;
    }

    .user_info .profile_data table tr td:first-child {
        border-radius: 12px;
        background: #F1F4FF;
    }

    .task_item .task_head .info {
        font-size: 14px;
        line-height: 1.1;
    }

    .page-header,
    .checklist_page .vehicle-header .h2,
    .checklist_page .vehicle-header .h2 a,
    .details-page .page-header {
        font-size: 20px;
    }

    .tasks_listing_actions .task_actions {
        margin-left: auto;
    }

    .tasks_listing_actions .btn span {
        display: none;
    }

    .tasks_listing_actions .btn:before {
        margin: 0;
    }

    .task_item .task_lineitems_wrap + * {
        margin-top: 15px;
    }

    .need_checked .vehicle {
        align-items: center;
    }

    .need_checked .vehicle .item_image {
        min-width: 150px;
        max-width: 150px;
    }

    .batchprocessing .batchprocessing_panel_items_wrap {
        max-width: calc(100vw - 15px);
    }

    .temptasks.page .task_notes .task_notes__item {
        display: flex;
        align-items: normal;
        flex-direction: column;
    }

    .temptasks.page .task_item .control-group {
        align-items: normal;
        flex-direction: column;
        gap: 0;
    }

    .temptasks.page .task_item .field-calendar {
        flex-grow: 2;
    }

    .table__items_wrap .total .total_wrap {
        display: block;
    }

    .table__items_wrap .total ul {
        padding: 5px 15px;
    }

    .table__items_wrap .total ul li {
        min-width: 100%;
    }

    .modal .tasks_listing_actions .task_actions .btn,
    .task_actions .btn {
        flex-basis: initial;
    }

    .modal #tasks_listing #search-anything .filters.orderby {
        align-items: stretch;
        flex-direction: column;
    }

    .modal #tasks_listing #search-anything .orderby .controls {
        margin-left: auto;
    }

    .modal #search-anything .orderby .buttons {
        order: 5;
    }

    #main #offlajn-ajax-tile-results .search-result-card .search-result-image {
        width: 30%;
        min-width: 30%;
    }

    #offlajn-ajax-tile-results .search-result-card .search-result-title > span {
        font-size: 14px !important;
        line-height: 1.1 !important;

        margin-top: 0 !important;
    }

    #footer_center {
        min-height: 20px;
        font-size: 14px;
        color: #CACACA;
        box-shadow: none !important;
    }


    #addproductform .controls[data-attralias="categories"] .controls {
        flex-direction: column;
        align-items: stretch;
    }

    .reports.page .displaymode .orderby.mode > * {
        flex-basis: 47%;
    }

    .reports.page .displaymode .orderby.mode .radiogroup,
    .reports.page .displaymode .orderby.mode .radiogroup > * {
        flex-basis: 100%;
    }

    .checklist_page .attrnotes .attrnotes_wrap,
    .checklist_page_wrap .attrnotes .attrnotes_wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    #search-anything .filters_wrap .control-group {

        max-width: 100% !important;
    }

    #search-anything .filters_wrap .control-group:not(.bytype):not(.dateintervals) {
        max-width: 100% !important;
    }

    .cometchat_ccmobiletab_redirect {
        bottom: 75px !important;
        padding: 15px 20px !important;
    }

    #addmovetask .typeofmovement {
        flex-direction: column;
        align-items: stretch;
        gap: 15px 15px;
    }

    #addmovetask .typeofmovement > .control {
        align-items: stretch;
    }

    #addmovetask .typeofmovement .items li {
        width: 50%;
    }

    #addmovetask .locations .active {
        width: 100%;
    }

    .task-settings select,
    .task-settings .chosen-container,
    #addtaskform .bootstrap-select,
    #addtaskform .bootstrap-select .dropdown-toggle,
    #addtaskform .controls__for_user_id .btn.add,
    #addmovetask .controls__for_user_id .btn.add,
    #addmovetask select,
    #addmovetask .chosen-container,
    #addtaskform select,
    #addtaskform .chosen-container {
        min-width: 100% !important;
    }

    .modal #addtaskform .field-calendar,
    .modal #addmovetask .field-calendar {
        flex-grow: 2;
    }

    #header .login span:not(.avatar):not(.noavatar) {
        display: none;
    }

    .showfilters:not(.collapsed) + form .filters_wrap {
        border-radius: 0 0 5px 5px;
        border: 1px solid #EBECEE;
        border-top: none;
    }

    .collapsing {
        padding: 0 !important;
    }

    .collapsing * {
        opacity: 0;
    }

    .pweb-bottom {
        bottom: 70px !important;
    }

    .temptasks.page #adminform.formblock {

        padding: 5px;
    }

    .task_item .task_lineitems .item .free {
        display: none !important;
    }

    #cpanel {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal .btn-getpdf {
        min-width: 0px;
        padding: 0 8px;
    }


    .task_item .task_lineitems .visible-xxxs {
        display: block !important;
    }
}

@media screen and (max-width: 460px ) {
    #gallery-thumb_attr .owl-dots,
    #vehicle_images #gallery-thumb .owl-dots {
        display: none;
    }

    #gallery-thumb_attr .owl-nav,
    #vehicle_images #gallery-thumb .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin-top: -23px;
    }
}

@media screen and (max-width: 420px ) {
    #search-anything .control-group.filters.bytype label {
        min-width: 46%;
    }

    #search-anything .control-group.orderby .btn-secondary.btn-addtask span {
        font-size: 14px;
    }

    #tasks_listing #search-anything .filters.orderby {
        align-items: stretch;
        flex-direction: column;
    }

    #tasks_listing #search-anything .orderby .controls {
        margin-left: auto;
    }

    #search-anything .orderby .buttons {
        order: 5;
    }

    #search-anything .orderby .buttons .btn-add {
        flex-grow: 2;
    }

    .login.page form .subcontrols {
        flex-direction: column-reverse;
        gap: 3px;
        padding-top: 6px;
    }

    .login.page form .subcontrols .remember_me,
    .login.page form .subcontrols .lost_pass {
        margin: 0 auto

    }

    .modal .bootstrap-dialog-title {
        font-size: 18px;
        line-height: 1.1;
    }

    .statistic div.items {
        grid-template-columns: repeat(2, 1fr);
    }

    .statistic.default .statistic_items .ico:before {
        margin: 21px 0 0 21px !important;
        width: 42px !important;
        height: 42px !important;
    }

    .statistic.default .statistic_items .item .ico {
        width: 84px;
        height: 84px;

    }

    #main #offlajn-ajax-tile-results .search-result-card {

    }

    .attributes_img.hasSVG,
    .attributes_img.hasSVG svg {
        width: 100% !important;
    }

    .task_item .task_head .val {
        /* align-items: flex-start;
         flex-direction: column;
         line-height: 20px;
         gap:0;*/
    }

    .task_item .task_head {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px 0;
        padding: 5px 5px 0 5px;
    }

    .tasktype:before,
    .modtasks .task_item .task_head .tasktype:before {
        width: 26px;
        height: 26px;
    }

    .task_item .task_head .info {
        padding-right: 0;
        width: 100%;
    }

    .task_item .task_head .val {
        justify-content: space-between;
    }

    .task_item .task_head .controls {

    }

    .modtasks .task_item .task_head .tools .btn-edit,
    .modtasks .task_item .task_head .tools .btn-nudge {
        top: 0;
    }

    .task_item .task_head .tools .btn-edit {
        right: 5px;
    }

    .task_item .task_head .tools .btn-nudge {
        right: 35px;
        bottom: auto;
        top: 5px;
    }

    .statistic.default .statistic_attr .circle .title {
        align-items: center;
        text-align: center;
    }

    .statistic.default .statistic_attr .circle .lbl {
        text-align: center;
    }

    .list_vendors .item .count,
    .list_vendors .item .info .tasks {
        width: 60px;
        height: 60px;
    }

    .list_vendors .item .info .tasks:before {
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
    }

    .list_vendors .item .info .tasks .val {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .list_vendors .item.mainvendor .item_moreinfo {
        margin-top: 12px;
    }

    #search-anything .dateintervals .fields-calendar {
        flex-direction: column;
    }

    #search-anything .dateintervals .fields-calendar .input-append input {
        max-width: none;

    }

    #search-anything .dateintervals .fields-calendar .field {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .attach_preview {
        grid-template-columns: repeat(2, 1fr);
    }

    .attach_preview img {
        max-width: 100%;
        max-height: 200px;


    }

    .details-page .button-bar ul {
        display: grid;
        grid-column-gap: 15px;
        grid-row-gap: 0;
        grid-template-columns: repeat( auto-fit, minmax(68px, 1fr) );
        justify-items: center;
    }

    .details-page #vehicleTabs {
        display: grid;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat( auto-fit, minmax(68px, 1fr) );
        justify-items: center;
    }

    .details-page .vehicle-title {
        flex-wrap: wrap;
    }

    .details-page .page-header {
        flex-basis: 100%;
    }

    .details-page a.wishlist {
        margin-left: auto;
    }

    .details-page .statuses_history .item {
        flex-basis: 48%;
    }

    .details-page .vehicle-header_line_two .total_cost {
        flex-direction: column;
    }


    #header #header_right .user_login .toggler {
        margin-left: 5px;
    }

    #header #header_right .user_login .toggler,
    #header #header_right .user_login .toggler:after {
        width: 12px !important;
        height: 12px !important;
    }

    #header #header_right .user_login .item .toggler:after {
        margin: 5px 0 7px;

    }

    #header #header_right .user_login .item.collapsed .toggler:after {
        margin: -3px 0 7px;

    }

    #header #header_right .login_menu .login {
        position: static;
    }

    #header .login_menu .sub-menu a {
        justify-content: flex-end;
    }

    #cpanel {
        grid-template-columns: repeat(1, 1fr);
    }

    #addtaskform .added-mpvielements textarea {
        grid-column: 1 / -1;
    }

}

@media screen and (max-width: 400px ) {

    .statistic.default .statistic_attr .circle {
        flex-direction: column;
    }

    .statistic.default .statistic_attr .circle a {
        flex-grow: 3;
    }

    .statistic.default .statistic_attr .circle .title {
        height: auto;
        gap: 3px 10px;
    }

    .statistic.default .statistic_attr .circle .val {

        gap: 0px 10px;
    }


}

@media screen and (max-width: 380px ) {


    #lineitems .action {
        padding-right: 0;
    }

    .need_checked .vehicle .item_image {
        min-width: 0;
        max-width: 25%;
    }

    /*.need_checked .vehicle .item_image,
    .need_checked .vehicle .item_data {
        width: 100%;
        max-width: none;
    }*/
    .need_checked .vehicle .item_data {
        font-size: 14px;
    }

    .task_item .task_head .val {
        justify-content: flex-start;
    }


    .three-position_switch button {
        font-size: 14px;
    }

    #header .show_cart_items, #notifications, #search .btn-on, .login_menu > .ico {
        min-width: 36px;
        padding: 0 5px;
    }

    .details-page .vehicle-header .vehicle_labels {
        flex-direction: column;
        padding: 8px;
    }

    .details-page .vehicle-header .vehicle_labels .val {

        min-height: 0;
    }

    .details-page .vehicle-header .vehicle_labels .vehicle-label {

        height: auto;
    }

    .details-page .vehicle-header .vehicle_labels .btn {
        height: 20px;
        width: 100%;
        margin: 2px 4px;
    }

    #addtask_page #vehicle_status fieldset .control-groups{
        grid-template-columns: repeat(1, 1fr);
    }

}

@media screen and (max-width: 360px ) {
    .statistic .statistic_attr div.items:not(.owl-loaded) {
        grid-template-columns: repeat(1, 1fr);
    }

    .statistic.default .statistic_attr .circle {
        /* flex-direction: column;*/
    }

    .statistic.default .statistic_attr .circle .diag {
        min-height: 58px;
    }

    .temptasks.page .task_item {
        padding: 25px 15px 15px 15px;
    }

    .temptasks.page div.linkin button {
        height: 22px;
    }

    .temptasks.page .task_item .task_title {
        font-size: 18px;
    }

    #search-anything .form_search .resetsearch .btn {
        max-width: none;
    }

    #search-anything .control-group.resetsearch {
        flex-wrap: wrap;
    }

    #businessHoursContainer .dayContainer {

        min-width: 31%;
        max-width: 31%;
    }

    .list_vendors.history .item .vendor, .modservices .list_vendors .item .vendor {
        flex-direction: column;
        gap: 5px 5px;
    }

}


@media screen and (max-width: 320px ) {
    .statistic .statistic_attr div.items {
        grid-template-columns: repeat(1, 1fr);
    }

    .need_checked .vehicle {
        flex-direction: column;
    }

    .need_checked .vehicle .item_image {
        min-width: 0;
        max-width: none;
    }

    .offline .h1 {
        font-size: 8vw;

    }

    .offline span {
        font-size: 6vw;
    }

}

@media screen and (max-width: 300px ) {
    #businessHoursContainer .dayContainer {

        min-width: 47%;
        max-width: 47%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select,
    textarea,
    input {
        font-size: 16px !important;

    }
}


.visible-xxxs {
    display: none !important;
}