.speaking_article, .speaking {
  width: 100%;
  display: block;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .speaking_article, .speaking {
    width: 33.33%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 .75rem;
  }
}

.speaking_article .article-con, .speaking_article .speaking-con, .speaking .article-con, .speaking .speaking-con {
  width: 100%;
}

.speaking_article .image, .speaking .image {
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.speaking_article .image.no-image, .speaking .image.no-image {
  background-color: #e2e5ee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 50%;
}

.speaking_article .image img, .speaking .image img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

.speaking_article .caption, .speaking .caption {
  margin-top: .5rem;
  line-height: 1.25;
}

.speaking_article .caption .source, .speaking .caption .source {
  color: #4f5362;
}

.speaking_article .caption .title, .speaking .caption .title {
  font-style: italic;
}

.speaking_article .image.no-image {
  background-image: url(//www-saasmaverick-com-files.s3.amazonaws.com/e6fc-80798657-article-placeholder.png?pfvId=192ajw.ixtgbj51);
}

.speaking .image.no-image {
  background-image: url(//www-saasmaverick-com-files.s3.amazonaws.com/7dc3-90798657-speaking-placeholder.png?pfvId=192ajx.ixtgbj83);
}

.video {
  width: 100%;
  padding: 0 .75rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .video {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}

.video-con {
  display: block;
  width: 100%;
  height: 100%;
}

.video-con .caption {
  margin-top: .5rem;
  display: block;
}

.video-con .caption * {
  font-size: .9rem;
  line-height: 1.25;
}

.embed-con {
  position: relative;
  padding-bottom: 56.25%;
  /* 16x9 */
  height: 0;
}

.embed-con iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.screen-link {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  padding-bottom: 56.25%;
}

.screen-link::before, .screen-link::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
}

.screen-link::before {
  content: '';
  background: rgba(0, 0, 0, 0.4);
  width: 84px;
  height: 84px;
  margin: -42px 0 0 -45px;
  z-index: 1;
  border-radius: 100%;
}

.screen-link::after {
  content: '';
  border-left: 35px solid #fff;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  margin: -17px 0 0 -16px;
  z-index: 2;
}

.screen-link .screenshot {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.screen-link + .caption {
  margin-top: 0;
}
/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh-persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh-persistent,
ul.menubeanh-persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh-persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh-persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh-persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh-persistent ul,
ul.menubeanh-persistent ul ul,
ul.menubeanh-persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh-persistent li.over ul ul,
ul.menubeanh-persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh-persistent li.over ul,
ul.menubeanh-persistent ul li.over ul,
ul.menubeanh-persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv-persistent,
ul.menubeanv ul,
ul.menubeanv-persistent, ul {
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv-persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv-persistent li.mi-parent {
  cursor: pointer;
}
ul.menubeanv-persistent li ul {
  display: none;
}
ul.menubeanv-persistent li.over ul {
  display: block;
}