.cf:after
{
  content: "";
  display: table;
  clear: both;
}
@media(min-width:1440px)
{
  .hide-l{display:none !important}
}
@media(min-width:1024px) and (max-width:1439px)
{
  .hide-m{display:none !important}
}
@media(min-width:480px) and (max-width:1023px)
{
  .hide-s{display:none !important}
}
@media(max-width:479px)
{
  .hide-xs{display:none !important}
}
.pull-right
{
  float: right;
}