video {
  width: 100%;
}

.media-wrapper {
  position: relative;
  margin-top: 15px;
}

.media-wrapper:first-of-type {
  margin-top: 0;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 85px;
}

.media-object {
  display: block;
}

.media-right,
.media > .pull-right {
  padding-left: 8px;
}

.media-left,
.media > .pull-left {
  padding-right: 8px;
}

[dir='rtl'] .media-left,
[dir='rtl'] .media > .pull-left {
  padding-right: 0;
  padding-left: 8px;
}

.media-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.media-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  padding-right: 40px;
}

[dir='rtl'] .media-heading {
  padding-right: 0;
  padding-left: 40px;
}

.media-heading p {
  margin: 0;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

@media (min-width: 600px) {
  .media-right,
  .media > .pull-right {
    padding-left: 20px;
  }
  .media-left,
  .media > .pull-left {
    padding-right: 20px;
  }
  [dir='rtl'] .media-left,
  [dir='rtl']   .media > .pull-left {
    padding-right: 0;
    padding-left: 20px;
  }
}