@media screen and (max-width: 320px) {
  /*Dashboard - show list. Pagination*/
  #revenueTable .btn-group,
  #ipaddrTable .btn-group {
    margin-left: 0;
  }

  /*message index*/
  #graph-view ul li {
    margin: 0 0 10px -30px;
  }

  /*reports EmployeesSAles index*/
  #graph-view .list-unstyled {
    margin-left: 30px;
  }
}

@media screen and (max-width: 330px) {
  #giftCertificatesTable .btn-group .btn-default:first-child {
    height: 55px;
    padding-top: 16px
  }

  #giftCertificatesTable .btn-group .btn-success {
    width: 86%;
    height: 55px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    white-space: normal;
  }
}

@media screen and (max-width: 340px) {
  #loyalityProgrammsTable .btn-group .btn-default:first-child {
    height: 55px;
    padding-top: 16px
  }

  #loyalityProgrammsTable .btn-group .btn-default:nth-child(2) {
    width: 86%;
    height: 55px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    white-space: normal;
  }
}

@media screen and (max-width: 365px) {
  /*Admin directPayPrefix*/
  #mapPrefixToDirectPayTable .btn-group {
    width: 100%;
    margin-right: 0;
  }

  #mapPrefixToDirectPayTable .btn-group .btn-default {
    height: 55px;
    padding-top: 16px
  }

  #mapPrefixToDirectPayTable .btn-group .btn-success {
    width: 86%;
    height: 55px;
    white-space: normal;
  }

  #mapPrefixToDirectPayTable .table,
  #priceLevelTable .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  /*Admin discountCards*/
  #maskBarCodesTable .btn-group {
    width: 100%;
    margin-right: 0;
  }

  #maskBarCodesTable .btn-group .btn-default {
    height: 55px;
    padding-top: 16px
  }

  #maskBarCodesTable .btn-group .btn-success {
    width: 86%;
    height: 55px;
    white-space: normal;
  }
}

@media screen and (max-width: 373px) {
  #yw0 {
    margin-left: 0 !important;
  }

  #menu .report-filter .btn-group #time-range-btn {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 400px) {
  /*Admin commands*/
  #commandsTable .table,
  #inventoryTable .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  /*reports checkReports*/
  #menu .btn-group-checks:nth-child(4) span:first-child {
    display:block !important;
  }
}

@media screen and (max-width: 450px) {
  /*admin tax*/
  #taxTable .table,
  #outletTable .table,
  #employeesTable .table,
  #priceTable .table {
   display: block;
   overflow-x: auto;
   white-space: nowrap;
 }

 /*navbar*/
 #navbar-user {
   float: left !important;
 }

 .price-menu .btn-group > * {
   margin-bottom: 5px;
 }
}

@media screen and (max-width: 483px) {
  #giftCertificatesTable .btn-group .btn-default:nth-child(3) {
    margin-top: 5px;
    border-radius: 4px;
  }

  .active-goods-menu .btn-group > .btn {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 489px) {
  #taxTable .btn-group .btn-success {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  #taxTable .btn-group .btn-default:nth-child(3) {
    margin-top: 10px;
    border-radius: 4px;
  }

  #taxTable .summary {
    float: left;
    margin-top: 5px;
  }
}

@media screen and (max-width: 500px) {
  /*Admin cashFlow*/
  #cashFlowTable .table,
  #maskBarCodesTable .table,
  #restMotion .table,
  #programs-table .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media screen and (max-width: 600px) {
  /*Admin discountCards*/
  #discountCardsTable .table,
  #ipaddrTable .table,
  #revenueTable .table,
  #couponss-table .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  #menu .form-control {
    max-width: 350px !important;
    margin-left: 0 !important;
  }

  /*docs*/
  #menu .report-filter > *,
  #menu #btnIcons {
    margin: 5px 10px 0 0 !important;
  }

  .remains-menu .btn-group > * {
    margin-bottom: 5px;
  }

  .sub-group {
    flex-basis: 100%;
  }
}

@media screen and (max-height:643px) {
  .left-sidebar {
    position: relative;
  }

  .content-wrapper {
    margin-left: 0;
  }

  #content {
    margin-left: 5px;
  }
}

@media screen and (min-width: 600px) and (max-width: 805px) {
  .discount-cards-menu .report-filter > * {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 601px) {
  .top-goods-menu .report-filter > *,
  .dynamic-sales-menu .report-filter > *,
  .sales-menu .report-filter > *:not(.sales-time-range),
  .amount-checks-menu .report-filter > *,
  .average-checks-menu .report-filter > *,
  .orders-menu .report-filter > *,
  .checks-report-menu .report-filter > *,
  .remains-menu .report-filter > *,
  .monetary-movement-menu .report-filter > *,
  .critical-remains-menu .report-filter > *,
  .employees-sales-menu .report-filter > * {

    margin-bottom: 5px;
  }
}

@media screen and (max-width: 678px) {
  #menu .report-filter .btn-group-checks {
    margin-top: 5px !important;
  }
}

@media screen and (max-width: 700px) {
  #pointsTable .table,
  #loyalityProgrammsTable .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  #containTable .table,
  #discountCardTypesTable .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  /*fix .btn-group margins in 768px breakpoint */
  #outletTable .btn-group,
  #employeesTable .btn-group,
  #buyersTable .btn-group,
  #discountCardsTable .btn-group,
  #suppliersTable .btn-group,
  #priceLevelTable .btn-group,
  #goodsTable .btn-group,
  #mapPrefixToDirectPayTable .btn-group,
  #cashFlowTable .btn-group,
  #commandsTable .btn-group,
  #inventoryTable .btn-group,
  #actionsTable .btn-group,
  #giftCertificatesTable .btn-group,
  #loyalityProgrammsTable .btn-group,
  #invoiceTable .btn-group,
  #cashTable .btn-group,
  #revenueTableDate .btn-group,
  #priceTable .btn-group,
  #maskBarCodesTable .btn-group,
  #tellerSettingsTable .btn-group,
  #taxTable .btn-group,
  #PluCodesTable .btn-group,
  #refundTable .btn-group,
  #movementTable .btn-group,
  #repriceTable .btn-group,
  #orderTable .btn-group,
  #user-grid .btn-group,
  #containTable .btn-group,
  #pointsTable .btn-group,
  #programs-table .btn-group,
  #discountCardTypesTable .btn-group,
  #lists-table .btn-group,
  #accounts-table .btn-group,
  #bonus-exchange-table .btn-group,
  #сertificates-table .btn-group,
  #couponss-table .btn-group
  {
    margin-top: 10px;
    margin-left: 0;
  }

  #navbar-text-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  #navbar-user {
    margin-left: -5px;
    margin-top: -5px;
  }

  .movement-goods-menu .report-filter > *:not(.btn-group),
  .movement-goods-menu .btn-group > * {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 767px) and (max-width: 925px) {
  #navbar-user {
    float: right !important;
  }
}

@media screen and (max-width: 768px) {
  /*navbar*/
  .container-fluid>.navbar-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /*outlet index*/
  #left-panel {
    left: 0 !important;
  }

  /*goods index*/
  #goodsTable .tools {
    margin-top: 10px;
  }
}

@media screen and (max-width: 800px) {
  #inboxTable .table,
  #outboxTable .table,
  #bonus-exchange-table .table  {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media screen and (max-width: 900px) {
  /*docs*/
  #invoiceTable .btn-group .btn,
  #refundTable .btn-group .btn,
  #movementTable .btn-group .btn,
  #repriceTable .btn-group .btn,
  #inventoryTable .btn-group .btn,
  #orderTable .btn-group .btn,
  #gridSizer_invoiceTable,
  #gridSizer_refundTable,
  #gridSizer_movementTable,
  #gridSizer_repriceTable,
  #gridSizer_inventoryTable,
  #gridSizer_orderTable {
    margin-top: 5px;
  }
  #invoiceTable .table,
  #refundTable .table,
  #movementTable .table,
  #repriceTable .table,
  #cashTable .table,
  #orderTable .table,
  #inventoryTable .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .sales-log-menu .report-filter > * {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 1000px) {
 #show-tree .table-bordered,
 #goodsTable .table,
 #actionsTable .table,
 #managerUsers .table,
 #giftCertificatesTable .table,
 #accounts-table .table,
 #сertificates-table .table {
   display: block;
   overflow-x: auto;
   white-space: nowrap;
 }

 #treeTable thead th {
   padding: 0 5px !important;
 }

 .datatree-row-group td {
   padding: 0 5px !important;
 }
}

@media (min-width: 768px) and (max-width: 1070px) {
  /*Collapse nav-bar in 1070px point*/
   .navbar-collapse.collapse {
       display: none !important;
   }
   .navbar-collapse.collapse.in {
       display: block !important;
   }
   .navbar-header .collapse, .navbar-toggle {
       display:block !important;
   }
   .navbar-header {
       float:none;
   }
   #navbar-text-wrapper {
     padding-left: 0 !important;
     border-left: none !important;
   }
}