@media screen and (max-width: 1280px){
  .react_times_button.time_picker_preview .preview_container { padding-right: 20px !important; font-size: 13px;}
  .time_picker_container .preview_container svg { width: 18px;}
  .move-area { display: flex;}
  ul.move-nav li a { white-space: nowrap;}
  .min-wd-1200 table { min-width: 1200px;}
}
@media screen and (max-width: 1080px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 950px;}
  ul.top_tab_menu_ul, .steps { overflow: auto; display: flex; white-space: nowrap;}
  ul.top_tab_menu_ul li { margin-right: 15px;}
  .operatingDaysMs { margin-top: 20px;}  
  div.coll { width: 50%;}
  .expected-buttons .group { width:auto;}
  .ingredient-info.edit-shift { max-width:calc(78%);}  
  .newShifts_ms .ingredient-info.edit-shift { max-width: calc(100%);}
  .form-secs .ingredient-info.edit-shift, .recipe_info .ingredient-info.edit-shift { max-width:calc(100%);}
  
  .form_row::before, .form_row::after { display: none;}
  .form_row .field { width: 65%;}
  .form_row { justify-content: space-between;}
  .onlife-page .well-content label { width: 35%;}
  
  .checklist-table td.actions_sec {  width: auto;}
  
  th.avtar-th { min-width: 100px;}
  tr:hover .reqstr { right: -30px;}
  .total-hours { padding: 15px 0;}
  .payee_info, .address_copy { flex-wrap: wrap;}
  .payee_info li { width:100%;}
  .new-payee .ingredient-info li {align-items: center; flex-wrap: wrap;}
  .image_arrow { transform: translate(0,-50%);}
  .address_copy li { width: 100%;}
  .right-desc { padding-right:20px;}
  .address_copy li { width: 95%;}
}
@media screen and (max-width: 980px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 690px;}
  .subMenus .innerMenus.active { left: 72px;}
  .steps li { margin-right:15px;}
  .steps li a { padding: 15px 10px !important; height: auto; font-size: 14px;}
  ul.top_tab_menu_ul li.active_menu a, ul.top_tab_menu_ul li a { min-width: 100px; padding: 10px 10px; height: auto; font-size: 14px;}
  .checklist-table { margin:0;}
  .react-datepicker__input-container input, .form-list li .react-datepicker-wrapper input { width:100%;}
  .cal .arrow-right:after { background-size: 10px; background-position: center bottom;}
  .other_input { padding: 0px 15px;}
  #UserProfileForm .other_input { padding: 0;}
  h4.event-alert, h3.event-alert > a { font-size: 17px;}
  .summary_filter.add li { margin:0 5px;}
  .ingredTable td { white-space: nowrap;}
  .Account_list_table .accordion_table tr td, .Account_list_table.inv-accordion tr td, .Account_list_table.inv-accordion tr th { min-width: 120px;}
  .sales_right-text tr td:nth-child(2), .sales_right-text tr th:nth-child(2) { flex: 0 0 210px;}
  .sales_right-text tr.top-view td:first-child, .sales_right-text tr th:first-child { flex: 0 0 40px; min-width: 40px !important;}

  .Account_list_table .accordion_table tr td, .Account_list_table.inv-accordion tr td, .Account_list_table.inv-accordion tr th { min-width:140px;}
  .Account_list_table.inv-accordion td.actions-td, .Account_list_table .accordion_table tr td tr td.actions-td, .Account_list_table .accordion_table tr td.actions-td { justify-content: end;}

  .orderCommunications { max-width:100%; width:100%;}
  #pills-home th.mw-150 { min-width: 150px;}
  .search-box { width:100%;}
  .shadowclass .search-box input[type="text"] { max-width:100%; width:100%;}
  .feat-nav-move { margin: 10px 0 0 0px; display: flex; width: 100%; justify-content: space-between;}
  ul.move-nav {  margin: 0; display: flex; width: 100%;}
  .move-area { display: flex; align-items: center; flex-wrap: wrap;}
  ul.move-nav li { display: flex; margin-bottom: 0; max-width: 130px; flex:1; align-items: center;}
  .feat-nav-move li { max-width: 150px; flex:1; align-items: center;}
  ul.move-nav li i { margin: 0 6px 0 0;}
  .up-arrow.icons::after, .down-arrow.icons::after { left: 0; margin-left: 0; position: relative; top: 0; display: inline-block; bottom:auto;}
  .feat-nav-move li span { line-height: 1.9;}
  .border-right::before { border-top: 1px solid #929393; border-right:0; content: ""; height: auto; width:100%; left: 0px; position: absolute;}
  .date-sec-scroll { height: auto;}
  .package-ul li .content-right li { max-width:100%;}
  .form-secs ul.table-list-ms { width: calc(100% - 110px);}
  
  .top-header-sec .search-box input[type="text"] { width:100%;}
  .ingredient-info.edit-shift { max-width: none;}
  .cal .arrow-right::after { right: 4px;}
  .comparison_listing { display: flex; flex-wrap: wrap;}
  .comparison_listing li, .comparison_listing li:last-child { flex: 1; min-width: 30%; padding: 15px; border: 1px solid #ddd; margin: 4px;}
  
  .pl-md-0 { padding-left:0 !important;}
  .financial-detail { display: flex; justify-content: space-between; margin-bottom: 0;}
  .ingredient-info { display: flow-root;}
  .financial-detail li { margin-bottom: 0;}
  .selecters { align-items: end;}
  .defulat_customs.custom_div_quest .col-sec { max-width:100%;}
}

@media screen and (max-width: 767px){
  .wrapperDiv { display: inline-block; width:100%;}
  nav.pro-sidebar-layout { width: 100%; height: auto; min-height: 0; min-width: 100%; flex-direction: row; align-content: start; flex-wrap: wrap; padding: 0 5px; position: sticky;}
  .navbar-menu ul { display:flex; flex:auto !important; margin:0; justify-content: space-around;}
  nav.pro-sidebar-layout ul.middleMenu { flex: 0 0 80% !important;}
  nav.pro-sidebar-layout ul li.active::before { content: ""; position: absolute; left: 0; background: #3cc1c0; width: 100%; height: 3px; top: auto; bottom:0;}
  nav.pro-sidebar-layout ul li a { display: flex; align-items:center; padding: 11px 4.7% 3px !important;}
  nav.pro-sidebar-layout ul li { margin:0; flex: 0 0 35px;}
  nav.pro-sidebar-layout ul li a i { background-size: 20px 20px !important; background-position: center center !important;}
  .navbar-menu { width:100%; display: none;}
  .navbar-menu.show { display: flex; height: auto; flex-direction: row;}
  .innerMenus ul li { padding:0;}
  .pro-icon-wrapper { width: 47px;}
  .pro-sidebar-header { min-width:100%; display: flex; justify-content: space-between; align-items: center;}
  .subMenus .innerMenus.active { width:100%; left:0;}
  .dashboard-small { background-size: 15px auto;}
  .labor-small, .menuEngineer-small, .reporting-small, .settings-small { background-size: auto 17px;}
  .finance-small { background-size: auto 19px;}
  .inventory-small { background-size: auto 21px;}
  .menuEngineer-small { background-size: auto 18px;}
  .orderInvoice-small { background-size: auto 18px;}
  .pro-icon i { width: 25px; top:0; margin:0;}
  .menu-title .pro-icon { display: flex; align-items: center; justify-content: end;}
  .pro-item-content { padding-left: 25px; margin-left: 25px;}
  #settingsMenu li.pro-menu-item:not(.menu-title) .pro-inner-item i { position: relative; top:auto; left:auto; transform:translate(0,0);width: 40px;}
  .responsive_menu { font-size: 17px; color:#fff;}
  #settingsMenu .first .menu-title .pro-inner-item { margin:0; border:0;}
  #settingsMenu .first .pro-inner-item { margin-left: 36px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
  #settingsMenu .first :not(.menu-title) .pro-inner-item .pro-item-content { padding-left: 0; border:0; margin-left:0;}
  .subMenus .innerMenus.active { max-height: calc(100vh - 123px);}
  .download-icon { font-size:0 !important; padding: 11px 7px !important; min-width: 0 !important;}

  .nav-tabs { justify-content: space-between; width:100%;}
  .menus-sec ul li, .tab-section .nav-link, .nav-tabs .nav-link.active { margin:0; height:auto;}
  .d-flex .upload-logo { margin:0;}
  .settingMenus::before { width: calc(100% - 65px); height: 2px; left: 26px; top: 60px;}
  .settingMenus a::before { top: 51px; left: 50%; transform: translate(-50%, 0);}
  .settingMenus li { position: relative; flex: 1; text-align: center;}
  .settingMenus li.active a::before { background: #3cc1c0;}
  .settingMenus { padding: 0; display: flex; justify-content: space-between;}
  .accountSettingSec .d-flex.scroll-parent { flex-wrap: wrap;}
  .settings-left-content { flex: 0 0 100%;}
  #FinSettings_li { text-align: right;}
  .form-secs { flex-wrap: wrap;}
  .settings-right-content .date-sec-scroll .form-secs h4 { flex: 0 0 100%; width:100%;}
  .ingredient-info.edit-shift li label, .ingredient-info.edit-shift li .input-group, .ingredient-info.edit-shift li label, .ingredient-info.edit-shift li .input-group { width: 100% !important;}
  .finance-setting-chart .ingredient-info li { flex-wrap: wrap;}
  .settingMenus a { text-align: center;}
  .settings-right-content { padding-right: 10px; flex: 0 0 100%;}
  .ingredient-info.edit-shift li label, .ingredient-info.edit-shift li .input-group { padding-left: 10px;}
  .form-secs .input-group .dolor-sign + input[type="text"] { padding-left: 15px;}
  .finance-setting-chart .dolor-sign { left:10px;}
  .aviTable th, .aviTable td { padding: 5px; font-size: 14px;}
  .checklist-table.aviTable th { position: sticky; top: 0; background: #fff; z-index: 9;}
  .preview_container { font-size: 13px;}
  .preview_container svg { width: 20px !important;}
  .modal-dialog-scrollable .modal-content { position: absolute; top: calc(50% + 65px); transform: translate(0, -50%);}
  .modal-dialog-scrollable .modal-body { max-height: 63vh;}
  #nav-profile > .row, #nav-contact > .row, #nav-mastersetting > .row { margin:0;}
  .btn.bordered-btn, .btn.green-btn-revert, .btn.green-btn-revert:hover, .product-action .count-btn:hover, .product-action .count-btn, input[type="submit"].btn.bordered-btn { min-width: 0; padding: 4px 10px;}
  /* div#content { z-index: 99999;} */
  .new_flash_message_error { margin: 0 auto; left: 0; right: 0; max-width: 90%; height: auto; z-index: 9999999; padding:25px;}
  .new_flash_message_error p { margin:0; display: flex; align-items: center; justify-content: center;}
  .new_flash_message_error p::before { left: 20px;}
  .invt-btns.button { display: flex; justify-content: space-between; width:100%;}
  .invt-btns.button .btn { margin:0;}
  .inner-space.screen-scroll { overflow: visible;}
  .operatingDaysMs div#MaterialTheme { z-index: 9;}

  .payroll-table.shifts-table td { min-width: 110px;}
}

@media screen and (max-width: 500px){
  .eventlist .three-columns dt { width:100%;}
  .eventlist .three-columns dd { margin:0;}
  .scroll-sec { padding:0;}
  .eventlist .three-columns { flex-wrap: wrap;}
  .eventlist .three-columns .second-column { margin-top: 20px; width:100%;}
  .eventlist { margin:0;}
  .clipboard-left-content .steps li { margin:0;}
  .clipboard-left-content .steps { justify-content: space-between;}
  .btn.add-plus { white-space: nowrap;}
  .select-comparison { flex-wrap: wrap;}
  .FeatureAddDescriptionForm { width:100%;}
  h2.label-heading span.count { margin-left: -35px;}
  .recouncile-master { margin-left: 33px;}
  .mgt-type li { max-width:100%; margin:0;}
  .field { display: flex; justify-content: space-between;}
  .field .btn { margin:0;}
  .lbrSettingMs .form-secs .ingredient-info li { height: auto; padding:0 0 15px 0;}
  .lbrSettingMs .form-secs .ingredient-info li .select-days { flex-wrap: wrap;}
  .ingredient-info.edit-shift li label, .ingredient-info.edit-shift li .input-group { padding:0; max-width:none;}
  li.time-section::before { display: none;}
  .scheduling_fields::before { content: ""; display: inline-block; position: absolute; width: calc(100% - 80px); height: 2px; left: 40px; background: #ccc; top: 56px;}
  .align-right ul.bullets-list, .bullets-list.scheduling_fields { justify-content: space-between; position: relative;}
  .bullets-list.scheduling_fields { padding-top: 60px;}
  .form-secs .ingredient-info ul.bullets-list li {}
  span.time-duration { position: absolute; right: auto; top: -20px; color: #3cc1c0; transform: translate(10%, -50%); white-space: nowrap; display: inline-block; width: 100px; height: 15px; margin: 0 auto; left: 50%;}
  span.time-duration.arrow-right::before, span.time-duration.arrow-left::before { content: ""; display: inline-block; width: 65px; height: 15px; position: absolute; top: 0; left: 0; right: 0; margin: auto;}
  .shift_hours_rounding span { position: absolute; top: -25px;}
  .mgt-type li article { min-height:0;}
  .pre-populated { margin:0;}
  input.number_format { border:1px solid #ddd; margin: 0 5px;}
  .selection { padding:0;}
  .ingredient-info.edit-shift { padding:0; max-width:100%;}

  .top-header-sec .search-box input[type="text"] { width: 100%;}
  .btn.green-btn-revert.download-icon .i-icon { margin: -3px 0 0 0;}
  .field #download.btn { display: flex; align-items: center; justify-content: center; padding: 0 !important; width: 38px; height: 38px;}
  .custom_checkboxs .checkbox-rounded + label { font-size:13px;}
  .form_row { flex-wrap: wrap; margin: 0 0 10px 0;}
  .form_row .field { margin: 15px auto 20px; flex-wrap: wrap; width:100%;}
  .onlife-page .well-content label.react-reveal.error { line-height: 2;}
  .onlife-page .well-content label { top:0; width:100%;}
  .btn-sec-row { padding: 0px 0;}
  .onlife-page .well-header input[type="text"] { width:100%;}
  .onlife-page .well-content { padding-bottom:0;}
  .onlife-page .well { margin-bottom: 28px;}
  .feat-nav-move { flex-wrap: wrap;}
  .feat-nav-move li { max-width:none; flex: 0 0 50%;}
  
  .package-ul li { max-width:100%; flex: 0 0 100%;}
  .merchant-row button { margin-right:5px !important;}
  .merchant-row { display: flex; justify-content: start; align-items: center;}
  .settingMenus::before { width:100%; left:0;}
  .settingMenus li:first-child a { text-align: left; width:100%;}
  .settingMenus li:first-child a:before { left:0; transform:translate(0,0);}
  .settingMenus li:last-child a { text-align: right; width:100%;}
  .settingMenus li:last-child a:before { right:0; transform:translate(0,0); left:auto;}
  
  .form-secs ul.table-list-ms { width: calc(100% - 0px);}
  .settings-right-content { padding-right: 0;}
  .input-wrap label.error, div.error-message { margin:0;}
  .top-logos.d-flex { flex-wrap:nowrap;}
  .pr-xs-0 { padding-right: 0 !important;}
  .pl-xs-3 { padding-left: 20px !important;}
  .cal .arrow-right::after { right: -9px;}
  .counts.date_new_Cont { width:100%; flex-wrap: wrap; display:flex;}
  .half_new_div { width:100%;}
  .half_right_div { display: flex; width:100%;}
  .summary_filter.add { display: flex; justify-content: space-between; width: 100%;}
  .summary_filter.add li { padding:0;}
  .half_new_div::after { display: none;}
  .select-comparison .select-div { width:100%;}
  .comparison_listing li, .comparison_listing li:last-child { min-width:100%; margin: 5px auto;}
  .comparison_listing li p { margin: 0;}
  .comparison_listing { padding: 10px 0;}
  .select-comparison { margin:0 0 5px;}
  .top-select .select-div { flex-wrap: wrap; margin:0 auto 15px;}
  .top-select label { padding:0; margin: 0; width:100%;}
  .top-select .select-div::after { top: auto; bottom: 0;}
  .print-cammond { position: absolute; top: 15px;}
  .counts.date_new_Cont { position: relative;}
  .bal-h5 { font-size: 13px; width:100%;}
  .pl-xs-0 { padding-left:0 !important;}
  .orderpayy.shadowclass.top_filters .span2, .timing-duration { height:auto; border:0;}
  .timing-duration { padding:0;}
  .extend-filters { flex-wrap: wrap;}
  .selecters { padding: 30px 0 0 0;}
  .selecters .select-div { width:100%; margin:0; flex: 0 0 100%; padding: 0 !important;}
  .count_alert .event-time-edit { width:100%; padding: 10px 0;}
  .flex-event { flex-wrap: wrap; display: flex;}
  .flex-event .ad-hoc { order: 2;}
  .flex-event span { width:100%; margin-bottom: 5px;}

  .financial-detail li span, .financial-detail li input { font-size: 18px; height: 35px;}
  .financial-detail li strong, .no-saving:before { font-size: 22px;}
  .btns #cancel { order: 4; min-width: 0 !important; width: auto; /*margin: 0;*/}
  .btns .d-flex { justify-content:space-between;}
  .search-box form { display: flex;}
  .right-comment-sec { flex: 1;}
  .payroll_btn_sec { flex-wrap: wrap; justify-content: space-between !important;}
  .payroll_btn_sec .btn {width: calc(50% - 10px) !important; margin: 0 0 10px !important;}
  .paymentStatus { padding: 0;}
  .total-price .paymentStatus table { width:100%;}
  .datePicker .date-input { width:100%;}
  .file-button { min-width: 140px;}
  .details-button .btn.green-btn-revert.download-icon .i-icon, .details-button .field #download.btn:Lhover .i-icon { margin: -2px 2px 0; width:10px;}
  .details-button .field #download.btn, .details-button .field #download.btn:hover { font-size: 14px !important; width: auto; height: auto; padding: 0 8px !important; margin: 0 2px;}
  .details-button .btn.green-btn-revert:hover { margin:0;}
  .image_arrow { transform: rotate(90deg); top: 49%;}
  .print-cammond { right:0;}
  .min-checkbox { min-width: 39px;}
  .defulat_customs.custom_div_quest .col-sec { max-width:none; margin-bottom: 20px;}
  .csttom_1 { width:100%;}
  .balan1.minheight { min-height:0;}
  .csttom_2 { width: 33%;}
  .defulat_customs .height_diuv { height: auto; line-height: normal;}
  tr.top-view + .accordion.accordion-flush { width: calc(100% + 66px);}
  .Account_list_table .accordion_table tr, .Account_list_table.inv-accordion tr { width: calc(100% + 0px);}
  .checklist-table thead { border-bottom:0;}
  .custom_re_width { margin-bottom: 20px;}
  .custom_re_width.align-right .right-desc { width: 100%; max-width: none; padding: 0;}
  .counts.date_new_Cont .right-desc { max-width: none; padding: 0; width: 100%;}
  .recharts-wrapper, .recharts-surface { font-size: 14px;}
  .sales_today { width: 100%;}
  .tableSecMs h4 { font-size: 13px;}
  .tableSecMs .table-brdr tr td.lbr_name { font-size: 15px;}
  .tableSecMs .table-brdr tr td { font-size: 13px;}
  .summary_filter { justify-content: start; flex-wrap: nowrap; overflow: auto;}  
  .address_copy li { width: 100%;}
  .not-found-menu figure, .loading-page figure { border: 10px solid #00b2b2; width: 120px; height: 120px; transform: translate(0%, -57%);}
  .not-found-menu h1 { font-size: 130px;}
  .error-details { font-size: 16px;} 
  .count_enclosure span.dolor-sign { top: 0;}
  .percent-sign { left: -6px; position: relative;}
  .checklist-table td span.count_enclosure { align-items: center;}
}