.form-control-feedback {top: 9px !important;}.selectbox {width:100%; padding: 6px 12px;}
 .Thumbanail--Product{display: inline-block; float: left; width: calc(33.33%);width: -moz-calc(33.33%);width: -webkit-calc(33.33%); position: relative; padding-top: 10px; padding-bottom: 20px;}
    .Thumbanail--Product:nth-of-type(3n + 4){clear: left;}
    .Product__Img{display: inline-block; float: left; width: calc(100% - 30px);width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px); margin-left: 15px; margin-right: 15px; z-index: 1; position: relative;}
    .Product__Img img{width: 100%; max-width: 100%; float: left; display: inline-block;}
    .abs__pro{color: #fff; background: #3175B6; border:1px solid #fff; z-index: 3; position:absolute; top: -5px; width: 29px; height: 29px; line-height: 29px; vertical-align: middle; right: 5px; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; background-clip: padding-box; font-size: 21px; text-align: center;}
    .abs__pro span{font-size: 21px;}
    .abs__pro:hover,
    .abs__pro:focus,
    .abs__pro:active{text-decoration: none; font-size: 21px; color: #fff; background-color: #ff0000;}
.loadingDiv {background-color: rgba(0, 0, 0, 0.6); background-image: url("../../images/ajax-loader.svg");background-position: center center;background-repeat: no-repeat;height: 100%;opacity: 1;position: fixed;right: 0;top: 0;width: 100%;z-index: 10000000;}

/* Fix grid of user tiles */
/* Should be adjusted for different screen widths */
/*
.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
*/
.group-grid {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns on phone */
  grid-gap: 10px;
}

@media (min-width: 768px) {
  .grid-container {
    grid-template-columns: repeat(4, 1fr); /* 4 columns on medium width device */
  }
}

@media (min-width: 1200px) {
  .grid-container {
    grid-template-columns: repeat(5, 1fr); /* 6 columns on full screen desktop browser */
  }
}

@media (min-width: 1410px) {
  .grid-container {
    grid-template-columns: repeat(6, 1fr); /* 6 columns on full screen desktop browser */
  }
}

.group-tiles-portlet {
  padding: 10px 0 0 5px !important;
}
.group-tiles-usertitle {
  text-align: center;
  margin-top: 8px;
}

/* Alternate approach without the grid-container */
/* For small screens (phones) - 2 tiles per row */
/* For medium screens (tablets) - 4 tiles per row */
/* For large screens (desktops) - 6 tiles per row*/
/* Clear the margin-right on every 6th tile */
/*
@media (max-width: 767px) {
  .group-grid {
    width: 50%;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .group-grid {
    width: 25%;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .group-grid {
    width: 16.666%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  
  .group-grid:nth-child(6n) {
    margin-right: 0;
  }
}
*/