.top-bar{
  height:30px !important;
}

.top-bar  ul{
 list-style-type: none !important;
 padding:0;
  margin:0;
}
.top-bar ul li i {
    font-size: 20px !important;
}
.top-bar ul li{
  display: inline;
}
.credit{
  position:absolute;
  top:15px;
  right:40px;
}
.fa-backward::after{
  content: "First";
  display:block;
  font-size:12px;
}
.fa-forward::after{
  content: "Last";
  display:block;
  font-size:12px;
}
.fa-chevron-left::after{
  content: "Previous";
  display:block;
  font-size:12px;
}
.fa-chevron-right::after{
  content: "Next";
  display:block;
  font-size:12px;
}
.fa-plus::after{
    content: "Zoom in";
  display:block;
  font-size:12px;
}
.fa-minus::after{
    content: "Zoom out";
  display:block;
  font-size:12px;
}
.fa-print::after{
    content: "Print";
  display:block;
  font-size:12px;
}

/* Media queries */
@media (max-width: 1000px) {
.credit{
  background-color:#f3f3f3;
  padding: 5px 0;
  position:relative;
  top: initial;
  right: initial;
  display: block;
  width: 100%;
  text-align: center;
}
}
@media (max-width: 468px) {
.top-bar{
  height: auto !important;
  position:relative;
  display: table;
}
.magazine{
  top: -220px !important;
}
.top-bar ul li{
  position: relative;
  display: table-cell;
  width:33%;
  height:40px;
  float:left;
}

.fa-backward,
.fa-forward,
.fa-chevron-left,
.fa-chevron-right,
.fa-plus,
.fa-minus,
.fa-print {
  font-size:12px;
}
}