@media (min-width:1480px) {}

@media (min-width:1380px) {
 .border-md-right {
  border-right: 1px solid #000 !important
 }

 .ft-link a {
  font-size: 16px;
  letter-spacing: 0.3px;
  font-weight: 400;
 }

}

@media all and (min-width:1280px) and (max-width:1380px) {
 .border-md-right {
  border-right: 1px solid #000 !important
 }

 .ft-link a {
  font-size: 16px;
  letter-spacing: 0.3px;
 }
}

@media all and (min-width:1024px) and (max-width:1280px) {
 .border-md-right {
  border-right: 1px solid #000 !important
 }

 .ft-link a {
  font-size: 16px;
  letter-spacing: 0.3px;
 }

}

@media (min-width:992px) and (max-width:1024px) {

 .border-md-right {
  border-right: 1px solid #000 !important
 }

 .ft-link a {
  font-size: 16px;
  letter-spacing: 0.3px;
 }

}

@media (min-width:992px) {

 p.set-width-jou {
  width: 70%;
  padding-left: 20px;
 }

 .down-push {
  position: relative;
  top: 20px;
 }

 .up-pull {
  position: relative;
  top: -20px;
 }

 .w-md-75 {
  width: 75%;
 }

 .line-set {
  position: relative;
  width: 47%;
 }
 .line-indus {
  width: 25%;
 }
}

@media all and (min-width:768px) and (max-width:992px) {
 .border-md-right {
  border-right: 1px solid #000 !important
 }

 .ft-link a {
  font-size: 14px;
  letter-spacing: 0.3px;
 }

 .line-set {
  position: relative;
  width: 220px;
 }
 .line-indus {
  width: 90%;
 }
 .d-grid-set-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
}


/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
 /* Place the timelime to the left */
 .timeline::after {
  left: 31px;
 }

 /* Full-width containers */
 .contanier-timeline {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
 }

 /* Make sure that all arrows are pointing leftwards */
 .container-timeline::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
 }

 /* Make sure all circles are at the same spot */
 .left::after,
 .right::after {
  left: 23px;
 }

 /* Make all right containers behave like the left ones */
 .right {
  left: 0%;
 }
 
 .d-grid-set-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
 
 img.images-indus-small {
    width: 100%;
}
}

@media all and (min-width:480px) and (max-width:768px) {
 .border-md-start {
  border-left: none !important
 }

 .border-md-end {
  border-right: none !important
 }

 img.m-set-icon {
  width: 30px
 }

 .display-5 {
  font-size: calc(1.425rem + 1.8vw);
 }

 .line-set {
  position: relative;
  width: 220px;
 }
 .line-indus {
  width: 90%;
 }
}

@media all and (max-width:480px) {
 .border-md-start {
  border-left: none !important
 }

 .border-md-end {
  border-right: none !important
 }

 .ft-link a {
  font-size: 15px;
  letter-spacing: 0.3px;
 }

 .display-5 {
  font-size: calc(1.425rem + 1.5vw);
 }

 .fabric-we-use .slick-prev:before,
 .fabric-we-use .slick-next:before {
  color: #000;
 }

 img.icon-set-img {
  width: 100%;
 }

 .line-set {
  width: 220px;
  margin: 0 auto;
 }
 .line-indus {
  width: 90%;
 }
}


@media all and (max-width:380px) {

 .display-5 {
  font-size: calc(1.425rem + 1.1vw);
 }

}