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

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

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

@media (min-width: 481px) {
}

@media (min-width: 993px) {
}

@media (min-width: 1140px ) {

    .cr-wrapper {
        min-width: 1060px;
    }
    .cr-header-content {
        max-width: 1020px !important;
    }
}

@media (min-width: 1200px ) {
}

@media (min-width: 1366px ) {
}

@media (min-width: 1400px ) {
    .modal-dialog {
        width: 800px;

    }
    .modal .cr-wrapper .whiteblock,
    .modal .cr-wrapper{
        max-width:800px;
        min-width: 100%;

    }

}

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

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

/*before xlg*/
@media (max-width: 1399px ) {
}

@media (max-width: 1366px ) {
}

@media (max-width: 1200px ) {
}

@media (max-width: 1140px ) {
}

@media (max-width: 992px ) {

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

@media (max-width: 767px ) {
}

@media (max-width: 680px ) {

    .page_ttl{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .print_area:not(.printing) .checklist_basicinfo {
        flex-direction: column;
    }

    .print_area:not(.printing) .checklist_basicinfo .extrafields {
        width: 100%;
        padding: 0;
    }

    .print_area:not(.printing) .mainimage {
        margin: 0 auto;
    }

    .print_area:not(.printing) .prod_attributes {
        display: block;
    }

    .print_area:not(.printing) .prod_attributes{
        display: flex;
    }
    .print_area:not(.printing) .prod_attributes #attributgr__tires-condition.attributgr,
    .print_area:not(.printing) .prod_attributes #attributgr__interior-condition.attributgr,
    .print_area:not(.printing) .prod_attributes #attributgr__frame-condition.attributgr,
    .print_area:not(.printing) .prod_attributes #attributgr__mechanical-condition.attributgr,
    .print_area:not(.printing) .prod_attributes #attributgr__body-condition.attributgr {
        flex-basis: 49% !important;
        max-width: 49% !important;
    }

    .print_area:not(.printing) .prod_attributes__legend {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .print_area:not(.printing) .mainimage {
       width: 100%;
    }

    .print_area:not(.printing) .vehicle_basicinfo {
        flex-direction: column;
    }

    .print_area:not(.printing) h1 {
        font-size: 28px;
        line-height: 1.1;
    }

    .print_area:not(.printing) #summary_table th{
        display: none;
    }

    .print_area:not(.printing) #summary_table tr{
        display: flex;
        flex-direction: column;
    }

    .print_area:not(.printing) #summary_table td:before{
    display: none;
    }

    .print_area:not(.printing) #summary_table td.empty{
        display: none;

    }


    .display_params{
        flex-wrap: wrap;
    }
    .checklist_page .page_ttl{
        text-align: center;
        line-height: 1.1;
        width: 100%;
    }

    .checklist_page .btn-getpdf{
        margin: 10px auto 0;
    }

    .checklist_page .page_ttl a{
        display: block;
    }

   .extrafields{
       width: 100%;
       padding: 0;
    }


    .pagination li:not(:first-child):not(:last-child):not(.active){
        display: none;
    }

    .hblock {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }
    .vehicles {
        margin: 0 -15px;
        padding: 0;
    }

}

@media (max-width: 640px ) {
    .vehicle_info.short .mainimage{
        flex-basis: 100%;
    }
    .vehicle_info.short .vehicle_info_main {
        flex-basis: 100%;
    }

    .vehicle_info_main .lbl,
    .vehicle_info_main .val{
       /* min-width: 100%;
        display: block;*/
    }

    .vehicle_info.short {
        flex-direction: column-reverse;

    }


}

@media (max-width: 540px ) {
}

@media (max-width: 480px ) {


    .vehicle_info.short .vehicle_info_main .h4,
    .vehicle_info.short .vehicle_info_main .h5{
        font-size: 14px;
    }
    #lineitems .action {
        padding-right: 0px;
        flex-direction: column;
    }

    #lineitems ul.lineitems .th{
        display: none;
    }
    .task_lineitems li,
    #lineitems ul.lineitems li {
        grid-template-columns: 1fr ;
    }

    .task_lineitems li {
        font-size: 14px;
    }

    .task_item .task_lineitems li > span:nth-child(2n) {
        background: #f8f8f8 !important;
    }
    .task_item .task_lineitems li > span:not(.btns) {
        gap: 15px 15px;
        padding: 2px 5px;
    }


    .tasks_list .task_item .task_head,
    .tasks_list .task_item .task_info,
    .tasks_list .task_item .task_text,
    .tasks_list .task_item .task_lineitems_wrap,
    .tasks_list .task_item .task_footer {
        padding: 5px 5px;
    }

    .task_lineitems li .lbl {
        color: #747787;
        width: 50px;
        min-width: 50px;
    }

    #lineitems ul.lineitems li:not(.th) + li {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #d3d6da;
    }
    #lineitems ul.lineitems li .btn{
        border: 1px solid #CEDCEE;
        margin-top: 8px;
        line-height: 34px;
    }
    #lineitems .action .total{
        min-width: 100%;
        flex-direction: column;
    }


    #lineitems .action .total .value {
        min-width: 100%;
        flex-grow: 2;
    }

    #lineitems ul li,
    .task_lineitems li {
        grid-template-columns: 1fr;
    }

    #lineitems ul li:not(.th) + li {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #d3d6da;
    }

    .task_lineitems li span.sum {
        justify-content: flex-start;
    }
    .task_lineitems li:not(.th):nth-child(2n+1) {
        background: transparent;
    }
    .modal .task_lineitems li > span,
    .task_item .task_lineitems li > span {

        padding:2px 5px;
    }

    .modal .task_lineitems li > span:nth-child(2n),
    .task_item .task_lineitems li > span:nth-child(2n) {
        background: #f8f8f8 !important;
        padding:2px 5px;
    }

    .modal .task_lineitems li .sep,
    .task_item .task_lineitems li .sep{
       display: none;
    }

    .modal .task_lineitems li:not(.th) + li,
    .task_item .task_lineitems li:not(.th) + li {
        background: transparent;
        border-top: 1px solid #d3d6da;
        margin-top: 3px;
        padding-top: 22px;
    }

    .task_lineitems li.item > span:not(.title) {

        justify-content: flex-start;

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

}

@media (max-width: 460px ) {
    .tasks_list .task_item .task_footer_wrap{
        flex-wrap: wrap;
        gap:5px 15px;
    }

    .tasks_list .task_item .task_footer_wrap .task_comments{
        flex-basis: 100%;

    }

    .tasks_list .task_item .task_footer .btn.details{
        width: 100%;
        justify-content: center;
    }
    .tasks_list .task_item .task_footer_wrap .actions{
        width: 100%;
    }
    .tasks_list .task_item .task_footer .btn{
        margin: 0 auto;
        width: 100%;
        justify-content: center;
    }
    .print_area:not(.printing) h1 {
        font-size: 20px;

    }


}

@media (max-width: 420px ) {
}

@media (max-width: 380px ) {
}

@media (max-width: 320px ) {
    .tasks_list .task_item .task_footer_wrap .actions{
       flex-direction: column;

    }
}

@media (max-width: 300px ) {
}

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


@media (min-width: 1440px) {
    .col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9 {
        float: left;
        padding:0 15px;
    }

    .col-xlg-12 {
        width: 100%
    }

    .col-xlg-11 {
        width: 91.66666667%
    }

    .col-xlg-10 {
        width: 83.33333333%
    }

    .col-xlg-9 {
        width: 75%
    }

    .col-xlg-8 {
        width: 66.66666667%
    }

    .col-xlg-7 {
        width: 58.33333333%
    }

    .col-xlg-6 {
        width: 50%
    }

    .col-xlg-5 {
        width: 41.66666667%
    }

    .col-xlg-4 {
        width: 33.33333333%
    }

    .col-xlg-3 {
        width: 25%
    }

    .col-xlg-2 {
        width: 16.66666667%
    }

    .col-xlg-1 {
        width: 8.33333333%
    }
}

@media (min-width: 1730px) {
    .col-xxlg-1, .col-xxlg-10, .col-xxlg-11, .col-xxlg-12, .col-xxlg-2, .col-xxlg-3, .col-xxlg-4, .col-xxlg-5, .col-xxlg-6, .col-xxlg-7, .col-xxlg-8, .col-xxlg-9 {
        float: left;
        padding:0 15px;
    }

    .col-xxlg-12 {
        width: 100%
    }

    .col-xxlg-11 {
        width: 91.66666667%
    }

    .col-xxlg-10 {
        width: 83.33333333%
    }

    .col-xxlg-9 {
        width: 75%
    }

    .col-xxlg-8 {
        width: 66.66666667%
    }

    .col-xxlg-7 {
        width: 58.33333333%
    }

    .col-xxlg-6 {
        width: 50%
    }

    .col-xxlg-5 {
        width: 41.66666667%
    }

    .col-xxlg-4 {
        width: 33.33333333%
    }

    .col-xxlg-3 {
        width: 25%
    }

    .col-xxlg-2 {
        width: 16.66666667%
    }

    .col-xxlg-1 {
        width: 8.33333333%
    }
}


@media (max-width: 480px) {
    .col-xxs-1, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9 {
        float: left
    }

    .col-xxs-12 {
        width: 100%
    }

    .col-xxs-11 {
        width: 91.66666667%
    }

    .col-xxs-10 {
        width: 83.33333333%
    }

    .col-xxs-9 {
        width: 75%
    }

    .col-xxs-8 {
        width: 66.66666667%
    }

    .col-xxs-7 {
        width: 58.33333333%
    }

    .col-xxs-6 {
        width: 50%
    }

    .col-xxs-5 {
        width: 41.66666667%
    }

    .col-xxs-4 {
        width: 33.33333333%
    }

    .col-xxs-3 {
        width: 25%
    }

    .col-xxs-2 {
        width: 16.66666667%
    }

    .col-xxs-1 {
        width: 8.33333333%
    }
}


@media (max-width: 479px) {
    .hidden-xxs {
        display: none !important;
    }
}
.visible-xxs {
    display: none !important;
}

@media (max-width: 479px) {
    .visible-xxs {
        display: block !important;
    }
    table.visible-xxs {
        display: table;
    }
    tr.visible-xxs {
        display: table-row !important;
    }
    th.visible-xxs,
    td.visible-xxs {
        display: table-cell !important;
    }
    .visible-xxs-block {
        display: block !important;
    }
    .visible-xxs-inline {
        display: inline !important;
    }
    .visible-xxs-inline-block {
        display: inline-block !important;
    }
}