/*media small screen*/
@media only screen and (max-width: 1024px) {
  .pageinfo-share,
  .pageinfo-info{
    display: block !important;
    float: none !important;
    text-align: left !important;
  }

  .pageinfo-info li{
    display: block !important;
    width: 100%;
    text-align: left !important;
    line-height: 30px;
  }
}

/*media medium & larger screen*/
@media only screen and (min-width: 1025px) {
  .pageinfo-share{
    display: inline-block !important;
    float: right !important;
    text-align: right !important;
  }

  .pageinfo-info,
  .pageinfo-info li{
    display: inline-block !important;
    text-align: left !important;
  }
}