/*
  * Product card in box-mode start
*/


.box-mode .productmarketplace_body_items_item{
    position: relative;
    border: 1px solid #ccc;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image {
    position: relative;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image_actions{

  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image_actions_rating{
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    cursor: pointer;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating > span{
    background: black;
    padding: 0.27em 1em;
    border-radius: 3px;
    font-size: 0.85em;
    color: #ccc;
  /*   border: 0.5px solid #ccc; */
  /*   box-shadow: 0 0 3px 1px gray; */
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating span i{
    color: #fff;
    opacity: 1;
    margin: 0;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating span i:after{
    content: "|";
    margin-left: 0.5em;
    color: gray;
    font-size: 1.2em;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating > span > span{
    margin-left: 0.2em;
  }


  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image_actions_showvarient{
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    cursor: pointer;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_showvarient > span{
    background: #fff;
    padding: 0.2em 1em;
    border-radius: 30px;
    font-size: 0.8em;
    color: #000;
    box-shadow: 0 0 3px 1px gray;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_showvarient span i{
    color: red;
    opacity: 0.7;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_showvarient > span > span{
    margin-left: 0.5em;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image img{
    width: 100%;
    /*! height: 13.5em; */
    border-bottom: 1px solid #ccc;
  }

  @media (min-width: 600px)
  {
    .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image img{
      /*! height: 20em; */
    }
  }

  @media (min-width: 992px)
  {
    .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image img{
      /*! height: 25em; */
    }
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .img-responsive {

  }

  .productmarketplace_body_items_item .productmarketplace_body_items_item_image .wishlist{
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    background: none;
    border: none;
  }

  .productmarketplace_body_items_item .productmarketplace_body_items_item_image .wishlist i{
    font-size: 1.3em;
    color: black;
  }

  .productmarketplace_body_items_item .productmarketplace_body_items_item_image .wishlist i.d-icon-heart-full{
    color: red;
  }

  .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges {
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge{
    display: block;
    margin-bottom: 0.5em;
    padding: 3px 7px;
    font-size: 0.7em;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    opacity: 0.8;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge:last-child{
    margin-bottom: 0;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge.new{
    background: black;
    color: #fff;
    border-radius: 10px;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge.outofstock{
    background: gray;
    color: #fff;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge.rating{
    background: orange;
    color: #fff;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge .fa {

  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description {
    padding: 0.5em 0.5em;
    /*! border-top: 1px solid #ccc; */
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_brand {
    font-size: 1em;
    color: #000;
    font-weight: 600;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_product{
    font-size: 0.8em;
    letter-spacing: 0.2px;
    color: #333;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_product a{
  /*   max-height: 48px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* limit to two lines */
  }



  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing {

  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing span {
    color: #000;
    font-size: 0.9em;
    font-weight: 500;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing strike {
    font-size: 0.8em;
    color: #000;
    opacity: 0.5;
  }

  .box-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing span:last-child{
    font-size: 0.7em;
    color: green;
  }


  /*
    * Product card in box-mode start
  */



  /*
    * Product card in list-mode start
  */


  .list-mode .productmarketplace_body_items_item{
    position: relative;
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 0.5em;
    border: 1px solid #ccc;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image {
    position: relative;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image_actions{

  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image_actions_rating{
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    cursor: pointer;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating > span{
    background: lightgray;
    padding: 0.2em 1em;
    border-radius: 3px;
    font-size: 0.85em;
    color: #000;
  /*   border: 0.5px solid #ccc; */
  /*   box-shadow: 0 0 3px 1px gray; */
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating span i{
    color: #000;
    opacity: 1;
    margin: 0;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating span i:after{
    content: "|";
    margin-left: 0.5em;
    color: gray;
    font-size: 1.2em;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_rating > span > span{
    margin-left: 0.2em;
  }


  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image_actions_showvarient{
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    cursor: pointer;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_showvarient > span{
    background: #fff;
    padding: 0.2em 1em;
    border-radius: 30px;
    font-size: 0.8em;
    color: #000;
    box-shadow: 0 0 3px 1px gray;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_showvarient span i{
    color: red;
    opacity: 0.7;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_actions .productmarketplace_body_items_item_image_actions_showvarient > span > span{
    margin-left: 0.5em;
  }


  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image{
    border-right: 1px solid #ccc;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .img-responsive {

  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .wishlist{
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    background: none;
    border: none;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .wishlist i{
    font-size: 1.3em;
    color: black;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .wishlist i.d-icon-heart-full{
    color: red;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges {
    position: absolute;
    top: 0;
    left: 0;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge{
    display: block;
    margin-bottom: 0.5em;
    padding: 3px 7px;
    font-size: 0.7em;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    opacity: 0.8;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge:last-child{
    margin-bottom: 0;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge.new{
    background: green;
    color: #fff;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge.outofstock{
    background: gray;
    color: #fff;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge.rating{
    background: orange;
    color: #fff;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_image .productmarketplace_body_items_item_image_badges .productmarketplace_body_items_item_image_badges_badge .fa {

  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description {
    padding: 2em 1em;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_brand {
    font-size: 1em;
    color: #000;
    font-weight: 600;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_product {
    font-size: 1em;
    letter-spacing: 0.2px;
    color: #333;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing {

  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing span {
    color: #000;
    font-size: 0.9em;
    font-weight: 500;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing strike {
    font-size: 0.8em;
    color: #000;
    opacity: 0.5;
  }

  .list-mode .productmarketplace_body_items_item .productmarketplace_body_items_item_description .productmarketplace_body_items_item_description_pricing span:last-child{
    font-size: 0.7em;
    color: green;
  }


  /*
    * Product card in list-mode start
  */



  /*
    * Product card view varients start
  */

  .viewvarients{
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
  }


  .viewvarients .viewvarients_overlay{
    background: rgba(0,0,0,0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: pointer;
  }

  .viewvarients .viewvarients_container{
    background: #fff;
    padding: 2em 1.5em;
    box-shadow: 0 0 5px 1px gray;
    right: 0;
    margin: 1em;
    height: 100vh;
    overflow: scroll;
  }


  .viewvarients .viewvarients_container .viewvarients_header{
    display: grid;
    grid-template-columns: 5fr 1fr;
    margin-bottom: 2em;
  }

  .viewvarients .viewvarients_container .viewvarients_header span:first-child{
    text-align: center;
    color: #000;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
  }

  .viewvarients .viewvarients_container .viewvarients_header span:last-child{
    position: absolute;
    top: 1.5em;
    right: 2em;
    font-size: 1.5em;
    color: #000;
    cursor: pointer;
  }

  .viewvarients .viewvarients_container .viewvarients_header span:last-child:hover{
    color: red;
    opacity: 0.7;
  }


  .viewvarients .viewvarients_container .viewvarients_body{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8em;
    overflow: scroll;
  }


  /*
    * Product card view varients end
  */