.cart-mini-outer {
  display: none;
  position: relative;
  width: 100%;
  box-shadow: 0 -4px 8px rgba(103, 109, 126, 0.16);
  z-index: 9999 !important; }
  .cart-mini-outer .header {
    width: 100%; }
  .cart-mini-outer .btn-view-all-area {
    display: none; }
  .cart-mini-outer .cart-mini-area {
    z-index: 9999 !important;
    overflow-y: scroll;
    min-height: 5vh;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 0px 0px rgba(193, 197, 202, 0);
    border-radius: 0px;
    padding: 8px;
    width: 100%; }
    .cart-mini-outer .cart-mini-area .btn-close-cart-mini {
      padding: unset;
      cursor: pointer; }
    .cart-mini-outer .cart-mini-area .header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 0px;
      margin-bottom: 4px; }
      .cart-mini-outer .cart-mini-area .header .left {
        display: flex;
        flex-direction: row; }
        .cart-mini-outer .cart-mini-area .header .left .text {
          font-style: normal;
          font-weight: 600;
          font-size: 18px;
          line-height: 24px;
          color: #393D42;
          margin-right: 10px; }
        .cart-mini-outer .cart-mini-area .header .left .btn-view-all-area {
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 24px;
          color: #008065;
          cursor: pointer;
          padding: 0px;
          display: block; }
      .cart-mini-outer .cart-mini-area .header .right .text {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        color: #393D42; }
      .cart-mini-outer .cart-mini-area .header .right .lbl_minicart_summary {
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        color: #393D42; }
    .cart-mini-outer .cart-mini-area .head-extra {
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 16px;
      color: #393D42;
      margin-bottom: 8px; }
    .cart-mini-outer .cart-mini-area .content {
      display: none;
      flex-direction: row;
      justify-content: flex-start; }
      .cart-mini-outer .cart-mini-area .content .item-area {
        border: 1px solid #F4F4F4;
        box-sizing: border-box;
        border-radius: 10px;
        padding: 4px 8px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 8px;
        align-items: center;
        position: relative;
        margin-right: 8px; }
        .cart-mini-outer .cart-mini-area .content .item-area .left-area {
          width: 65%;
          display: flex;
          flex-direction: row;
          align-items: center; }
          .cart-mini-outer .cart-mini-area .content .item-area .left-area img {
            margin-right: 5px;
            width: 62px;
            height: 62px; }
          .cart-mini-outer .cart-mini-area .content .item-area .left-area .item-info {
            display: flex;
            flex-direction: column;
            justify-content: center; }
            .cart-mini-outer .cart-mini-area .content .item-area .left-area .item-info .item-name {
              font-style: normal;
              font-weight: 500;
              font-size: 14px;
              line-height: 18px;
              height: 36px;
              text-overflow: ellipsis;
              overflow: hidden;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; }
            .cart-mini-outer .cart-mini-area .content .item-area .left-area .item-info .item-packsize {
              font-style: normal;
              font-weight: normal;
              font-size: 12px;
              line-height: 18px;
              color: #A4AAB9; }
        .cart-mini-outer .cart-mini-area .content .item-area .right-area {
          position: absolute;
          top: 5px;
          right: 10px; }
          .cart-mini-outer .cart-mini-area .content .item-area .right-area .universal-area {
            /* background: #F4F4F4;*/
            /* border-radius: 10px;*/
            /*  padding: 4px 8px;*/
            text-align: center; }
            .cart-mini-outer .cart-mini-area .content .item-area .right-area .universal-area .universal-text {
              font-style: normal;
              font-weight: 600;
              font-size: 14px;
              line-height: 20px;
              color: #393D42; }
    .cart-mini-outer .cart-mini-area .extra-area {
      width: 95%; }
    .cart-mini-outer .cart-mini-area .content-extra {
      overflow-x: hidden; }
    .cart-mini-outer .cart-mini-area .recommend-one-item {
      width: 95%;
      margin-left: 0px;
      margin-right: 0px; }
    .cart-mini-outer .cart-mini-area .last-recommend {
      /* width: 21% !important;*/
      /*   width: calc(21% - 65px) !important;*/ }
    .cart-mini-outer .cart-mini-area .recommend-item-area {
      background: #DAF1FF;
      border-radius: 6px;
      padding: 8px;
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      min-height: 74px; }
      .cart-mini-outer .cart-mini-area .recommend-item-area img {
        margin-right: 5px;
        width: 56px;
        height: 56px; }
      .cart-mini-outer .cart-mini-area .recommend-item-area .item-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 78%;
        padding-right: 4px; }
        .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .item-name {
          width: 90%;
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 18px;
          height: auto;
          text-overflow: ellipsis;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
        .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area {
          display: flex;
          flex-direction: row;
          align-items: center; }
          .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .item-packsize {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 16px;
            display: flex;
            align-items: center;
            color: #A4AAB9; }
          .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area {
            display: flex;
            flex-direction: row;
            margin-left: 5px;
            background: #FDD33C;
            border-radius: 100px;
            width: auto;
            padding: 0px 6px;
            justify-content: space-between; }
            .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area .normal-price {
              font-style: normal;
              font-weight: normal;
              font-size: 12px;
              line-height: 16px;
              color: #494F5F;
              margin-right: 10px; }
            .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area .discount-price {
              font-style: normal;
              font-weight: 500;
              font-size: 12px;
              line-height: 16px;
              text-decoration-line: line-through;
              color: #B78B1C;
              margin-right: 10px; }
            .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area .selling-price {
              font-style: normal;
              font-weight: bold;
              font-size: 12px;
              line-height: 16px;
              display: flex;
              align-items: center;
              color: #ED1516; }
      .cart-mini-outer .cart-mini-area .recommend-item-area .btn-select-recommend {
        position: absolute;
        right: -15px;
        width: 32px;
        height: 32px;
        background: #2FA38A;
        box-shadow: 0px 2px 10px rgba(94, 133, 169, 0.5);
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        cursor: pointer;
        text-align: center;
        color: #FFFFFF;
        z-index: 999; }
  .cart-mini-outer .cart-min-icon {
    margin-top: 5px; }
    .cart-mini-outer .cart-min-icon svg {
      width: 16px;
      height: 16px; }

@media only screen and (min-width: 1024px) {
  .cart-min-icon {
    display: none; }
  .cart-mini-outer {
    display: none;
    position: fixed;
    top: 90px;
    bottom: unset;
    width: unset;
    right: 10px;
    z-index: 9999; }
    .cart-mini-outer .cart-min-area {
      display: flex; }
    .cart-mini-outer .cart-mini-area {
      overflow-y: scroll;
      overflow-x: hidden;
      min-height: 5vh;
      display: flex;
      flex-direction: column;
      background: #FFFFFF;
      box-shadow: 0px 0px 16px rgba(193, 197, 202, 0.5);
      border-radius: 10px;
      padding: 4px 12px;
      width: 380px; }
      .cart-mini-outer .cart-mini-area .btn-close-cart-mini {
        padding: unset;
        cursor: pointer; }
      .cart-mini-outer .cart-mini-area .header {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 4px;
        margin-bottom: 4px;
        width: 100%;
        margin-right: 4px; }
        .cart-mini-outer .cart-mini-area .header .left {
          display: flex;
          flex-direction: row; }
          .cart-mini-outer .cart-mini-area .header .left .text {
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 18px;
            color: #393D42;
            margin-right: 10px; }
          .cart-mini-outer .cart-mini-area .header .left .btn-view-all-area {
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            color: #008065;
            cursor: pointer;
            padding: 0px; }
        .cart-mini-outer .cart-mini-area .header .right .text {
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 16px;
          color: #393D42; }
        .cart-mini-outer .cart-mini-area .header .right .lbl_minicart_summary {
          font-style: normal;
          font-weight: bold;
          font-size: 16px;
          line-height: 24px;
          color: #393D42; }
      .cart-mini-outer .cart-mini-area .head-extra {
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        color: #393D42;
        margin-bottom: 8px; }
      .cart-mini-outer .cart-mini-area .content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%; }
        .cart-mini-outer .cart-mini-area .content .item-area {
          border: 1px solid #F4F4F4;
          box-sizing: border-box;
          border-radius: 10px;
          padding: 4px 8px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin-bottom: 4px;
          align-items: center;
          position: relative;
          margin-right: 4px; }
          .cart-mini-outer .cart-mini-area .content .item-area .left-area {
            width: 65%;
            display: flex;
            flex-direction: row;
            align-items: center; }
            .cart-mini-outer .cart-mini-area .content .item-area .left-area img {
              margin-right: 0px;
              width: 48px;
              height: 48px; }
            .cart-mini-outer .cart-mini-area .content .item-area .left-area .item-info {
              display: flex;
              flex-direction: column;
              justify-content: center; }
              .cart-mini-outer .cart-mini-area .content .item-area .left-area .item-info .item-name {
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 18px;
                height: 36px;
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; }
              .cart-mini-outer .cart-mini-area .content .item-area .left-area .item-info .item-packsize {
                font-style: normal;
                font-weight: normal;
                font-size: 12px;
                line-height: 18px;
                color: #A4AAB9; }
          .cart-mini-outer .cart-mini-area .content .item-area .right-area {
            position: absolute;
            top: 5px;
            right: 5px; }
            .cart-mini-outer .cart-mini-area .content .item-area .right-area .universal-area {
              /* background: #F4F4F4;*/
              /* border-radius: 10px;*/
              /*  padding: 4px 8px;*/
              text-align: center; }
              .cart-mini-outer .cart-mini-area .content .item-area .right-area .universal-area .universal-text {
                background: #FFFFFF;
                border-radius: 10px;
                width: 23px;
                height: 22px;
                font-style: normal;
                font-weight: 600;
                font-size: 10px;
                line-height: 20px;
                color: #393D42; }
      .cart-mini-outer .cart-mini-area .recommend-item-area {
        background: #DAF1FF;
        border-radius: 6px;
        padding: 8px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        min-height: 74px; }
        .cart-mini-outer .cart-mini-area .recommend-item-area img {
          margin-right: 5px;
          width: 56px;
          height: 56px; }
        .cart-mini-outer .cart-mini-area .recommend-item-area .item-info {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: 78%;
          padding-right: 4px; }
          .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .item-name {
            width: 90%;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            height: auto;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area {
            display: flex;
            flex-direction: row;
            align-items: center; }
            .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .item-packsize {
              font-style: normal;
              font-weight: normal;
              font-size: 12px;
              line-height: 16px;
              display: flex;
              align-items: center;
              color: #A4AAB9; }
            .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area {
              display: flex;
              flex-direction: row;
              margin-left: 5px;
              background: #FDD33C;
              border-radius: 100px;
              width: auto;
              padding: 0px 6px;
              justify-content: space-between; }
              .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area .normal-price {
                font-style: normal;
                font-weight: normal;
                font-size: 12px;
                line-height: 16px;
                color: #494F5F;
                margin-right: 10px; }
              .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area .discount-price {
                font-style: normal;
                font-weight: 500;
                font-size: 12px;
                line-height: 16px;
                text-decoration-line: line-through;
                color: #B78B1C;
                margin-right: 10px; }
              .cart-mini-outer .cart-mini-area .recommend-item-area .item-info .packsize-area .price-area .selling-price {
                font-style: normal;
                font-weight: bold;
                font-size: 12px;
                line-height: 16px;
                display: flex;
                align-items: center;
                color: #ED1516; }
        .cart-mini-outer .cart-mini-area .recommend-item-area .btn-select-recommend {
          position: absolute;
          right: -15px;
          width: 32px;
          height: 32px;
          background: #2FA38A;
          box-shadow: 0px 2px 10px rgba(94, 133, 169, 0.5);
          border-radius: 100px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 20px;
          cursor: pointer;
          text-align: center;
          color: #FFFFFF; }
    .cart-mini-outer ::-webkit-scrollbar {
      width: 5px; }
    .cart-mini-outer ::-webkit-scrollbar-track {
      background-color: #ebebeb;
      -webkit-border-radius: 10px;
      border-radius: 10px; }
    .cart-mini-outer ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: #6d6d6d; } }