.cggowl-cl-image img{
  height: auto;
}

.cggowl-card-design-outer{
  height: auto;
}
.cggowl-button-next{
    position: absolute;
    z-index: 1000;
    cursor: pointer;
}

.cggowl-button-next:before{
   font-family: "FontAwesome";
   display: inline-block;
   vertical-align: middle;
   font-weight:inherit;
   font-size:inherit;
}

.cggowl-button-prev{
    position: absolute;
    z-index: 1000;
    cursor: pointer;
}

.cggowl-button-prev:before{
   font-family: "FontAwesome";
   display: inline-block;
   vertical-align: middle;
   font-weight:inherit;
   font-size:inherit;
}

.cggowl-cl-meta a{
    color: inherit !important;
}

/* Tablet breaking point : 1025
mobile breaking poing : 768 */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Target Large Devices  */
@media only screen and (min-width: 768px) {
  .cggowl-row-desk-1 {
    max-width: 100%;
  }

  .cggowl-row-desk-2 {
    max-width: 50%;
  }

  .cggowl-row-desk-3 {
    max-width: 33.3333333%;
  }

  .cggowl-row-desk-4 {
    max-width: 25%;
  }

  .cggowl-row-desk-5 {
    max-width: 20%;
  }

  .cggowl-row-desk-6 {
    max-width: 16.66666666%;
  }

  .cggowl-row-desk-7 {
    max-width: 14.285714%;
  }

  .cggowl-row-desk-8 {
    max-width: 12.5%;
  }

  .cggowl-row-desk-9 {
    max-width: 11.111111%;
  }

  .cggowl-row-desk-10 {
    max-width: 10%;
  }

  .cggowl-row-desk-11 {
    max-width: 9.0909090909090%;
  }

  .cggowl-row-desk-12 {
    max-width: 8.3333333333%
  }
}

/* Target Tablet Devices  */
@media (min-width: 500px) and (max-width: 1025px) {
  .cggowl-row-desk-1 {
    max-width: 100%;
  }

  .cggowl-row-desk-2 {
    max-width: 50%;
  }

  .cggowl-row-desk-3 {
    max-width: 33.3333333%;
  }

  .cggowl-row-desk-4 {
    max-width: 25%;
  }

  .cggowl-row-desk-5 {
    max-width: 20%;
  }

  .cggowl-row-desk-6 {
    max-width: 16.66666666%;
  }

  .cggowl-row-desk-7 {
    max-width: 14.285714%;
  }

  .cggowl-row-desk-8 {
    max-width: 12.5%;
  }

  .cggowl-row-desk-9 {
    max-width: 11.111111%;
  }

  .cggowl-row-desk-10 {
    max-width: 10%;
  }

  .cggowl-row-desk-11 {
    max-width: 9.0909090909090%;
  }

  .cggowl-row-desk-12 {
    max-width: 8.3333333333%
  }
}

/* Target Mobile Devices  */
@media only screen and (max-width: 500px) {
  .cggowl-row-desk-1 {
    max-width: 100%;
  }

  .cggowl-row-desk-2 {
    max-width: 50%;
  }

  .cggowl-row-desk-3 {
    max-width: 33.3333333%;
  }

  .cggowl-row-desk-4 {
    max-width: 25%;
  }

  .cggowl-row-desk-5 {
    max-width: 20%;
  }

  .cggowl-row-desk-6 {
    max-width: 16.66666666%;
  }

  .cggowl-row-desk-7 {
    max-width: 14.285714%;
  }

  .cggowl-row-desk-8 {
    max-width: 12.5%;
  }

  .cggowl-row-desk-9 {
    max-width: 11.111111%;
  }

  .cggowl-row-desk-10 {
    max-width: 10%;
  }

  .cggowl-row-desk-11 {
    max-width: 9.0909090909090%;
  }

  .cggowl-row-desk-12 {
    max-width: 8.3333333333%
  }
}