
.panel-sanews-3col-stack {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

/*@media screen and (min-width: 0px) and (max-width: 800px) {
  .panel-sanews-2col-stack {
    flex-wrap: wrap;
  }
}*/

/********* Top ****************************************************************/

.panel-sanews-3col-stack > .panel-row-top {
  order: 1;
  width: 100%;
}

.panel-sanews-3col-stack > .panel-row-top > .inside {
  margin: 0 0 20px 0;
}

/********* Left ***************************************************************/
.panel-sanews-3col-stack > .panel-col-left {
  order: 2;
  width: 40%;
  /* min-width: 320px; */
}

.panel-sanews-3col-stack > .panel-col-left > .inside {
  margin: 0 20px 20px 0;
}

.panel-sanews-3col-stack > .panel-col-left > .inside .panel-separator {
  margin: 20px 0;
  border-bottom: 1px dotted #9E9E9E;
}

/********* Center *************************************************************/
.panel-sanews-3col-stack > .panel-col-center {
  order: 3;
  width: 30%;
  /* min-width: 320px; */
}

.panel-sanews-3col-stack > .panel-col-center > .inside {
  margin: 0 0px 20px 0;
}

/********* Right **************************************************************/

.panel-sanews-3col-stack > .panel-col-right {
  order: 4;
  width: 30%;
  /* min-width: 320px; */
}

.panel-sanews-3col-stack > .panel-col-right > .inside {
  margin: 0 0 20px 20px;
}

.panel-sanews-3col-stack > .panel-col-right > .inside .panel-separator {
  margin: 20px 0;
  border-bottom: 1px dotted #9E9E9E;
}

/********* Center Left ********************************************************/

.panel-sanews-3col-stack > .panel-col-center-left {
  order: 5;
  width: 70%;
  /* min-width: 320px; */
}

.panel-sanews-3col-stack > .panel-col-center-left > .inside {
  margin: 0 20px 20px 0;
}

/********* Center Right *******************************************************/

.panel-sanews-3col-stack > .panel-col-center-right {
  order: 6;
  width: 30%;
  /* min-width: 320px; */
}

.panel-sanews-3col-stack > .panel-col-center-right > .inside {
  margin: 0 0 20px 20px;
}

/********* Bottom Left ********************************************************/

.panel-sanews-3col-stack > .panel-col-bottom-left {
  order: 7;
  width: 50%;
  /* min-width: 320px; */
}

.panel-sanews-3col-stack > .panel-col-bottom-left > .inside {
  margin: 0 20px 20px 0;
}

/********* Bottom Right *******************************************************/

.panel-sanews-3col-stack > .panel-col-bottom-right {
  order: 8;
  width: 50%;
  /* min-width: 320px; */
}

.panel-sanews-3col-stack > .panel-col-bottom-right > .inside {
  margin: 0 0 20px 20px;
}

/********* Separator **********************************************************/

.panel-sanews-3col-stack .panel-separator {
  margin: 0 0 1em 0;
}

/********* Media Queries ******************************************************/

  /********* Max-width: 800px *************************************************/

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-row-top {
      order: 1;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-row-top .inside {
      /* margin:  0; */
    }
  }

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-col-left {
      order: 2;
      width: 60%;
    }

    .panel-sanews-3col-stack > .panel-col-left .inside {
      /* margin:  0; */
    }
  }

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-col-center {
      order: 3;
      width: 40%;
    }

    .panel-sanews-3col-stack > .panel-col-center .inside {
      /* margin:  0; */
    }
  }

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-col-right {
      order: 4;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-right .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-col-center-left {
      order: 5;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-center-left .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-col-center-right {
      order: 6;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-center-right .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-col-bottom-left {
      order: 7;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-bottom-left .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 800px) {
    .panel-sanews-3col-stack > .panel-col-bottom-right {
      order: 8;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-bottom-right .inside {
      margin:  0;
    }
  }

  /********* Max-width: 600px *************************************************/

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-row-top {
      order: 1;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-row-top .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-col-left {
      order: 2;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-left .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-col-center {
      order: 3;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-center .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-col-right {
      order: 4;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-right .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-col-center-left {
      order: 5;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-center-left .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-col-center-right {
      order: 6;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-center-right .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-col-bottom-left {
      order: 7;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-bottom-left .inside {
      margin:  0;
    }
  }

  @media screen and (max-width: 600px) {
    .panel-sanews-3col-stack > .panel-col-bottom-right {
      order: 8;
      width: 100%;
    }

    .panel-sanews-3col-stack > .panel-col-bottom-right .inside {
      margin:  0;
    }
  }
