/*--------------------------------------------------------------
# Responsive Mobile (Breakpoint 768px)
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .custom-edu-timeline::before {
    left: 20px;
  }

  .edu-tl-item {
    width: 100%;
    padding-left: 55px;
    padding-right: 0;
    margin-bottom: 15px;
  }

  .edu-tl-item.edu-tl-left,
  .edu-tl-item.edu-tl-right {
    left: 0;
    text-align: left;
  }

  .edu-tl-item.edu-tl-left .edu-tl-icon,
  .edu-tl-item.edu-tl-right .edu-tl-icon {
    left: 0;
    right: auto;
  }
}