@media (max-width: 1600px) {
  .hdr_menu li a {
    padding: 0px 15px 0px 15px !important;
  }
}
@media (max-width: 1500px) {
  .timeline-box {
    max-width: 300px;
  }

  p.box-text {
    font-size: 14px;
  }
  .timeline-box {
        max-width: 300px;
      }

      .box-text {
        font-size: 14px;
      }
}
@media(max-width: 1200px) {
      .timeline-box {
        max-width: 250px;
      }

      .box-heading {
        font-size: 22px;
      }

      .box-sub-heading {
        font-size: 18px;
      }

      .box-text {
        font-size: 12px;
        width: 80%;
        margin: 0 auto;
        line-height: 20px;
      }

      .img-icon.dif-icon,
      .img-icon.dif-icon-1 {
        width: 60px;
        height: 60px;
      }
    }

@media (max-width: 991px) {
  .blue_sec .blue_inner:after,
  .affil_blue .affil_blue_inner:after,
  .innovation-animate:after,
  .combining_sec:after,
  .innovation-animate:after,
  .shg-animate:after,
  .leadership_section::after {
    height: 150px;
  }
  .timeline-line {
        display: none;
      }

      .timeline-outer {
        border-left: 2px solid #848484;
        padding: 50px 0;
        position: relative;
      }

      .timeline-outer::after {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        left: -8px;
        top: 0;
        background: #848484;
      }

      #box1,
      #box2,
      #box3,
      #box4 {
        transform: unset;
      }

      .top-text {
        gap: 40px;
        flex-direction: column;
      }

      .bottom-box {
        gap: 40px;
        margin-top: 40px;
        flex-direction: column;
      }

      .timeline-box {
        max-width: 450px;
      }

      .timeline-box-inner {
        display: flex;
        margin-left: 50px;
        gap: 20px;
        align-items: center;
      }

      .card-1,
      .card-3 {
        flex-direction: row-reverse;
      }

      .timeline-box::after {
        top: 50% !important;
        left: -13px !important;
        transform: translateY(-50%) !important;
      }

      .box-text {
        width: 100%;
      }

      .dif-icon,
      .dif-icon-1 {
        width: 100% !important;
        height: 50px !important;
        min-width: 50px;
        margin: unset !important;
        max-width: 50px;
      }

      .img-icon::after {
        top: 0 !important;
        right: 150% !important;
        bottom: unset !important;
        left: unset !important;
        transform: rotate(90deg) !important;
      }

      .tl-text {
        text-align: left !important;
        padding: 10px;
        border-radius: 5px;
        border: 1px dashed;
      }

      #box1 .tl-text {
        border-color: #5E227C;
      }

      #box2 .tl-text {
        border-color: #01AEF0;
      }

      #box3 .tl-text {
        border-color: #0359A4;
      }

      #box4 .tl-text {
        border-color: #E6C868;
      }
	.ab-sec-inv-anm::after,
	.ab-sec-inv-anm::before  {
		height: 150px;
	}
}
@media (max-width: 767px) {
  .blue_sec .blue_inner:after,
  .affil_blue .affil_blue_inner:after,
  .innovation-animate:after,
  .combining_sec:after,
  .innovation-animate:after,
  .shg-animate:after,
  .leadership_section::after {
    height: 100px;
  }
.ab-sec-inv-anm::after,
.ab-sec-inv-anm::before  {
    height: 100px;
}
}
@media (max-width: 600px) {
  .quote-form .form-row {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .blue_sec .blue_inner:after,
  .affil_blue .affil_blue_inner:after,
  .innovation-animate:after,
  .combining_sec:after,
  .innovation-animate:after,
  .shg-animate:after,
  .leadership_section::after {
    height: 70px;
  }
   .box-sub-heading {
        font-size: 16px;
      }

      .box-heading {
        font-size: 18px;
      }

      .timeline-box::after {
        left: -12px !important;
        width: 20px;
        height: 20px;
      }

      .timeline-box-inner {
        margin-left: 30px;
        gap: 10px;
      }

      .top-text {
        gap: 20px;
      }

      .bottom-box {
        gap: 20px;
        margin-top: 20px;
      }

      .img-icon::after {
        height: 40px;
      }

      .dif-icon,
      .dif-icon-1 {
        width: 100% !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
      }

      .tl-text {
        text-align: center !important;
      }
.ab-sec-inv-anm::after,
.ab-sec-inv-anm::before  {
    height: 70px;
}
}