.line1 {
  width: 0;
  height: 3px;
  background-color: #0428b0;
  animation: horizontalMotion 3s linear forwards;
}

@keyframes horizontalMotion {
  0% {
    width: 0;
  }
  100% {
    width: 180px;
  }
}

@media only screen and (max-width: 600px) {
  .line1 {
  width: 0;
  height: 3px;
  background-color: #0428b0;
  animation: horizontalMotion 4s linear forwards;
}

@keyframes horizontalMotion {
  0% {
    width: 0;
  }
  100% {
    width: 250px;
  }

}