@media (max-width: 768px) {
  .hide-ele {
    display: none;
  }
}

@media (min-width: 656px) {
  #heading-sm-1 {
    display: none;
  }
}

@media (min-width: 769px) {
  #para-lg-3 {
    display: none;
  }
}

@media (max-width: 770px) {
  #lg {
    display: none;
  }
}

@media (max-width: 770px) {
  #para-md-3 {
    display: none;
  }
}

@media (max-width: 768px) {
  #heading-md-2 {
    display: none;
  }
}

@media (min-width: 768px) {
  #heading-sm-2 {
    display: none;
  }
}

@media (min-width: 768px) {
  #sm {
    display: none;
  }
}

@media (min-width: 656px) {
  #heading-lg-1 {
    display: none;
  }
}