.mdev-timeline {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.mdev-timeline:after {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #d6d6d6;
  top: 0;
  bottom: 0;
  left: 21px;
  margin-left: -1.5px;
}
@media (min-width: 768px) {
  .mdev-timeline:after {
    left: 50%;
  }
}
.mdev-timeline .item {
  position: relative;
  display: block;
  padding-bottom: 30px;
  width: 50%;
}
.mdev-timeline .item.right {
  left: 50%;
}
@media (max-width: 767px) {
  .mdev-timeline .item {
    width: 100%;
  }
  .mdev-timeline .item.right {
    left: 0;
  }
}
@media (min-width: 768px) {
  .mdev-timeline .item.right:after {
    left: 0%;
    margin-left: -22.5px;
  }
  .mdev-timeline .item.left:after {
    right: 0%;
    margin-right: -22.5px;
    transform: scaleX(-1);
  }
}
.mdev-timeline .item:after {
  content: "";
  position: absolute;
  width: 43px;
  height: 43px;
  top: -12px;
  border-radius: 50%;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='43px' height='43px' viewBox='0 0 43 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Oval' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23FFFFFF' stroke-width='6' fill='%23C6C6C6' cx='21.5' cy='21.5' r='18.5'%3E%3C/circle%3E%3Cpolyline id='Path' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' transform='translate(22.500000, 21.500000) rotate(-90.000000) translate(-22.500000, -21.500000) ' points='28 18 22.5 25 17 18'%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
}
.mdev-timeline .item .content {
  margin-top: 15px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .mdev-timeline .item .content {
    padding-left: 50px;
    padding-bottom: 15px;
  }
}
.mdev-timeline .item .content h3 {
  font-size: 18px;
  font-weight: 700;
}
.mdev-timeline .item .content img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}

/*# sourceMappingURL=mdev.css.map */