/* xxl screen */

@media (min-width: 4000px) and (max-width: 8000px) {
  .analysis-card-dropdwn.dropdown {
    line-height: 40px;
  }
  .wd-101 {
    width: 99px !important;
  }
  .wd-72 {
    width: 80px !important;
  }
  div#overload_image {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
  }
  .mm_order_pdfMain div#overload_image {
    max-width: 93.333333% !important;
  }
  div#overload_image.widFull {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .login_table_list table tbody tr td,
  .login_table_list table tbody tr th,
  .login_table_list table thead tr th {
    font-size: 16px;
  }
  .login_table_list .invoice_edit2 tbody td.mm-color-match {
    font-size: 13px !important;
      color: #5a5a5a !important;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 16px !important;
  }
  .invoice_edit2 tbody td .chart_short_td input {
    padding: 1px 6px 7px;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }
  .form-group.remember_check .mm_font {
    font-size: 16px !important;
  }
  .modal-lg,
  .modal_90_per .modal-dialog {
    max-width: 1500px !important;
  }
  .order-detail-popup .modal-lg {
    max-width: 1000px !important;
  }
  .order-detail-popup6 .modal-lg {
    max-width: 1083px !important;
  }
  .order-detail-popup7 .modal-lg {
    max-width: 1137px !important;
  }
  .order-detail-popup8 .modal-lg {
    max-width: 1203px !important;
  }
  .order-detail-popup9 .modal-lg {
    max-width: 1269px !important;
  }
  .order-detail-popup10 .modal-lg {
    max-width: 1323px !important;
  }
  .poLog--modal.modal_90_per .modal-dialog {
    max-width: 80% !important;
  }
  .custon_select-selector-inner__control,
  .modal_input input,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  table.newpo--edit.project_table tbody tr td img:last-child {
    width: 18px;
  }
  .invoice_left {
    width: 43.5%;
  }
  .invoice_right {
    width: 56.5%;
  }
  .mm_tab_left {
    width: 44.7%;
  }
  .mm_tab_center {
    width: 55%;
  }
  .invoice_left {
    width: 43.5%;
  }
  .invoice_right {
    width: 56%;
  }
  .expenses-hed-left {
    width: 31%;
  }
  .expenses-hed-right {
    width: 58%;
  }
  .form-group.mm_check2 input:checked + label:after {
    bottom: 10px !important;
  }
  .form-group.mm_check input:checked + label:after {
    bottom: 12px !important;
    height: 13px;
  }
  .form-group.mm_check5 input:checked + label:after {
    bottom: 13px !important;
  }
  .form-group.mm_check1 input:checked + label:after {
    bottom: 8px !important;
  }
  .mm_append {
    height: 38px;
  }
  .form-group.mm_check3 input:checked + label:after {
    bottom: 10px !important;
    left: 10px;
  }
  .form-group.mm_checkCc input:checked + label:after {
    bottom: 9px !important;
  }
  .form-group.mm_check4 input:checked + label:after {
    bottom: 7px !important;
    left: 8px !important;
  }
  .mm_polg_main {
    padding-left: 136px !important;
  }
  .form-group.mm_check7 input:checked + label:after {
    bottom: 12px !important;
  }
  .form-group.mm_check8 input:checked + label:after {
    bottom: 12px !important;
  }
  .mm_doc_sidebar1 {
    min-height: calc(100vh - 150px) !important;
  }
  .mm_invoice_center {
    margin-left: 10%;
  }
  .mm_order_pdfMain {
    margin-left: 5%;
  }
  .mm_lcapp {
    padding-top: 5px;
    display: inline-block;
  }
  .mm_approre {
    padding-top: 2px;
    padding-left: 5px;
    float: none;
    display: block;
  }
  .current-approver {
    font-size: 14px;
    color: #7b7b7b;
  }
  .mm_doc_sidebarNew {
    min-height: calc(100vh - 138px) !important;
    max-height: calc(100vh - 0px) !important;
  }
  .exp-side-attachment {
    min-height: calc(100vh - 137px) !important;
  }
  .login_table_list .order-detail-popup-table thead th:nth-child(4),
  .login_table_list .order-detail-popup-table thead th:nth-child(5) {
    width: 94px;
  }
  .login_table_list .invic-detail tbody .eidt-del-icons {
    width: 26px;
    padding: 10px 0px;
  }
}

@media (min-width: 5000px) {
  /* .login_table_list
    .od_popup_new
    tbody
    .position-relative_chart
    .modal_input
    input,
  .login_table_list .od_popup_new tbody .anew_chart_short_td input {
    top: -12px;
  } */
  /* .new-po-edit-popup-table .position-relative_chart .modal_input input,
  .new-po-edit-popup-table .anew_chart_short_td input {
    top: -12px;
  } */
}

/* xl screen */

@media (min-width: 2500px) and (max-width: 4000px) {
  .analysis-card-dropdwn.dropdown {
    line-height: 40px;
  }
  .login_form .new_input_pad {
    margin-bottom: 4px;
  }
  div#overload_image {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
  }
  div#overload_image.widFull {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .login_table_list table tbody tr td,
  .login_table_list table tbody tr th,
  .login_table_list table thead tr th {
    font-size: 16px;
  }
  .login_table_list .invoice_edit2 tbody td.mm-color-match {
    font-size: 13px !important;
      color: #5a5a5a !important;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 16px !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }
  .modal-lg,
  .modal_90_per .modal-dialog {
    max-width: 1000px !important;
  }
  .order-detail-popup6 .modal-lg {
    max-width: 1042px !important;
  }
  .order-detail-popup7 .modal-lg {
    max-width: 1106px !important;
  }
  .order-detail-popup8 .modal-lg {
    max-width: 1238px !important;
  }
  .order-detail-popup9 .modal-lg {
    max-width: 1238px !important;
  }
  .order-detail-popup10 .modal-lg {
    max-width: 1297px !important;
  }
  .poLog--modal.modal_90_per .modal-dialog {
    max-width: 80% !important;
  }
  .custon_select-selector-inner__control,
  .modal_input input,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  table.newpo--edit.project_table tbody tr td img:last-child {
    width: 18px;
  }
  .mm_order_sidebar {
    height: 100vh !important;
  }
  .invoice_left {
    width: 39%;
  }
  .invoice_right {
    width: 61%;
  }
  .mm_invoice_center {
    margin-left: 8%;
  }
  .mm_order_pdfMain {
    margin: 0 auto;
  }
  .mm_doc_sidebarNew {
    min-height: calc(100vh - 158px) !important;
    max-height: calc(100vh - 0px) !important;
  }
  .side-attachments {
    min-height: calc(100vh - 137px) !important;
  }
  .mm_invoice_sidebar_right {
    min-height: calc(143vh - 115px) !important;
  }
  .order_pdf_new {
    margin: 0;
  }
  .mm_order_side {
    min-height: calc(100vh - 126px) !important;
  }
  .order-detail-popup-table thead .order-popup-th {
    width: 38%;
  }
  .new-po-edit-popup-table thead .newpoedit-desth {
    width: 76%;
  }
  .invoice_edit2 tbody td .chart_short_td input {
    padding: 5px 6px 8px;
  }
  .add-new-invoice tbody td .anew_chart_short_td input {
    padding: 0px 6px 3px;
    top: -10px;
  }
  .invoice_edit2.inv--edit tbody td > .width-selector {
    margin-top: -7px;
  }
  .add-new-invoice tbody tr td .width-selector {
    margin-top: -7px;
  }
  .login_table_list .invoice_edit2 tbody tr td .modal_input input,
  .login_table_list .invic-detail tbody tr td .modal_input input {
    padding: 12px 6px 10px;
  }
  .login_table_list .new-po-edit-popup-table tbody tr td .modal_input input {
    padding: 12px 6px 10px;
  }
  .invoice-carowsel-new .carousel-control-prev i,
  .invoice-carowsel-new .carousel-control-next i {
    padding: 0px 15px;
    height: 55px;
    width: auto;
  }
  .invoice-carowsel-new .carousel-control-prev .carousel-control-prev-icon,
  .invoice-carowsel-new .carousel-control-next .carousel-control-next-icon {
    top: 17px;
    position: relative;
  }
  .login_table_list .invic-detail thead .invoice-detail-desth {
    width: 36%;
    padding-left: 0;
  }
  .exp_header_bottom {
    width: 84%;
  }
  .od_popup_chartcode .chart_menue {
    left: 40.8%;
  }
  .inv-d_popup_chartcode .chart_menue {
    left: 42%;
  }
  .od-desc-input,
  .od-desc-input .modal_input input {
    min-width: 188px;
  }
  .login_table_list .newpo--edit thead tr .exp_th1 {
    padding-left: 36px !important;
  }
  .login_table_list .exp_edit thead .exp-descript,
  .login_table_list .exp_edit tbody .exp-descript {
    width: 550px;
    text-align: left;
  }
  .login_table_list .exp_edit tbody .exp-descript input {
    width: 100%;
  }
  .exp_edit tbody tr td:first-child {
    padding-left: 21px !important;
  }
  .login_table_list .exp_edit .exp-form-flag {
    width: 2%;
  }
  .login_table_list .exp_edit2 thead th:nth-child(6),
  .login_table_list .exp_edit3 thead .exp-descript {
    width: 70%;
  }
  .mm_pdf_img img#preview {
    transform: scale(2.52) !important;
  }
  .login_table_list table thead .new-pad-right {
    padding-right: 30px;
  }
  .login_table_list table tbody tr .pr-subtotal {
    padding-right: 24px;
  }
  .login_table_list table thead .new-pad-right2,
  .login_table_list table tbody tr .pr-subtotal2 {
    padding-right: 23px;
  }
}

@media (min-width: 2000px) and (max-width: 4000px) {
  .mm_tab_left {
    width: 41%;
  }
  .mm_tab_center {
    width: 59%;
  }
  #overload_image .order_pfd {
    height: auto;
  }
  .mm_polg_main {
    padding-left: 7px !important;
  }
  .mm_doc_sidebar1 {
    min-height: calc(100vh - 151px) !important;
  }
  .mm_invoice_center {
    margin-left: 6%;
  }
  .mm_order_pdfMain {
    margin: 0 auto;
  }
  .user_access_main .dataTables_wrapper div.dataTables_filter input {
    padding-right: 32px !important;
  }
  .order_pdf_new {
    margin: 0;
  }
  .login_table_list .order-detail-popup-table thead th:nth-child(4),
  .login_table_list .order-detail-popup-table thead th:nth-child(5) {
    width: 94px;
  }
  .login_table_list .od_popup_new thead th:nth-child(5) {
    padding-left: 20px;
  }
  .mm_doc_sidebarNew {
    min-height: calc(100vh - 139px) !important;
    max-height: calc(100vh - 0px) !important;
  }
  .add-new-invoice thead th:nth-child(3),
  .add-new-invoice thead th:nth-child(4),
  .add-new-invoice tbody td:nth-child(2),
  .add-new-invoice tbody td:nth-child(3) {
    width: 92px;
  }
  .add-new-invoice thead th:nth-child(5),
  .add-new-invoice tbody td:nth-child(4) {
    width: 100px;
  }
  /* .login_table_list
    .od_popup_new
    tbody
    .position-relative_chart
    .modal_input
    input,
  .login_table_list .od_popup_new tbody .anew_chart_short_td input {
    top: -10px;
  } */
  .invoice_edit2 tbody td > .width-selector {
    margin-top: -8px;
  }
  .expenses-hed-left {
    width: 35%;
  }
  .expenses-hed-right {
    width: 63%;
  }
}

@media (min-width: 1600px) and (max-width: 2500px) {
  div#overload_image {
    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;
  }
  div#overload_image.widFull {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .order_side_collepse {
    max-width: 100% !important;
  }
  .login_table_list table tbody tr td,
  .login_table_list table tbody tr th,
  .login_table_list table thead tr th {
    font-size: 14px !important;
  }
  .login_table_list .invoice_edit2 tbody td.mm-color-match {
    font-size: 13px !important;
      color: #5a5a5a !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 14px !important;
  }
  .custon_select-selector-inner__control,
  .modal_input input,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .modal-lg,
  .modal_90_per .modal-dialog {
    max-width: 90% !important;
  }
  .order-detail-popup .modal-lg {
    max-width: 888px !important;
  }
  .order-detail-popup4 .modal-lg {
    max-width: 928px !important;
  }
  .order-detail-popup5 .modal-lg {
    max-width: 995px !important;
  }
  .order-detail-popup6 .modal-lg {
    max-width: 1047px !important;
  }
  .order-detail-popup7 .modal-lg {
    max-width: 1105px !important;
  }
  .order-detail-popup8 .modal-lg {
    max-width: 1193px !important;
  }
  .order-detail-popup9 .modal-lg {
    max-width: 1224px !important;
  }
  .order-detail-popup10 .modal-lg {
    max-width: 1278px !important;
  }
  table.newpo--edit.project_table tbody tr td img:last-child {
    width: 18px;
  }
  .mm_tab_left .tab-content .tab-pane li {
    padding: 0 17px 0 0;
  }
  .mm_order_sidebar {
      height: 200vh !important;
        max-height: calc(200vh - 139px) !important;
  }
  .side-attachments {
    min-height: calc(100vh - 137px) !important;
  }
  .mm_invoice_sidebar_right {
    min-height: calc(142vh - 115px) !important;
  }
  .exp-side-attachment2 {
    min-height: calc(100vh - 113px) !important;
  }
  .mm_order_sidebar,
  .mm_order_side {
    min-height: calc(100vh - 126px) !important;
  }
  .invoice_left {
    width: 33%;
  }
  .invoice_right {
    width: 67%;
  }
  .expenses-hed-left {
    width: 27%;
  }
  .expenses-hed-right {
    width: 73%;
  }
  .form-group.remember_check .mm_font {
    font-size: 14px !important;
  }
  table.mm_sub_polog thead tr th:nth-child(4) {
    padding-right: 28px;
  }
  .mm_polg_main {
    padding-left: 7px !important;
  }
  table.mm_sub_polog thead tr th:nth-child(5) {
    width: 103px !important;
    padding-left: 0;
  }
  .mm_doc_sidebar1 {
    min-height: calc(98vh - 166px) !important;
  }
  .mm_doc_sidebar2 {
    min-height: calc(98vh - 166px) !important;
  }
  .mm_invoice_center {
    margin-left: 8%;
  }
  .mm_doc_sidebarNew {
    min-height: calc(100vh - 144px) !important;
    max-height: calc(100vh - 0px) !important;
  }
  .login_table_list .invic-detail thead .invoice-detail-desth {
    width: 36%;
    padding-left: 0;
  }
  .login_table_list .exp_edit thead .exp-descript,
  .login_table_list .exp_edit tbody .exp-descript,
  .login_table_list .exp_edit tbody .exp-descript input {
    width: 292px;
  }
  .login_table_list .exp_edit2 thead th:nth-child(6),
  .login_table_list .exp_edit3 thead .exp-descript {
    width: 52%;
  }
}

@media screen and (min-width: 2000px) and (max-width: 2500px) {
  .mm_doc_sidebar1 {
    min-height: calc(100vh - 150px) !important;
  }
  .mm_doc_sidebar2 {
    min-height: calc(100vh - 150px) !important;
  }
  .add-new-invoice tbody tr td .width-selector .css-107lb6w-singleValue {
    top: 58%;
  }
}

@media (min-width: 2560px) and (max-width: 8000px) {
  .mm_invoice_sidebar2 {
    max-height: calc(200vh - 0px) !important;
    height: 200vh !important;
  }
  .mm_order_sidebar {
  height: 200vh !important;
  }
  .mm_polg_main {
    padding-left: 3.8% !important;
  }
  .mm_doc_carousel_inner .carousel-control-prev {
    width: 50%;
  }
  .mm_doc_carousel_inner .carousel-control-next {
    width: 50%;
  }
  .mm_expenses_carousel .carousel-control-prev {
    width: auto;
  }
  .mm_expenses_carousel .carousel-control-prev {
    width: auto;
  }
}
@media (min-width: 2560px) and (max-width: 3999px) {
  .lr-arrow-up {
    margin-top: -3px;
  }
}

@media (min-width: 4000px) and (max-width: 8000px) {
  .mm_invoice_sidebar2 {
    height: 200vh !important;
  }
  .mm_polg_main {
    padding-left: 4% !important;
  }
  .mm_order_side {
    min-height: calc(100vh - 122px) !important;
  }
  .order-detail-popup-table thead .order-popup-th {
    width: 59%;
    padding-left: 0;
  }
  .new-po-edit-popup-table thead .newpoedit-desth {
    width: 84%;
    padding-left: 0;
  }
  .user_access_main .dataTables_wrapper div.dataTables_filter input {
    margin-left: 31px !important;
  }
  .login_table_list
    .new-po-edit-popup-table
    tbody
    td:nth-child(4)
    .modal_input
    input,
  .login_table_list
    .new-po-edit-popup-table
    tbody
    td:nth-child(3)
    .modal_input
    input {
    padding: 5px 6px 8px;
  }
  .add-new-invoice tbody tr td .width-selector .css-107lb6w-singleValue {
    top: 59%;
  }
  .add-new-invoice tbody tr td .width-selector {
    margin-top: -9px;
  }
  .invoice_edit2 tbody td .chart_short_td input {
    padding: 7px 6px 8px;
  }
  .invoice_edit2 tbody td > .width-selector {
    margin-top: -9px;
  }
  .add-new-invoice tbody td .anew_chart_short_td input {
    padding: 0px 6px 4px;
  }
  .login_table_list
    .invoice_edit2.inv--edit
    tbody
    .position-relative_chart
    .modal_input
    input,
  .invoice_edit2.inv--edit .chart_short_td input {
    top: -10px;
  }
  .invoice_edit2.inv--edit tbody td > .width-selector {
    margin-top: -7px;
  }
  .login_table_list .invoice_edit2 tbody tr td .modal_input input {
    padding: 11px 6px 10px;
  }
  .login_table_list .new-po-edit-popup-table tbody tr td .modal_input input {
    padding: 11px 6px 10px;
  }
  .mm_invoice_sidebar_right {
    min-height: calc(100vh - 104px) !important;
  }
  .invoice-carowsel-new .carousel-control-prev i,
  .invoice-carowsel-new .carousel-control-next i {
    padding: 0px 15px;
    height: 55px;
    width: auto;
  }
  .invoice-carowsel-new .carousel-control-prev .carousel-control-prev-icon,
  .invoice-carowsel-new .carousel-control-next .carousel-control-next-icon {
    top: 17px;
    position: relative;
  }
  .img-section-t .invoice-carowsel-new .carousel-control-next {
    right: 10%;
  }
  .login_table_list .invic-detail thead .invoice-detail-desth {
    width: 51%;
  }
  .exp_header_bottom {
    width: 91%;
  }
  .od_popup_chartcode .chart_menue {
    left: 41.8%;
  }
  .inv-d_popup_chartcode .chart_menue {
    left: 43%;
  }
  .login_table_list .newpo--edit thead tr .exp_th1 {
    padding-left: 36px !important;
  }
  .login_table_list .exp_edit thead .exp-descript,
  .login_table_list .exp_edit tbody .exp-descript {
    width: 47%;
    text-align: left;
  }
  .login_table_list .exp_edit tbody .exp-descript input {
    width: 100%;
  }
  .exp_edit tbody tr td:first-child {
    padding-left: 21px !important;
  }
  .login_table_list .exp_edit .exp-form-flag {
    width: 2%;
  }
  .login_table_list .exp_edit thead .exp-supplier-th {
    width: 15%;
  }
  .login_table_list .exp_edit tbody td .wd-300 {
    width: 100%;
  }
  .login_table_list .exp_edit2 thead th:nth-child(6),
  .login_table_list .exp_edit3 thead .exp-descript {
    width: 80%;
  }
  .mm_pdf_img img#preview {
    transform: scale(4.3) !important;
  }
  .order_pdf_new {
    width: calc(100% - 427px) !important;
  }
  .full_screen_convas.invoice_pdf_canvas.invoice_pdf_new canvas {
    width: auto !important;
  }
  .login_table_list table thead .new-pad-right {
    padding-right: 30px;
  }
  .login_table_list table tbody tr .pr-subtotal {
    padding-right: 24px;
  }
  .login_table_list table thead .new-pad-right2,
  .login_table_list table tbody tr .pr-subtotal2 {
    padding-right: 23px;
  }
}

@media (min-width: 1600px) and (max-width: 2560px) {
  .mm_invoice_sidebar2 {
  max-height: calc(200vh - 140px) !important;
    height: 200vh !important;
    top: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 2560px) {
  .mm_doc_sidebarNew {
    min-height: calc(100vh - 140px) !important;
    max-height: calc(100vh - 0px) !important;
    height: 87vh !important;
  }
}

@media (min-width: 1180px) and (max-width: 2000px) {
  .mm_doc_sidebarNew {
    min-height: calc(100vh - 169px) !important;
    max-height: calc(100vh - 0px) !important;
    height: auto !important;
  }
}

@media screen and (max-width: 1599px) and (min-width: 1200px) {
  .mm_invoice_sidebar2 {
      height: 153vh !important;
        max-height: calc(148vh - 126px) !important;
  }
  .mm_doc_sidebar {
    max-height: calc(100vh - 162px) !important;
  }
  .mm_doc_sidebar2 {
    max-height: calc(100vh - 181px) !important;
  }
  .order-detail-popup3 .modal-lg {
    max-width: 872px !important;
  }
  .order-detail-popup4 .modal-lg {
    max-width: 922px !important;
  }
  .order-detail-popup5 .modal-lg {
    max-width: 980px !important;
  }
  .order-detail-popup6 .modal-lg {
    max-width: 1053px !important;
  }
  .order-detail-popup7 .modal-lg {
    max-width: 1103px !important;
  }
  .order-detail-popup8 .modal-lg {
    max-width: 1152px !important;
  }
  .order-detail-popup9 .modal-lg {
    max-width: 1223px !important;
  }
  .order-detail-popup10 .modal-lg {
    max-width: 1276px !important;
  }
}

@media (min-width: 1920px) and (max-width: 2500px) {
  .login_form .new_input_pad {
    margin-bottom: 0px;
  }
  .exp_edit .exp-form-field::before {
    top: 22%;
  }
  .order-detail-popup-table thead .order-popup-th {
    width: 38%;
    padding-left: 0;
  }
  .new-po-edit-popup-table thead .newpoedit-desth {
    width: 66%;
  }
  .invoice_edit2 tbody td .chart_short_td input {
    padding: 5px 6px 8px;
  }
  .add-new-invoice tbody td .anew_chart_short_td input {
    padding: 0px 6px 4px;
    top: -10px;
  }
  .add-new-invoice tbody .position-relative_chart .modal_input input {
    top: -10px;
    padding: 5px 1px 9px 1px !important;
  }
  .login_table_list .new-po-edit-popup-table tbody tr td .modal_input input {
    padding: 11px 6px 10px;
  }
  .expenses-hed-right {
    width: 69%;
  }
  .exp_header_bottom {
    width: calc(100% - 21%);
  }
  .od_popup_chartcode .chart_menue {
    left: 40%;
  }
  .inv-d_popup_chartcode .chart_menue {
    left: 41%;
  }
  .login_table_list .newpo--edit thead tr .exp_th1 {
    padding-left: 36px !important;
  }
  .login_table_list .exp_edit thead .exp-descript,
  .login_table_list .exp_edit tbody .exp-descript,
  .login_table_list .exp_edit tbody .exp-descript input {
    width: 362px;
  }
  .exp_edit tbody tr td:first-child {
    padding-left: 21px !important;
  }
  .mm_pdf_img img#preview {
    transform: scale(1.8) !important;
  }
  .login_table_list table thead .new-pad-right {
    padding-right: 30px;
  }
  .login_table_list table tbody tr .pr-subtotal {
    padding-right: 24px;
  }
  .login_table_list table thead .new-pad-right2,
  .login_table_list table tbody tr .pr-subtotal2 {
    padding-right: 23px;
  }
}

@media (min-width: 1200px) and (max-width: 2560px) {
  .mm_polog_tabel tr .dec_pad {
    padding-left: 109px;
  }
}

@media (min-width: 1500px) and (max-width: 1900px) {
  /****************** font 40 **********************/
  .modal-title,
  .home_stat_table tbody tr td {
    font-size: 38px !important;
  }
  /****************** font 25 **********************/
  .def-blue,
  .tbl_total_amount {
    font-size: 23px;
  }
  /****************** font 23 **********************/
  .welcome p {
    font-size: 21px !important;
  }
  /****************** font 20 **********************/
  .modal_input input,
  .input_field_icons,
  table.project_table thead th,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  .show_selected,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label,
  .btn-save,
  .settings_display_row .lable-inner-wrapper,
  .analysis_blue,
  .analysis_tab_main .nav-tabs .nav-link,
  .form-group.remember_check p,
  .analysis_white,
  .custon_select-selector-inner__control,
  .user_drop_options .dropdown-menu .dropdown-item,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option,
  .import_lab,
  .more_label,
  .modal-text-input,
  .import_label span,
  .login_form input,
  .login_form p,
  .f-20,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td {
    font-size: 18px !important;
  }

  /* .login_table_list .invoice_edit2 tbody td:nth-child(5) .modal_input input {
    padding: 0px 6px 6px;
  } */
  .exp_edit .exp-form-field::before {
    font-size: 18px !important;
    top: 22%;
  }
  .form-group.remember_check .mm_font {
    font-size: 14px !important;
  }
  /****************** font 18 **********************/
  .profile-tabs .nav-item .nav-link,
  .home_stat_table thead th,
  .search_btn {
    font-size: 16px !important;
  }
  /****************** font 16 **********************/
  .resend_code,
  .resend_pin,
  .forgot_btn,
  .form-group.remember_check label {
    font-size: 14px !important;
  }
  /****************** font 15 **********************/
  .custon_select label,
  .home_stat_table tbody tr th,
  .field_below_check span,
  .profile-box p a {
    font-size: 13px !important;
  }
  .tracking_code_select
    .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 13px !important;
  }
  /* **************************************************************************** */
  .modal-lg {
    max-width: 888px !important;
  }
  #login_left_slider .carousel-inner .carousel-item img {
    width: 90%;
  }
  .login_side.tabel {
    padding: 4vw 8vw 0;
  }
  .welcome p {
    width: 90% !important;
  }
  /* .side-attachments,
  .side-attachments-2 {
    max-height: -webkit-fill-available;
  } */
  /* img[usemap]{ padding-left: 3vw;} */
  .custon_select-selector-inner__control,
  .modal_input input {
    font-size: 13px !important;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 14px !important;
  }
  .login_table_list .invoice_edit2 tbody td.mm-color-match {
    font-size: 13px !important;
      color: #5a5a5a !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }
  .form-group.mm_check5 input:checked + label:after {
    bottom: 5px !important;
  }
  .form-group.mm_checkCc1 input:checked + label:after {
    bottom: 7px !important;
  }
  .mm_polog_main1 table thead th:nth-child(6) {
    width: 250.4px !important;
  }
  table.mm_sub_polog thead tr th:nth-child(5) {
    width: 250.4px !important;
  }
  table.mm_sub_polog thead tr th:nth-child(4) {
    width: 103.2px !important;
  }
  .mm_polog_main1 table thead th:nth-child(5) {
    width: 103.2px !important;
  }
  .mm_polg_main {
    padding-left: 20px !important;
  }
}

@media (min-width: 1800px) and (max-width: 1899px) {
  .login_table_list .invoice_edit2 tbody tr td .modal_input input {
    padding: 11px 6px 10px;
  }
  .inv-edit-page .modal_input.width-90 {
    margin-right: 2px;
  }
}

/* xl end */

/* xlg screen */

@media (min-width: 1200px) and (max-width: 1499px) {
  .mm_polog_tabel tr .dec_pad {
    padding-left: 30px;
  }
  .mm_right_sidebar {
    min-height: calc(100vh - 182px) !important;
  }
  .login_table_list
    .invoice_edit2.inv--edit
    tbody
    .position-relative_chart
    .modal_input
    input,
  .login_table_list .invoice_edit2.inv--edit tbody .chart_short_td input {
    padding: 0px 6px 7px;
  }
}

@media (min-width: 1200px) and (max-width: 1499px) {
  /****************** font 40 **********************/
  .modal-title,
  .home_stat_table tbody tr td {
    font-size: 35px !important;
  }
  /****************** font 25 **********************/
  .def-blue,
  .welcome h2,
  .tbl_total_amount {
    font-size: 22px !important;
  }
  /****************** font 23 **********************/
  .welcome p {
    font-size: 21px !important;
  }
  /****************** font 20 **********************/
  .modal_input input,
  .input_field_icons,
  table.project_table thead th,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  .show_selected,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label,
  .btn-save,
  .analysis_blue,
  .analysis_tab_main .nav-tabs .nav-link,
  .form-group.remember_check p,
  .analysis_white,
  .custon_select-selector-inner__control,
  .user_drop_options .dropdown-menu .dropdown-item,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option,
  .import_lab,
  .more_label,
  .modal-text-input,
  .import_label span,
  .login_form input,
  .login_form p,
  .f-20,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td {
    font-size: 18px !important;
  }
  .login_form .input_width input,
  .login_form .input_height {
    font-size: 14px !important;
  }
  .exp_edit .exp-form-field::before {
    font-size: 14px !important;
  }
  /****************** font 18 **********************/
  .profile-tabs .nav-item .nav-link,
  .home_stat_table thead th,
  .search_btn {
    font-size: 16px !important;
  }
  /****************** font 16 **********************/
  .resend_code,
  .resend_pin,
  .forgot_btn,
  .form-group.remember_check label {
    font-size: 14px !important;
  }
  /****************** font 15 **********************/
  .custon_select label,
  .home_stat_table tbody tr th,
  .field_below_check span,
  .profile-box p a {
    font-size: 13px !important;
  }
  .tracking_code_select
    .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 13px !important;
  }
  /* **************************************************************************** */
  #login_left_slider .carousel-inner .carousel-item img {
    width: 80%;
  }
  .modal-lg {
    max-width: 888px !important;
  }
  .forgot_form {
    width: 45%;
  }
  .mt-100 {
    margin-top: 4vw;
  }
  .site_log {
    margin-bottom: 30px;
  }
  .login_table_list {
    font-size: 14px;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 14px !important;
  }
  .login_table_list .invoice_edit2 tbody td.mm-color-match {
    font-size: 13px !important;
      color: #5a5a5a !important;
  }
  .form-group.remember_check .mm_font {
    font-size: 14px !important;
  }
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 13px !important;
  }
  .form-group.remember_check label,
  .forgot_btn {
    font-size: 12px;
  }
  .login_table_btns {
    bottom: 54px;
  }
  .login_table_list .invoice_edit2 tbody td.mm-color-match {
    font-size: 13px !important;
      color: #5a5a5a !important;
  }
  .login_side {
    padding: 4vw 6vw 0;
  }
  #recent_activity {
    width: 30vw !important;
  }
  .welcome p {
    width: 90% !important;
  }
  /* faraz */
  .order-tabs .nav-item a {
    padding: 10px 17px !important;
    font-size: 13px !important;
  }
  /* .tab-content .tab-pane li a {
    font-size: 13px !important;
  } */
  /* .tab-content .tab-pane li img {
    margin-top: 5px !important;
  } */
  /* end */
  img.img-fluid.add_icon_img {
    width: 75%;
  }
  /* .side-attachments,
  .side-attachments-2 {
    max-height: -webkit-fill-available;
  } */
  /* img[usemap]{ padding-left: 3vw;} */
  table.project_table.search_table thead tr th,
  table.project_table.search_table tbody tr th,
  table.project_table.search_table tbody tr td {
    font-size: 13px !important;
  }
  .custon_select-selector-inner__control,
  .modal_input input {
    font-size: 13px !important;
  }
  .login_table_list .invoice_edit2 tbody td.mm-color-match {
    font-size: 13px !important;
      color: #5a5a5a !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }
  .mm_polg_main {
    padding-left: 8px !important;
  }
  table.mm_sub_polog thead tr th:nth-child(5) {
    width: 242.4px !important;
  }
  .mm_polog_main1 table thead th:nth-child(6) {
    width: 242.2px !important;
  }
  table.mm_sub_polog thead tr th:nth-child(4) {
    width: 146.2px !important;
  }
  .mm_polog_main1 table thead th:nth-child(5) {
    width: 146.2px !important;
  }
}

/* xlg end */

/* lg screen */

@media (min-width: 992px) and (max-width: 1199px) {
  /****************** font 40 **********************/
  .modal-title,
  .home_stat_table tbody tr td,
  .external-text {
    font-size: 32px !important;
  }
  /****************** font 25 **********************/
  .def-blue,
  .welcome h2,
  .tbl_total_amount {
    font-size: 20px !important;
  }
  /****************** font 23 **********************/
  .welcome p {
    font-size: 19px !important;
  }
  /****************** font 20 **********************/
  .modal_input input,
  .settings_display_row .lable-inner-wrapper,
  .input_field_icons,
  table.project_table thead th,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  .show_selected,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label,
  .btn-save,
  .analysis_blue,
  .analysis_tab_main .nav-tabs .nav-link,
  .form-group.remember_check p,
  .analysis_white,
  .custon_select-selector-inner__control,
  .user_drop_options .dropdown-menu .dropdown-item,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option,
  .import_lab,
  .more_label,
  .modal-text-input,
  .import_label span,
  .login_form input,
  .login_form p,
  .f-20,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td {
    font-size: 16px !important;
  }
  .exp_edit .exp-form-field::before {
    font-size: 16px !important;
  }
  /****************** font 18 **********************/
  .profile-tabs .nav-item .nav-link,
  .home_stat_table thead th,
  .search_btn {
    font-size: 14px !important;
  }
  /****************** font 16 **********************/
  .resend_code,
  .resend_pin,
  .forgot_btn,
  .form-group.remember_check label {
    font-size: 12px !important;
  }
  /****************** font 15 **********************/
  .custon_select label,
  .home_stat_table tbody tr th,
  .field_below_check span,
  .profile-box p a {
    font-size: 11px !important;
  }
  .tracking_code_select
    .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 11px !important;
  }
  /* **************************************************************************** */
  .login_side {
    padding: 4vw 5vw 0;
  }
  .modal-lg {
    max-width: 888px !important;
  }
  .order-detail-popup4 .modal-lg {
    max-width: 924px !important;
  }
  .order-detail-popup5 .modal-lg {
    max-width: 985px !important;
  }
  .order-detail-popup6 .modal-lg {
    max-width: 1043px !important;
  }
  .order-detail-popup7 .modal-lg {
    max-width: 1090px !important;
  }
  .order-detail-popup .login_table_list {
    overflow: auto;
  }
  .forgot_form {
    width: 60%;
  }
  .mt-100 {
    margin-top: 4vw;
  }
  .site_log {
    margin-bottom: 30px;
  }
  .login_table_list {
    font-size: 12px;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 12px !important;
  }
  .form-group.remember_check .mm_font {
    font-size: 12px !important;
  }
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 11px !important;
  }
  #recent_activity {
    width: 40vw !important;
  }
  .welcome p {
    width: 90% !important;
  }
  .recent_act {
    margin-bottom: 20px;
  }
  /* faraz */
  .order-tabs .nav-item a {
    padding: 10px 7px !important;
    font-size: 13px !important;
  }
  .order-tabs .nav-item a .stats {
    margin-left: 5px !important;
    font-size: 10px !important;
  }
  .tab-content .tab-pane li a {
    font-size: 10px !important;
  }
  .tab-content .tab-pane li img {
    top: 0px !important;
  }
  .slider-panel .zom-img {
    margin: 8px 15px 0 0 !important;
  }
  /* .tab-content .tab-pane li img {
    margin-top: 5px !important;
    margin-right: 5px !important;
  } */
  .tab-content .tab-pane li {
    padding: 0 15px 0 0 !important;
  }
  /* end */
  img.img-fluid.add_icon_img {
    width: 75%;
  }
  .custon_select-selector-inner__control,
  .modal_input input {
    font-size: 13px !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }

  .login_table_list .od_popup_new.order--PDF tbody td {
    padding-top: 11px;
  }
  .login_table_list .new-po-edit-popup-table tbody tr td .modal_input input {
    padding: 12px 6px 10px;
  }
}

/* lg end */

/* lg to md end */

@media (min-width: 768px) and (max-width: 1100px) {
  /* .side-attachments,
  .side-attachments-2 {
    max-height: -webkit-fill-available;
  } */
  .form-group.remember_check label,
  .forgot_btn {
    font-size: 12px;
  }
  .login_blue,
  .login_white {
    padding: 8px 25px;
    font-size: 18px;
  }
  .model-p,
  .btn_white,
  .btn_blue,
  .login_table_list {
    font-size: 12px;
  }
  /* img[usemap]{ padding-left: 0vw;} */
  .custon_select-selector-inner__control,
  .modal_input input {
    font-size: 13px !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 12px !important;
  }
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 11px !important;
    padding: 5px 12px;
  }
  .mm_polg_main {
    padding-left: 0px !important;
  }
  .mm_polog_main1 table thead th:nth-child(6) {
    width: 211.2px !important;
  }
  .mm_polog_main1 table thead th:nth-child(5) {
    width: 130.2px !important;
  }
  table.mm_sub_polog thead tr th:nth-child(5) {
    width: 211.2px !important;
    padding-left: 12px;
  }
  table.mm_sub_polog thead tr th:nth-child(4) {
    width: 130.2px !important;
  }
}

/* end */

/* faraz */

@media (min-width: 0px) and (max-width: 991px) {
  /* .side-attack{display: none;} */
  /* .side-attachments,
  .side-attachments-2 {
    max-height: -webkit-fill-available;
  } */
  .drag-panel-main {
    margin-right: 0px !important;
  }
  .drag-t-sec {
    min-height: auto !important;
    text-align: center;
    padding: 50px 15px !important;
  }
  .add-new-t tr td {
    white-space: nowrap;
  }
  .tab-1-line tr th,
  .tab-1-line tr td {
    white-space: nowrap;
  }
  /* img[usemap]{ padding-left: 0vw;} */
  .btn-save {
    margin: 0px !important;
  }
  .login_table_list .invic-detail tbody tr td .modal_input input {
    padding: 12px 6px 10px;
  }
  .login-badges {
    bottom: 32px;
  }
  .od_popup_chartcode .chart_menue {
    left: 48.4%;
  }
  .inv-d_popup_chartcode .chart_menue {
    left: 48%;
  }
  .order-detail-popup .login_table_list {
    overflow: auto;
  }
}

/* faraz */

/* md screen */

@media (min-width: 768px) and (max-width: 991px) {
  /****************** font 40 **********************/
  .modal-title,
  .home_stat_table tbody tr td,
  .external-text {
    font-size: 28px !important;
  }
  /****************** font 25 **********************/
  .def-blue,
  .welcome h2,
  .tbl_total_amount {
    font-size: 21px !important;
  }
  /****************** font 23 **********************/
  .welcome p {
    font-size: 19px !important;
  }
  /****************** font 20 **********************/
  .modal_input input,
  .settings_display_row .lable-inner-wrapper,
  .input_field_icons,
  table.project_table thead th,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  .show_selected,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label,
  .btn-save,
  .analysis_blue,
  .analysis_tab_main .nav-tabs .nav-link,
  .form-group.remember_check p,
  .analysis_white,
  .custon_select-selector-inner__control,
  .user_drop_options .dropdown-menu .dropdown-item,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option,
  .import_lab,
  .more_label,
  .modal-text-input,
  .import_label span,
  .login_form input,
  .login_form p,
  .f-20,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td {
    font-size: 16px !important;
  }
  .form-group.remember_check .mm_font {
    font-size: 16px !important;
  }
  /****************** font 18 **********************/
  .profile-tabs .nav-item .nav-link,
  .home_stat_table thead th,
  .search_btn {
    font-size: 13px !important;
  }
  /****************** font 16 **********************/
  .resend_code,
  .resend_pin,
  .forgot_btn,
  .form-group.remember_check label {
    font-size: 12px !important;
  }
  /****************** font 15 **********************/
  .custon_select label,
  .home_stat_table tbody tr th,
  .field_below_check span,
  .profile-box p a {
    font-size: 11px !important;
  }
  .tracking_code_select
    .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 11px !important;
  }
  /* **************************************************************************** */
  .login_side {
    padding: 4vw 5vw 0;
  }
  .mt-100 {
    margin-top: 4vw;
  }
  .site_log {
    margin-bottom: 30px;
  }
  .modal-content {
    margin: 0px 20px !important;
  }
  .move-modal-t {
    padding: 30px;
    margin-bottom: 0;
  }
  #recent_activity {
    width: 50vw !important;
  }
  .welcome p {
    width: 90% !important;
  }
  /* .side-nav#show-side-navigation1 {
    transform: translateX(-260px) !important;
    position: absolute;
  } */
  .mm_invoice_left_sidebar#show-side-navigation1 {
    transform: translateX(0) !important;
    position: absolute;
  }
  #contents {
    margin: 0 !important;
  }
  .recent_act {
    margin-bottom: 20px;
  }
  .sup-main-pad {
    padding: 10px 30px !important;
  }
  /* faraz */
  .order-tabs .nav-item a {
    padding: 10px 10px !important;
    font-size: 13px !important;
  }
  .tab-content .tab-pane li a {
    font-size: 12px !important;
  }
  /* .tab-content .tab-pane li img {
    margin-top: 5px !important;
  } */
  .tab-content .tab-pane li {
    padding: 0 14px 0 0 !important;
  }
  /* end */
  img.img-fluid.add_icon_img {
    width: 50%;
  }
  .custon_select-selector-inner__control,
  .modal_input input {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 12px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 12px !important;
  }
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 11px !important;
    padding: 5px 12px;
  }
  .documents_attatchments1 {
    overflow: hidden;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 13px !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 13px !important;
  }
  .text-left .chart_short_td input {
    font-size: 13px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 13px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 13px !important;
  }
  .new-po-edit-popup-table tbody tr td:nth-child(2) {
    white-space: nowrap;
  }
  .login_table_list .od_popup_new.order--PDF tbody td {
    padding-top: 11px;
  }
}

/* md end */

/* sm to xs screen */

@media (min-width: 767px) and (max-width: 800px) {
  .new-po-edit-popup-table .position-relative_chart .modal_input input {
    top: -11px;
  }
  /* .login_table_list .invoice_edit2 tbody td:nth-child(5) .modal_input input {
    top: -11px;
  } */
  .login_table_list
    .invoice_edit2.inv--edit
    tbody
    td:nth-child(4)
    .chart_short_td
    input {
    top: -11px;
  }
}

@media (min-width: 0px) and (max-width: 767px) {
  .modal_884 .modal-dialog,
  .modal_90vw .modal-dialog,
  .modal_704 .modal-dialog,
  .modal_555 .modal-dialog,
  .success_model_main .modal-dialog,
  .modal-lg {
    width: 100% !important;
  }
  .def-blue {
    font-size: 16px;
    margin-bottom: 0;
  }
  .recent_act {
    margin-bottom: 20px;
  }
  .sup-main-pad {
    padding: 10px 10px !important;
  }
  /* dashboard css */
  .dash_top_navbar .navbar-expand-sm .navbar-collapse {
    display: block !important;
  }
  .dash_top_navbar .navbar-expand-sm .navbar-nav {
    flex-direction: row;
    margin-top: 0 !important;
    margin-right: auto !important;
  }
  .dash_top_navbar .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.3rem !important;
    padding-left: 0.3rem !important;
  }
  .external_modal_link {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .p-all-0,
  .p-all-0 .col,
  .p-all-0 > [class*="col-"] {
    padding: 0px !important;
  }
  .t-right {
    text-align: right;
  }
  #contents .container-fluid {
    padding: 0px;
  }
  .user_drop_options .dropdown-menu.dropdown-menu-right.show {
    width: auto !important;
  }
  .gray_close.xs-position {
    top: 10px !important;
    right: 25px !important;
  }
  /* end */
  /* .side-nav#show-side-navigation1 {
    transform: translateX(-260px) !important;
    position: absolute;
  } */
  .mm_invoice_left_sidebar#show-side-navigation1 {
    transform: translateX(0) !important;
    position: absolute;
  }
  #contents {
    margin: 0 !important;
  }
  /* faraz */
  .side-attachments,
  .side-attachments-2 {
    right: 0 !important;
  }
  .documents_attatchments1 {
    right: 0 !important;
    overflow: hidden;
  }
  .img-section-t .carousel-control-next {
    right: -30px !important;
  }
  .img-section-t .carousel-control-prev {
    left: -30px !important;
  }
  .img-section-2 .carousel-control-prev {
    left: 0px !important;
  }
  .img-section-2 .carousel-control-next {
    right: 0px !important;
  }
  .mm_order_sidebar {
    top: 100%;
  }
  /* end */
  .suppliers_side_nav.wid-2#show-side-navigation2 {
    transform: translateX(0px) !important;
  }
  .login_table_list .exp_edit tbody td input {
    font-size: 14px !important;
  }
  .new-po-edit-popup-table .position-relative_chart .modal_input input {
    top: -11px;
  }
}

/* end */

/* sm screen */

@media (min-width: 576px) and (max-width: 767px) {
  /****************** font 40 **********************/
  .modal-title,
  .home_stat_table tbody tr td,
  .external-text {
    font-size: 25px !important;
  }
  /****************** font 25 **********************/
  .def-blue,
  .welcome h2,
  .tbl_total_amount {
    font-size: 16px !important;
  }
  /****************** font 23 **********************/
  .welcome p {
    font-size: 16px !important;
  }
  /****************** font 20 **********************/
  .modal_input input,
  .settings_display_row .lable-inner-wrapper,
  .input_field_icons,
  table.project_table thead th,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  .show_selected,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label,
  .btn-save,
  .analysis_blue,
  .analysis_tab_main .nav-tabs .nav-link,
  .form-group.remember_check p,
  .analysis_white,
  .custon_select-selector-inner__control,
  .user_drop_options .dropdown-menu .dropdown-item,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option,
  .import_lab,
  .more_label,
  .modal-text-input,
  .import_label span,
  .login_form input,
  .login_form p,
  .f-20,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td {
    font-size: 14px !important;
  }
  .exp-form-field::before {
    font-size: 14px !important;
  }
  .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option:nth-child(even) {
    font-size: 14px !important;
  }
  .exp_edit .exp-form-field::before {
    font-size: 14px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 12px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 12px !important;
  }
  /****************** font 18 **********************/
  .profile-tabs .nav-item .nav-link,
  .home_stat_table thead th,
  .search_btn {
    font-size: 12px !important;
  }
  /****************** font 16 **********************/
  .resend_code,
  .resend_pin,
  .forgot_btn,
  .form-group.remember_check label {
    font-size: 12px !important;
  }
  /****************** font 15 **********************/
  .custon_select label,
  .home_stat_table tbody tr th,
  .field_below_check span,
  .profile-box p a {
    font-size: 10px !important;
  }
  .tracking_code_select
    .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 10px !important;
  }
  /* **************************************************************************** */
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
  .form-group.remember_check label,
  .forgot_btn {
    font-size: 10px;
  }
  .login_blue,
  .login_white {
    padding: 8px 25px;
    font-size: 16px;
  }
  .model-p,
  .btn_white,
  .btn_blue,
  .login_table_list {
    font-size: 12px;
  }
  .login_table_list table thead th,
  .login_table_list table tbody td,
  .login_table_list table tbody th,
  .login_table_list table tbody th h6,
  .login_table_list table tbody th p,
  .login_table_list table tbody td p,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label {
    font-size: 12px !important;
  }
  .form-group.remember_check .mm_font {
    font-size: 12px !important;
  }
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 11px !important;
  }
  .forgot_form {
    width: 100%;
  }
  .mt-100 {
    margin-top: 4vw;
  }
  .site_log {
    margin-bottom: 30px;
  }
  .modal-content {
    margin: 0px 20px !important;
  }
  .copy_right,
  .term {
    position: relative;
  }
  .btn-save {
    font-size: 14px;
    margin-left: 10px;
  }
  .move-modal-t {
    padding: 30px;
    margin-bottom: 0;
  }
  .modal-title {
    padding: 18px 0px 10px;
  }
  .modal-text-input {
    padding: 15px;
  }
  .profile-tabs .tab-content {
    min-height: auto;
  }
  .profile-box {
    padding: 15px 15px 10px;
  }
  .profile-box > img {
    margin-bottom: 10px;
  }
  #recent_activity {
    width: 60vw !important;
  }
  .welcome p {
    width: 90% !important;
  }
  /* faraz */
  .order-tabs .nav-item a {
    padding: 10px 6px !important;
    font-size: 9px !important;
  }
  .order-tabs .nav-item a .stats {
    margin-left: 7px !important;
    font-size: 10px !important;
  }
  /* end */
  img.img-fluid.add_icon_img {
    width: 50%;
  }
  .tab-content .tab-pane li a {
    font-size: 11px !important;
  }
  .position-relative_chart .modal_input input {
    font-size: 14px !important;
  }
  .text-left .chart_short_td input {
    font-size: 14px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 14px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 14px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 14px !important;
  }
}

/* sm end */

/* xs screen */

@media (min-width: 0px) and (max-width: 575px) {
  /****************** font 40 **********************/
  .modal-title,
  .home_stat_table tbody tr td,
  .external-text {
    font-size: 20px !important;
  }
  /****************** font 25 **********************/
  .def-blue,
  .welcome h2,
  .tbl_total_amount {
    font-size: 14px !important;
  }
  /****************** font 23 **********************/
  .welcome p {
    font-size: 12px !important;
  }
  /****************** font 20 **********************/
  .modal_input input,
  .input_field_icons,
  table.project_table thead th,
  table.project_table thead th .form-group.remember_check label,
  table.project_table tbody tr th,
  .show_selected,
  table.project_table tbody tr td,
  table.project_table tbody tr th .form-group.remember_check label,
  .btn-save,
  .analysis_blue,
  .analysis_tab_main .nav-tabs .nav-link,
  .form-group.remember_check p,
  .analysis_white,
  .custon_select-selector-inner__control,
  .user_drop_options .dropdown-menu .dropdown-item,
  .custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option,
  .import_lab,
  .more_label,
  .modal-text-input,
  .import_label span,
  .login_form input,
  .login_form p,
  .f-20,
  table.po_log_table thead th,
  table.po_log_table tbody tr th,
  table.po_log_table tbody tr td {
    font-size: 12px !important;
  }
  .exp-form-field::before {
    font-size: 12px !important;
  }
  .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option:nth-child(even) {
    font-size: 12px !important;
  }
  .exp_edit .exp-form-field::before {
    font-size: 12px !important;
  }
  .form-group.remember_check .mm_font {
    font-size: 12px !important;
  }
  /****************** font 18 **********************/
  .profile-tabs .nav-item .nav-link,
  .home_stat_table thead th,
  .search_btn {
    font-size: 12px !important;
  }
  /****************** font 16 **********************/
  .resend_code,
  .resend_pin,
  .forgot_btn,
  .form-group.remember_check label {
    font-size: 10px !important;
  }
  .tracking_code_select
    .tracking_codes.track_menu.custon_select-selector-inner__menu-list
    .custon_select-selector-inner__option {
    font-size: 10px !important;
  }
  /****************** font 15 **********************/
  .custon_select label,
  .home_stat_table tbody tr th,
  .field_below_check span,
  .profile-box p a {
    font-size: 10px !important;
  }
  /* **************************************************************************** */
  /* padding 10 */
  .modal-text-input {
    padding: 10px;
  }
  .analysis_card_ful {
    margin: 0px !important;
  }
  .analysis_tab_main ul li {
    width: 100%;
    margin-bottom: 10px !important;
  }
  .side-nav .categories > li {
    padding: 0px !important;
  }
  .side-nav .categories > li a {
    padding: 10px !important;
  }
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
  .form-group.remember_check label,
  .forgot_btn {
    font-size: 10px;
  }
  .login_form .form-group {
    margin-bottom: 0px;
  }
  .pr-xs-0 {
    padding-right: 0px !important;
  }
  .login_blue,
  .login_white {
    padding: 8px 25px;
    font-size: 16px;
  }
  .login_table_list {
    font-size: 12px;
    padding: 10px;
  }
  .model-p {
    font-size: 12px;
    padding: 10px 0px 0px !important;
    margin-bottom: 0;
  }
  .forgot_btn {
    padding-bottom: 0px;
  }
  .btn_white,
  .btn_blue {
    font-size: 12px;
    padding: 10px 25px;
  }
  .modal-content {
    margin: 0px 15px 0 0px !important;
  }
  .forgot_form {
    width: 100%;
  }
  .mt-100 {
    margin-top: 4vw;
  }
  .site_log {
    margin-bottom: 30px;
  }
  .success_msg {
    font-size: 20px;
    padding: 20px 0px 0px;
  }
  .modal-title {
    font-size: 16px;
  }
  #login_left_slider .carousel-caption h5 {
    font-size: 12px;
  }
  #login_left_slider .carousel-caption p {
    font-size: 9px;
  }
  #login_left_slider .carousel-indicators li {
    margin-right: 5px !important;
  }
  .login_table_list table thead th:nth-child(1),
  .login_table_list table tbody tr th:nth-child(1) {
    padding-left: 10px;
  }
  .login_table_btns,
  .term {
    position: relative;
    bottom: 0px;
  }
  .login_table_btns .login_btn {
    margin: 0px 0 40px;
  }
  .btn-save {
    font-size: 10px;
    margin-left: 0px;
  }
  .modal-title {
    padding: 10px 0px 0px;
  }
  .modal_input input {
    margin-top: 0px !important;
  }
  .custon_select .modal_input input {
    margin-bottom: 0px !important;
  }
  .custon_select {
    margin-bottom: 10px;
  }
  .form-group.remember_check label:before {
    padding: 6px !important;
  }
  .field_below_check span {
    padding-top: 2px !important;
    float: right;
  }
  .form-group.remember_check input:checked + label:after {
    /* bottom: 5px !important;
    left: 5px !important; */
    width: 4px !important;
    height: 8px !important;
  }
  .custon_select-selector-inner__single-value {
    text-overflow: ellipsis !important;
    width: 90% !important;
  }
  .profile-tabs .tab-content {
    min-height: auto;
  }
  .profile-box {
    padding: 15px 15px 10px;
  }
  .profile-box > img {
    margin-bottom: 10px;
  }
  .w-sm-100 {
    width: 100% !important;
    flex: 0 0 100%;
    margin-top: 10px;
  }
  /* dashboard css */
  .order_2 {
    order: 2;
  }
  .dash_top_navbar .navbar {
    padding: 0px 10px !important;
  }
  .form-inline {
    float: right;
  }
  #recent_activity {
    width: 100% !important;
  }
  .welcome h2 {
    margin-bottom: 10px !important;
  }
  .welcome p {
    width: 90% !important;
  }
  .welcome .content .white_close,
  .gray_close {
    width: 10px;
    right: 10px !important;
    top: 10px !important;
  }
  .dashboard_body_content {
    margin-top: 110px !important;
  }
  #top_nav_toggle1 {
    top: 114px !important;
  }
  /* end */
  /* faraz */
  .order-tabs .nav-item a {
    padding: 15px 4px !important;
    font-size: 10px !important;
    border-right: 0 !important;
  }
  .order-tabs .nav-item a .stats {
    margin-left: 7px !important;
    font-size: 10px !important;
  }
  .tab-content .tab-pane li a {
    font-size: 11px !important;
  }
  /* .tab-content .tab-pane li img {
    margin-top: 5px !important;
    margin-right: 5px !important;
  } */
  .tab-content .tab-pane li {
    padding: 8px 10px 0 0 !important;
  }
  /* end */
  .Setting_main .forgot_body {
    padding: 0px !important;
  }
  img.img-fluid.add_icon_img {
    width: 30%;
  }
  .order-tabs .nav-tabs {
    justify-content: start;
  }
  .analysis-btn {
    margin-top: 110px;
  }
  .position-relative_chart .modal_input input {
    font-size: 12px !important;
  }
  .text-left .chart_short_td input {
    font-size: 12px !important;
  }
  .text-left .anew_chart_short_td input {
    font-size: 12px !important;
  }
  .login_table_list table tbody .desc_amount_td {
    font-size: 12px !important;
  }
  .login_table_list .exp_edit tbody td input {
    font-size: 12px !important;
  }
  .login_table_list .od_popup_new tbody tr td {
    font-size: 12px !important;
  }
}

@media (min-width: 0px) and (max-width: 400px) {
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
  .login_form input {
    font-size: 10px;
  }
  .form-group.remember_check label,
  .forgot_btn {
    font-size: 9px;
  }
  .def-blue {
    font-size: 12px !important;
  }
  .btn-save {
    font-size: 9px !important;
    margin-left: 0px;
  }
  /* faraz */
  .drag-panel .slider-panel .zom-img {
    margin: 8px 6px 0 0 !important;
  }
  /* faraz */
  .suppliers_side_nav {
    width: 300px;
  }
  .mm_order_sidebar {
    top: 167px;
    right: 14px !important;
  }
}

/* xs end */

@media (min-width: 1800px) and (max-width: 2500px) {
  .mm_doc_sidebar1 {
    min-height: calc(98vh - 132px) !important;
  }
  .mm_doc_sidebar2 {
    min-height: calc(98vh - 132px) !important;
  }
}