/* =========== Timeline tablet Css =========== */

@media screen and (min-width: 768px) and (max-width: 992px) {
  .ctl-wrapper .ctl-vertical-wrapper .ctl-icondot {
    top: 15px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .heading-14xl,
  .lead.heading-14xl {
    font-size: 100px;
  }
  .heading-foundations {
    max-width: 46%;
    max-height: 200px;
  }
  .heading-decade {
    max-width: 55%;
  }
  .ctl-timeline-container {
    overflow-x: hidden;
  }

  .tl-caption-relative::after {
    font-size: 12px !important;
  }

  .tl-caption .wp-caption-text,
  .tl-caption p.wp-caption-text {
    font-size: 12px !important;
  }

  .ctl-wrapper .ctl-vertical-wrapper .ctl-story {
    width: calc(50% - 50px);
  }

  .ctl-wrapper {
    --ctw-ibx-size: 50px;
  }

  img.img-fluid.left-bottom-9 {
    width: 132px;
    bottom: 3%;
  }

  img.img-fluid.right-bottom-9 {
    width: 110px;
    bottom: 6%;
  }

  img.img-fluid.top-right-9 {
    width: 80px;
    top: 18%;
    left: 40%;
  }

  img.img-fluid.solid-block-red-9 {
    width: 60px;
  }

  img.img-fluid.top-left-9 {
    width: 145px;
    top: 16%;
  }

  .template-5 .tl-caption .wp-caption-text,
  .template-13 .tl-caption-relative::after {
    max-width: 170px;
  }

  .template-11 .tl-caption-relative::after {
    max-width: 150px;
  }

  /*template 7 */

  .template-7.timeline-media > img {
    width: 45% !important;
  }

  img.img-fluid.big-solid-block-7 {
    width: 80px !important;
    bottom: 29%;
    left: 15%;
  }

  img.img-fluid.big-solid-block-7-red {
    width: 80px !important;
    left: 12%;
  }

  .template-7.timeline-media .small-solid-block-7 {
    width: 80px !important;
    bottom: 12%;
    right: 0;
  }

  .template-7.timeline-media .bottom-left-7 {
    bottom: 7%;
    max-width: 130px;
  }

  img.img-fluid.top-left-7 {
    width: 45% !important;
    left: 21%;
    top: 14%;
  }

  /*template 6 */

  img.img-fluid.top-right-6 {
    width: 240px;
    left: 30%;
  }

  img.img-fluid.bottom-left-6 {
    width: 140px;
    bottom: 10%;
    left: 10%;
    z-index: 2;
  }

  img.img-fluid.big-solid-block-6 {
    width: 80px;
    top: 30%;
    left: 15%;
  }

  img.img-fluid.top-left-6 {
    width: 90px;
    left: 0;
    top: 6%;
  }

  img.img-fluid.small-solid-block-6 {
    width: 80px;
    right: 0;
    bottom: 18%;
  }
  /*template 3 */

  img.img-fluid.top-right-3 {
    width: 60px;
    top: 5%;
  }

  img.img-fluid.bottom-right-3 {
    width: 200px;
    bottom: 1%;
  }

  img.img-fluid.bottom-left-3 {
    width: 100px;
    bottom: 16%;
  }

  img.img-fluid.main-image-3 {
    width: 80%;
  }

  /*template 8*/
  .template-8 img.img-fluid.top-right {
    width: 140px;
    right: 0;
    top: 6%;
  }

  .template-8 img.img-fluid.solid-block {
    width: 80px;
    right: 24%;
    top: 14%;
  }

  .template-8 img.img-fluid.right-bottom {
    width: 150px;
    right: 0;
    bottom: 0;
    top: auto;
  }

  .template-8 img.img-fluid.left-bottom {
    /* max-width: 100px !important; */
    bottom: 17%;
  }

  /*template 5 */
  img.img-fluid.main-image-5 {
    width: 210px;
  }

  img.img-fluid.left-bottom-5 {
    width: 115px;
    top: 72%;
  }

  .template-5.timeline-media .right-bottom-5 {
    width: 155px;
    bottom: 0;
    right: -2%;
  }

  img.img-fluid.top-right-5 {
    width: 70px;
    right: 12%;
    top: 40%;
  }

  img.img-fluid.solid-block-5 {
    width: 80px;
    top: 79%;
  }

  /*template 10*/

  img.img-fluid.main-image-10 {
    width: 280px;
  }

  img.img-fluid.top-left-10 {
    width: 80px;
    top: 15%;
  }

  img.img-fluid.top-right-10 {
    width: 150px;
    right: 10%;
    top: 13%;
  }

  img.img-fluid.bottom-left-10 {
    width: 75px;
    bottom: 13%;
  }

  img.img-fluid.bottom-right-10 {
    width: 205px;
    bottom: 0;
  }

  img.img-fluid.center-right-10 {
    width: 50px;
    right: auto;
    left: 60%;
    top: 62%;
  }

  img.img-fluid.center-right-arrow-10 {
    top: 50%;
    width: 80px;
    right: 0;
  }

  /* Css fix */
  .template-1.timeline-media {
    padding-bottom: 140px;
  }

  .template-3.timeline-media {
    padding-bottom: 125px;
  }

  .template-4.timeline-media {
    padding-bottom: 100px;
  }

  .template-7.timeline-media {
    padding-bottom: 140px;
  }

  .template-9.timeline-media {
    padding-top: 110px;
    padding-bottom: 98px;
  }

  .template-10.timeline-media {
    padding-bottom: 100px;
  }

  .img-fluid.right-center-4 {
    right: 0;
    width: 90px;
  }

  img.img-fluid.bottom-right-4 {
    width: 130px;
    right: 0;
  }

  .template-5.timeline-media .main-image-5 {
    max-width: 335px;
    width: auto;
  }
  #ctl-story-1535 .template-5.timeline-media .main-image-5 {
    max-width: 300px;
  }
  .template-5.timeline-media .left-bottom-5 {
    max-width: 180px;
  }
  .template-5.timeline-media {
    padding-bottom: 190px;
  }
  #ctl-story-1535 .template-5.timeline-media {
    padding-bottom: 220px;
  }
  .template-5.timeline-media .solid-block-5 {
    max-width: 170px;
    left: 50%;
    bottom: 15%;
    top: auto;
  }
  #ctl-story-1537 .template-5.timeline-media {
    padding-bottom: 240px;
  }
  .img-fluid.bottom-left-6 {
    max-width: 150px;
    left: 5%;
  }

  .template-6.timeline-media {
    padding-bottom: 90px;
  }
  .template-7.timeline-media .top-right-7 {
    max-width: 190px;
  }
  /* .template-7 .tl-caption .wp-caption-text {
    padding-left: 50px;
  } */
  .template-7.timeline-media .bottom-left-7.image-with-text-right-7 {
    max-width: 180px;
  }
  .template-8.timeline-media {
    padding-top: 110px;
    padding-bottom: 145px;
  }
  .template-8 .img-fluid.left-bottom {
    max-width: 90px;
  }
  .template-8 .tl-caption .wp-caption-text {
    max-width: 180px;
  }
  .img-fluid.left-bottom-9 {
    max-width: 160px;
  }
  .img-fluid.bottom-left-10 {
    max-width: 90px;
    bottom: 5%;
  }
  .img-fluid.top-right-10 {
    max-width: 150px;
  }
  .template-2 .main-image-2 {
    max-width: 220px;
  }
  .template-2 .main-image-2 .wp-caption-text {
    max-width: 140px;
  }
  .img-fluid.left-center-2 {
    max-width: 90px;
    top: 35%;
    left: 45%;
  }
  .img-fluid.bottom-right-2 {
    max-width: 200px;
  }

  .img-fluid.bottom-right-3 {
    max-width: 200px;
  }
  .template-11 .main-image {
    max-width: 200px;
  }
  .template-8 .img-fluid.left-bottom-gif {
    max-width: 130px !important;
  }
  .template-8 .img-fluid.main-image {
    max-width: 75%;
  }
  .template-8 .tl-caption.left-bottom-gif .wp-caption-text {
    max-width: 160px;
  }
  .img-fluid.top-left-img-9 {
    max-width: 170px;
  }
  .img-fluid.top-left-9 {
    max-width: 180px;
  }
  .template-9 .tl-caption.tl-caption-tr .wp-caption-text {
    max-width: 180px;
  }
  .template-9 .tl-caption .wp-caption-text {
    max-width: 220px;
  }
  .img-fluid.top-right-10.image-with-text-10-right {
    max-width: 180px;
  }
  .template-10 .tl-caption .wp-caption-text {
    max-width: 180px;
  }
  .img-fluid.left-1-11 {
    max-width: 52px;
    left: 28%;
    top: 60%;
  }
  .img-fluid.main-image-1 {
    max-width: 300px;
  }
  .img-fluid.bottom-left-1 {
    max-width: 90px;
  }
  .img-fluid.bottom-right-1 {
    max-width: 190px;
  }
  img.img-fluid.main-image-4 {
    width: 280px;
  }
  img.img-fluid.bottom-left-4 {
    width: 130px;
  }
  .tl-caption.bottom-right-13,
  .img-fluid.bottom-right-13 {
    max-width: 140px;
  }
  .ctl-wrapper #ctl-story-1591.ctl-story,
  .ctl-wrapper #ctl-story-1593.ctl-story {
    margin-bottom: calc(220px + var(--ctw-cbx-bottom-margin)) !important;
  }
  .img-fluid.bottom-right-13-gif {
    max-width: 130px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
.template-2 .main-image-2 .wp-caption-text {
    max-width: 200px;
  }
}