/* =========== Timeline Mobile 360pix - 390pix Css =========== */

@media screen and (min-width: 360px) and (max-width: 389px) {
  .tl-caption-relative::after,
  .tl-caption .wp-caption-text,
  .tl-caption p.wp-caption-text {
    font-size: 11px !important;
  }
  .timeline-media.template-2 .main-image-2 .wp-caption-text {
    max-width: 130px;
  }
  .template-5.timeline-media {
    padding-bottom: 150px;
  }
  .template-5.timeline-media .main-image-5 {
    max-width: 200px;
  }
  .template-5.timeline-media .right-bottom-5 {
    width: 108px;
  }
  .template-5 .tl-caption .wp-caption-text,
  .template-13 .tl-caption-relative::after {
    max-width: 140px;
  }
  .template-8 .tl-caption .wp-caption-text {
    max-width: 130px;
  }
  .template-9 .tl-caption .wp-caption-text {
    max-width: 130px;
  }
  img.img-fluid.solid-block-red-9 {
    top: 45%;
    left: 10%;
  }
  img.img-fluid.top-right-9 {
    width: 75px;
    left: 20%;
    top: 15%;
  }
  .timeline-body
    .template-10.timeline-media.t10-1961
    .image-with-text-10-right {
    max-width: 150px;
  }
  .timeline-body
    .template-10.timeline-media.t10-2017
    .image-with-text-10-right {
    max-width: 145px;
  }
  .template-10 .tl-caption .wp-caption-text {
    max-width: 140px;
  }
  .template-11 .tl-caption-relative::after {
    max-width: 110px;
  }
}