
/* Grid Switch Content Styles for the Service index and other grid based list views */

.grid-switch-content:not(.col-grid) > div {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.grid-switch-content .card-img {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  border-radius: 0.25rem 0.25rem 0 0;
}

@media (min-width: 768px) {
  .grid-switch-content:not(.col-grid) .card-img {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .grid-switch-content .col-full .card-img {
    border-radius: 0.25rem 0 0 0.25rem;
  }
}

.col-full .card-body .service-description {

  max-width: 700px;
  height: 80px;
}
.col-grid .card-body .service-description {

  height: 200px;
}
