@media (max-width: 768px) {
  .card-layout {
    margin-bottom: 0; }
    .card-layout .card-row {
      display: block;
      padding: 0; }
      .card-layout .card-row.card-row-2 .card {
        height: auto; }
        .card-layout .card-row.card-row-2 .card .card-image {
          padding-top: 200px;
          height: auto; }
      .card-layout .card-row .card {
        height: auto !important; }
        .card-layout .card-row .card .card-content {
          bottom: auto;
          width: 100%;
          margin-bottom: 30px; } }

.card-layout .card-row {
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -ms-flex-flow: wrap;
  flex-flow: wrap; }
  .card-layout .card-row .card {
    margin: 0;
    padding: 0; }
    .card-layout .card-row .card .card-content {
      width: auto; }
      .card-layout .card-row .card .card-content p.card-title {
        line-height: normal; }
        @media (min-width: 1200px) {
          .card-layout .card-row .card .card-content p.card-title {
            font-size: 40px; } }
      .card-layout .card-row .card .card-content .button_row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }

@media (min-width: 768px) {
  .card-layout .card-row .card .card-content ul li {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto; } }

@media (min-width: 992px) {
  .card-layout .card-row .card .card-content {
    width: 70%; }
    .card-layout .card-row .card .card-content ul {
      row-gap: 15px; }
      .card-layout .card-row .card .card-content ul li {
        width: 75%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        line-height: normal; }
  .card-layout .card-row.card-row-4 .card .card-content {
    width: 85%; } }

.card-layout .card-row .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.card-layout .card-row.card-row-1 .card .card-image {
  padding-top: 600px; }

.card-layout .card-row.card-row-2 .card .card-image {
  padding-top: 500px; }

.card-layout .card-row.card-row-3 .card .card-image,
.card-layout .card-row.card-row-4 .card .card-image {
  padding-top: 450px; }

.card-layout .card-row .card .card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%; }