/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Tablet breaking point : 1025
mobile breaking poing : 768 */
.pgggo-containter-image-hold{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#pgggo-pro-note{
  border: 0px !important;
}

.pgggo-clear-active-filters{
  margin-right: 15px;
}
.pgggo-container-loading{
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.pgggo-container-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -o-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

.pgggo-dual-ring {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50%;
}
.pgggo-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  -webkit-animation: pgggo-dual-ring 1.2s linear infinite;
          animation: pgggo-dual-ring 1.2s linear infinite;
}
@-webkit-keyframes pgggo-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes pgggo-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Hover Effects */

.pgggo-transition-effect-1-hover figure img {
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pgggo-transition-effect-1-hover figure:hover img {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

/* Circle */
.pgggo-transition-effect-1-hover-cir figure {
  position: relative;
}

.pgggo-transition-effect-1-hover-cir figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, .2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  opacity: 0;
}

.pgggo-transition-effect-1-hover-cir figure:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

/* Gray Scale */
.pgggo-transition-effect-1-hover-grey figure img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pgggo-transition-effect-1-hover-grey figure:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/* Sepia */
.pgggo-transition-effect-1-hover-sepia figure img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pgggo-transition-effect-1-hover-sepia figure:hover img {
  -webkit-filter: sepia(0);
  filter: sepia(0);
}

/* Blur */
.pgggo-transition-effect-1-hover-blur figure img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pgggo-transition-effect-1-hover-blur figure:hover img {
  -webkit-filter: blur(0);
  filter: blur(0);
}

/* Slide */
.pgggo-transition-effect-1-hover-slide figure img {
  margin-left: 30px;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pgggo-transition-effect-1-hover-slide figure:hover img {
  margin-left: 0;
}

/* Zoom Out #1 */
.pgggo-transition-effect-1-hover-zoomout figure img {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pgggo-transition-effect-1-hover-zoomout figure:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}

/* Rotate */
.pgggo-transition-effect-1-hover-rotate figure img {
  -webkit-transform: rotate(15deg) scale(1.4);
  -ms-transform: rotate(15deg) scale(1.4);
      transform: rotate(15deg) scale(1.4);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pgggo-transition-effect-1-hover-rotate figure:hover img {
  -webkit-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
      transform: rotate(0) scale(1);
}

/* Flashing */
.pgggo-transition-effect-1-hover-flash figure:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}

@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

/* Shine */
.pgggo-transition-effect-1-hover-shine figure {
  position: relative;
}

.pgggo-transition-effect-1-hover-shine figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
      transform: skewX(-25deg);
}

.pgggo-transition-effect-1-hover-shine figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* overlay effect 1 */
.pgggo-overlay-effect-1-redtint .pgggo-containter-image-hold::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0, rgba(233, 53, 0, 1) 75%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(233, 53, 0, 1) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e93500', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0.4;
}

.pgggo-overlay-effect-1-hover-redtint .pgggo-containter-image-hold:hover::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0, rgba(233, 53, 0, 1) 75%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(233, 53, 0, 1) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e93500', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  opacity: 0.4;
}

/* overlay effect 2 */
.pgggo-overlay-effect-1-greentint .pgggo-containter-image-hold::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0, rgba(163, 221, 15, 1) 75%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(163, 221, 15, 1) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#a3dd0f', GradientType=1);
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0.4;
}

.pgggo-overlay-effect-1-hover-greentint .pgggo-containter-image-hold:hover::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0, rgba(163, 221, 15, 1) 75%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(163, 221, 15, 1) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#a3dd0f', GradientType=1);
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  opacity: 0.4;
}

/* overlay effect 3 */
.pgggo-overlay-effect-1-bluetint .pgggo-containter-image-hold::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0, rgba(0, 210, 247, 1) 75%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(0, 210, 247, 1) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00d2f7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0.4;
}

.pgggo-overlay-effect-1-hover-bluetint .pgggo-containter-image-hold:hover::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0, rgba(0, 210, 247, 1) 75%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(0, 210, 247, 1) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00d2f7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  opacity: 0.4;
}

/* overlay effect 4 ocer */
.pgggo-overlay-effect-1-greenrosetint .pgggo-containter-image-hold::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(63, 255, 0, 0.96) 0, rgba(227, 13, 122, 1) 74%);
  background: linear-gradient(135deg, rgba(63, 255, 0, 0.96) 0, rgba(227, 13, 122, 1) 74%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f53fff00', endColorstr='#e30d7a', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0.4;
}

.pgggo-overlay-effect-1-hover-greenrosetint .pgggo-containter-image-hold:hover::after {
  display: block;
  position: absolute;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(63, 255, 0, 0.96) 0, rgba(227, 13, 122, 1) 74%);
  background: linear-gradient(135deg, rgba(63, 255, 0, 0.96) 0, rgba(227, 13, 122, 1) 74%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f53fff00', endColorstr='#e30d7a', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  opacity: 0.4;
}

/* overlay effect 4 */
.pgggo-overlay-effect-1-blueredtint .pgggo-containter-image-hold::after {
  display: block;
  position: absolute;
  background: rgb(0, 208, 255);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(0, 208, 255, 1) 0, rgba(255, 0, 0, 1) 83%);
  background: linear-gradient(135deg, rgba(0, 208, 255, 1) 0, rgba(255, 0, 0, 1) 83%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d0ff', endColorstr='#ff0000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0.4;
}

.pgggo-overlay-effect-1-hover-blueredtint .pgggo-containter-image-hold:hover::after {
  display: block;
  position: absolute;
  background: rgb(0, 208, 255);
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(315deg, rgba(0, 208, 255, 1) 0, rgba(255, 0, 0, 1) 83%);
  background: linear-gradient(135deg, rgba(0, 208, 255, 1) 0, rgba(255, 0, 0, 1) 83%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d0ff', endColorstr='#ff0000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  opacity: 0.4;
}

.pgggo-repeater-container-inner figure {
  overflow: hidden;
}

.pgggo-loadmore-button-ajax {
  cursor: pointer;
  text-align: center;
}

.pgggo-pagination-bottom span:hover {
  cursor: pointer;
}

.pgggoloading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  border-radius: 37px;
  background: #f9f9f9;
  z-index: 500;
}

.pgggoloading .pgggodot {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 12px;
  left: 15px;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  background: #03f316;
  border-radius: 50%;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: dot 2.8s infinite;
          animation: dot 2.8s infinite;
}

.pgggoloading .pgggodots {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  margin-top: 12px;
  margin-left: 31px;
  -webkit-animation: pgggodots 2.8s infinite;
          animation: pgggodots 2.8s infinite;
}

.pgggoloading .pgggodots span {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  background: #6f7770;
  border-radius: 50%;
}

@-webkit-keyframes pgggodot {
  50% {
    -webkit-transform: translateX(96px);
            transform: translateX(96px);
  }
}

@keyframes pgggodot {
  50% {
    -webkit-transform: translateX(96px);
            transform: translateX(96px);
  }
}

@-webkit-keyframes pgggodots {
  50% {
    -webkit-transform: translateX(-31px);
            transform: translateX(-31px);
  }
}

@keyframes pgggodots {
  50% {
    -webkit-transform: translateX(-31px);
            transform: translateX(-31px);
  }
}

.pgggo-sort-collapase-content {
  display: none;
}

.pgggo-filter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pgggo-select-label {
  text-align: left;
  font-size: 13px;
  padding: 5px;
  font-weight: 600;
}

.pgggo-sort-collapse-button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: right;
  cursor: pointer;
  border-radius: 3px;
  padding: 10px 34px;
  margin-bottom: 4px;
}

.pgggo-sort-filter {
  border-radius: 4px;
  border: 1px solid #efeeee;
}

.pgggo-ui {
  min-width: 250px;
}

.pgggo-list-taxon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#pgggo-sort-filter .icon-box {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 2px 12px;
  border-radius: 5px;
}

.pgggo-list-taxon-main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 1fr;
  grid-template-columns: 0.2fr 1fr;
  padding: 5px 9px;
  width: 100%;
  margin: 3px 0px;
  border-radius: 5px;
}

#pgggo-sort-filter ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}

#pgggo-sort-filter ul li {
  position: relative;
  list-style: none;
  text-align: center;
  margin: 5px;
}

#pgggo-sort-filter label:hover {
  cursor: pointer;
}

#pgggo-sort-filter ul li label {
  position: relative;
  margin: 0;
}

#pgggo-sort-filter ul li label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#pgggo-sort-filter .icon-box {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 2px 12px;
  border-radius: 5px;
}

#pgggo-sort-filter .fa {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 4px;
}

#pgggo-sort-filter ul li label input[type="checkbox"]:checked~.icon-box {
  -webkit-box-shadow: 0 0 5px 0px #d8d8d8;
          box-shadow: 0 0 5px 0px #d8d8d8;
}

.pgggo-card-design-mul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width:100%;
}

.pgggo-card-design-mul-inner-col-1, .pgggo-card-design-mul-inner-col-2 {
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.pgggo-repeater-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pgggo-card-design {
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  position: relative;
}

.pgggo-cl-title {
  width: 100%;
}

.pgggo-cl-title-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pgggo-cl-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pgggo-cl-content-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pgggo-cl-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pgggo-cl-image-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pgggo-cl-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.pgggo-cl-meta-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.pgggo-cl-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.pgggo-cl-rating-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.pgggo-cl-shortcode {
  width: 100%;
}

.pgggo-cl-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pgggo-cl-wooprice {
  display: table;
  width: 100%;
  word-break: break-word;
}

.pgggo-row {
  display: -ms-grid;
  display: grid;
  max-width: 100%;
}

.pgggo-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* Target Large Devices  */
@media only screen and (min-width: 768px) {
  .pgggo-row-desk-1 {
    -ms-grid-columns: (minmax(10%, 1fr))[1];
    grid-template-columns: repeat(1, minmax(10%, 1fr));
  }

  .pgggo-row-desk-2 {
    -ms-grid-columns: (minmax(10%, 1fr))[2];
    grid-template-columns: repeat(2, minmax(10%, 1fr));
  }

  .pgggo-row-desk-3 {
    -ms-grid-columns: (minmax(10%, 1fr))[3];
    grid-template-columns: repeat(3, minmax(10%, 1fr));
  }

  .pgggo-row-desk-4 {
    -ms-grid-columns: (minmax(10%, 1fr))[4];
    grid-template-columns: repeat(4, minmax(10%, 1fr));
  }

  .pgggo-row-desk-5 {
    -ms-grid-columns: (minmax(10%, 1fr))[5];
    grid-template-columns: repeat(5, minmax(10%, 1fr));
  }

  .pgggo-row-desk-6 {
    -ms-grid-columns: (minmax(10%, 1fr))[6];
    grid-template-columns: repeat(6, minmax(10%, 1fr));
  }

  .pgggo-row-desk-7 {
    -ms-grid-columns: (minmax(10%, 1fr))[7];
    grid-template-columns: repeat(7, minmax(10%, 1fr));
  }

  .pgggo-row-desk-8 {
    -ms-grid-columns: (minmax(10%, 1fr))[8];
    grid-template-columns: repeat(8, minmax(10%, 1fr));
  }

  .pgggo-row-desk-9 {
    -ms-grid-columns: (minmax(10%, 1fr))[9];
    grid-template-columns: repeat(9, minmax(10%, 1fr));
  }

  .pgggo-row-desk-10 {
    -ms-grid-columns: (minmax(9%, 1fr))[10];
    grid-template-columns: repeat(10, minmax(9%, 1fr));
  }

  .pgggo-row-desk-11 {
    -ms-grid-columns: (minmax(8%, 1fr))[11];
    grid-template-columns: repeat(11, minmax(8%, 1fr));
  }

  .pgggo-row-desk-12 {
    -ms-grid-columns: (minmax(6%, 1fr))[12];
    grid-template-columns: repeat(12, minmax(6%, 1fr));
  }
}

/* Target Tablet Devices  */
@media (min-width: 500px) and (max-width: 1025px) {
  .pgggo-list-taxon-main {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .pgggo-row-tab-1 {
    -ms-grid-columns: (minmax(10%, 1fr))[1];
    grid-template-columns: repeat(1, minmax(10%, 1fr));
  }

  .pgggo-row-tab-2 {
    -ms-grid-columns: (minmax(10%, 1fr))[2];
    grid-template-columns: repeat(2, minmax(10%, 1fr));
  }

  .pgggo-row-tab-3 {
    -ms-grid-columns: (minmax(10%, 1fr))[3];
    grid-template-columns: repeat(3, minmax(10%, 1fr));
  }

  .pgggo-row-tab-4 {
    -ms-grid-columns: (minmax(10%, 1fr))[4];
    grid-template-columns: repeat(4, minmax(10%, 1fr));
  }

  .pgggo-row-tab-5 {
    -ms-grid-columns: (minmax(10%, 1fr))[5];
    grid-template-columns: repeat(5, minmax(10%, 1fr));
  }

  .pgggo-row-tab-6 {
    -ms-grid-columns: (minmax(10%, 1fr))[6];
    grid-template-columns: repeat(6, minmax(10%, 1fr));
  }

  .pgggo-row-tab-7 {
    -ms-grid-columns: (minmax(10%, 1fr))[7];
    grid-template-columns: repeat(7, minmax(10%, 1fr));
  }

  .pgggo-row-tab-8 {
    -ms-grid-columns: (minmax(10%, 1fr))[8];
    grid-template-columns: repeat(8, minmax(10%, 1fr));
  }

  .pgggo-row-tab-9 {
    -ms-grid-columns: (minmax(9%, 1fr))[9];
    grid-template-columns: repeat(9, minmax(9%, 1fr));
  }

  .pgggo-row-tab-10 {
    -ms-grid-columns: (minmax(9%, 1fr))[10];
    grid-template-columns: repeat(10, minmax(9%, 1fr));
  }

  .pgggo-row-tab-11 {
    -ms-grid-columns: (minmax(8%, 1fr))[11];
    grid-template-columns: repeat(11, minmax(8%, 1fr));
  }

  .pgggo-row-tab-12 {
    -ms-grid-columns: (minmax(6%, 1fr))[12];
    grid-template-columns: repeat(12, minmax(6%, 1fr));
  }
}

/* Target Mobile Devices  */
@media only screen and (max-width: 500px) {
  .pgggo-list-taxon-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 3px 9px;
    width: 100%;
    margin: 3px 0px;
    background: #e8e8e8;
    border-radius: 5px;
  }

  .pgggo-row-mob-1 {
    -ms-grid-columns: (minmax(10%, 1fr))[1];
    grid-template-columns: repeat(1, minmax(10%, 1fr));
  }

  .pgggo-row-mob-2 {
    -ms-grid-columns: (minmax(10%, 1fr))[2];
    grid-template-columns: repeat(2, minmax(10%, 1fr));
  }

  .pgggo-row-mob-3 {
    -ms-grid-columns: (minmax(10%, 1fr))[3];
    grid-template-columns: repeat(3, minmax(10%, 1fr));
  }

  .pgggo-row-mob-4 {
    -ms-grid-columns: (minmax(10%, 1fr))[4];
    grid-template-columns: repeat(4, minmax(10%, 1fr));
  }

  .pgggo-row-mob-5 {
    -ms-grid-columns: (minmax(10%, 1fr))[5];
    grid-template-columns: repeat(5, minmax(10%, 1fr));
  }

  .pgggo-row-mob-6 {
    -ms-grid-columns: (minmax(10%, 1fr))[6];
    grid-template-columns: repeat(6, minmax(10%, 1fr));
  }

  .pgggo-row-mob-7 {
    -ms-grid-columns: (minmax(10%, 1fr))[7];
    grid-template-columns: repeat(7, minmax(10%, 1fr));
  }

  .pgggo-row-mob-8 {
    -ms-grid-columns: (minmax(10%, 1fr))[8];
    grid-template-columns: repeat(8, minmax(10%, 1fr));
  }

  .pgggo-row-mob-9 {
    -ms-grid-columns: (minmax(9%, 1fr))[9];
    grid-template-columns: repeat(9, minmax(9%, 1fr));
  }

  .pgggo-row-mob-10 {
    -ms-grid-columns: (minmax(9%, 1fr))[10];
    grid-template-columns: repeat(10, minmax(9%, 1fr));
  }

  .pgggo-row-mob-11 {
    -ms-grid-columns: (minmax(8%, 1fr))[11];
    grid-template-columns: repeat(11, minmax(8%, 1fr));
  }

  .pgggo-row-mob-12 {
    -ms-grid-columns: (minmax(6%, 1fr))[12];
    grid-template-columns: repeat(12, minmax(6%, 1fr));
  }
}
