/* This section is for converting table rows into columns */
@media (max-width: 320px) {
  .item-title {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    transition: none;
    text-decoration: none !important;
    max-width: 158px !important;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; } }

@media (max-width: 380px) {
  .category-wrapper h3 {
    font-size: 15px; } }

@media (max-width: 480px) {
  .dropdown-menu {
    min-width: 9em; }

  .drop-wrapper.open:last-child > .dropdown-menu {
    border-top-right-radius: 0; }

  .top-button .fa {
    margin: 0 10px 0 3px;
    font-size: 1.6em; }

  .navbar-brand img {
    height: auto;
    max-width: 70px;
    margin-top: 11px !important;
    margin-left: 0 !important; } }

@media (max-width: 576px) {
  .weekly-product-card .product-description .btn {
    float: right; } }

@media (min-width: 769px) {
  .notify-parent-container {
    width: 20rem !important;
    border-radius: 25px; } }

@media (max-width: 767px) {
  .shoplist li a:hover {
    color:  !important;
    background-color: #fff; }
    .shoplist li a:active {
      color:  !important; }

  #loadProduct .product {
    display: flex;
    width: 100%; }
    #loadProduct .product .mask {
      width: 150px;
      height: 150px; }
      #loadProduct .product .mask img {
        padding: 1rem; }
    #loadProduct .product .product-wrapper {
      width: 60%; }
      #loadProduct .product .product-wrapper .addthis_inline_share_toolbox {
        display: none; }

  .notify-parent-container {
    width: 70% !important;
    border-radius: 25px; }

  .dropup-content.middle-submenu {
    left: -50%; }

  .preview-iframe-wrapper .preview-hero-area .preview-content-wrapper .demo-title {
    font-size: 1.5rem; }
    .preview-iframe-wrapper .preview-hero-area iframe {
      width: 100%; }
    .preview-iframe-wrapper .tech-img ul li img {
      max-height: 22px; }
    .preview-iframe-wrapper .features-area ul li {
      font-size: 14px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .preview-iframe-wrapper .preview-hero-area .preview-content-wrapper .demo-title {
    font-size: 1.75rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .preview-iframe-wrapper .preview-hero-area .preview-content-wrapper .demo-title {
    font-size: 1.25rem; }
    .preview-iframe-wrapper .tech-img ul li img {
      max-height: 22px; }
    .preview-iframe-wrapper .features-area ul li {
      font-size: 14px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .preview-iframe-wrapper .preview-hero-area .preview-content-wrapper .demo-title {
    font-size: 2rem; } }

@media screen and (max-width: 576px) {
  table.sales-summary-rtc {
    border: 0; }
    table.sales-summary-rtc caption {
      font-size: 1.3em; }
    table.sales-summary-rtc thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    table.sales-summary-rtc tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: 0.625em;
      border-radius: 10px;
      background-color: rgba(0, 0, 0, .05); }
    table.sales-summary-rtc td {
      border-bottom: 1px solid #ddd;
      display: block;
      font-size: 0.8em;
      text-align: right;
      border-top: none !important;
      font-size: 12px;
      padding-top: 7px !important;
      padding-bottom: 7px !important; }
    table.sales-summary-rtc td:before {
      /*       font-weight: bold; */
      float: left;
      text-transform: uppercase; }
    table.sales-summary-rtc td:last-child {
      border-bottom: 0;
      font-weight: bold; }
    table.sales-summary-rtc td:nth-of-type(1):before {
      content: "#"; }
    table.sales-summary-rtc td:nth-of-type(1) {
      text-align: left; }
    table.sales-summary-rtc td:nth-of-type(2) {
      display: flex;
      place-content: center; }
    table.sales-summary-rtc td:nth-of-type(3):before {
      content: "Name"; }
    table.sales-summary-rtc td:nth-of-type(4):before {
      content: "Quantity"; }
    table.sales-summary-rtc td:nth-of-type(5):before {
      content: "Per Unit Price"; }
    table.sales-summary-rtc td:nth-of-type(6):before {
      content: "Total Price"; }
    table.sales-summary-rtc tr:nth-last-child(1) {
      display: flex;
      margin-bottom: 0px;
      border-radius: 0 0 10px 10px;
      border-bottom: 3px solid #ddd; }
      table.sales-summary-rtc tr:nth-last-child(1) td:nth-of-type(1) {
        display: none; }
      table.sales-summary-rtc tr:nth-last-child(1) td:nth-of-type(2) {
        border: none; }
      table.sales-summary-rtc tr:nth-last-child(1) td:nth-of-type(3):before {
        content: ""; }
      table.sales-summary-rtc tr:nth-last-child(1) td:last-child {
        margin-left: auto; }
    table.sales-summary-rtc tr:nth-last-child(2) {
      display: flex;
      border-bottom: none;
      margin-bottom: 0px;
      border-radius: 0px; }
      table.sales-summary-rtc tr:nth-last-child(2) td:nth-of-type(1) {
        display: none; }
      table.sales-summary-rtc tr:nth-last-child(2) td:nth-of-type(2) {
        border: none; }
      table.sales-summary-rtc tr:nth-last-child(2) td:nth-of-type(3):before {
        content: ""; }
      table.sales-summary-rtc tr:nth-last-child(2) td:last-child {
        margin-left: auto; }
    table.sales-summary-rtc tr:nth-last-child(3) {
      display: flex;
      border-bottom: none;
      margin-bottom: 0px;
      border-radius: 0px; }
      table.sales-summary-rtc tr:nth-last-child(3) td:nth-of-type(1) {
        display: none; }
      table.sales-summary-rtc tr:nth-last-child(3) td:nth-of-type(2) {
        border: none; }
      table.sales-summary-rtc tr:nth-last-child(3) td:nth-of-type(3):before {
        content: ""; }
      table.sales-summary-rtc tr:nth-last-child(3) td:last-child {
        margin-left: auto; }
    table.sales-summary-rtc tr:nth-last-child(4) {
      display: flex;
      border-bottom: none;
      margin-bottom: 0px;
      border-radius: 0px; }
      table.sales-summary-rtc tr:nth-last-child(4) td:nth-of-type(1) {
        display: none; }
      table.sales-summary-rtc tr:nth-last-child(4) td:nth-of-type(2) {
        border: none; }
      table.sales-summary-rtc tr:nth-last-child(4) td:nth-of-type(3):before {
        content: ""; }
      table.sales-summary-rtc tr:nth-last-child(4) td:last-child {
        margin-left: auto; }
    table.sales-summary-rtc tr:nth-last-child(5) {
      display: flex;
      border-bottom: none;
      margin-bottom: 0px;
      border-radius: 10px 10px 0 0;
      padding-top: 0.5rem; }
      table.sales-summary-rtc tr:nth-last-child(5) td:nth-of-type(1) {
        display: none; }
      table.sales-summary-rtc tr:nth-last-child(5) td:nth-of-type(2) {
        border: none; }
      table.sales-summary-rtc tr:nth-last-child(5) td:nth-of-type(3):before {
        content: ""; }
      table.sales-summary-rtc tr:nth-last-child(5) td:last-child {
        margin-left: auto; }

  table.sales-history-rtc {
    border: 0; }
    table.sales-history-rtc caption {
      font-size: 1.3em; }
    table.sales-history-rtc thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    table.sales-history-rtc tr {
      border-bottom: 3px solid #ddd;
      display: block;
      margin-bottom: 0.625em;
      border-radius: 10px;
      background-color: rgba(0, 0, 0, .05); }
    table.sales-history-rtc td {
      border-top: none !important;
      border-bottom: 1px solid #ddd;
      border-left: none;
      border-right: none;
      display: block;
      font-size: 0.8em;
      text-align: right;
      font-size: 12px;
      padding-top: 7px !important;
      padding-bottom: 7px !important; }
    table.sales-history-rtc td:before {
      /*       font-weight: bold; */
      float: left;
      text-transform: uppercase; }
    table.sales-history-rtc td:last-child {
      border-bottom: 0; }
    table.sales-history-rtc td:nth-of-type(1):before {
      content: "Date"; }
    table.sales-history-rtc td:nth-of-type(2):before {
      content: "Doc No."; }
    table.sales-history-rtc td:nth-of-type(3):before {
      content: "Total"; }
    table.sales-history-rtc td:nth-of-type(4):before {
      content: "Status"; }
    table.sales-history-rtc td:nth-of-type(5):before {
      content: "Action"; }
    table.sales-history-rtc td:nth-of-type(6):before {
      content: "Delivery Code"; } }