.mobile  {
  text-align: right;
    color: #767676;
    font-family: 'Montserrat';
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1em;
     margin-right: 12px;
     white-space: nowrap;
}

.mobile-hide  {
  text-align: right;
    color: #767676;
    font-family: 'Montserrat';
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1em;
     margin-right: 18px;
     white-space: nowrap;
}

.desktop-hide  {
  text-align: right;
    color: #767676;
    font-family: 'Montserrat';
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1em;
     margin-right: 12px;
     white-space: nowrap;
}

.mobile a {
  text-align: right;
    color: #767676;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1em;

}

.mobile-hide a {
  text-align: right;
    color: #767676;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1em;
  
}
  
  .desktop-hide a {
  text-align: right;
    color: #767676;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1em;
  
}
  
  
  @media screen and (max-width: 768px) {

 .mobile-show {
    display: block !important;
 }
  .mobile-hide {
  display:none!important;
  }
}

@media screen and (min-width: 769px) {
.mobile-hide {
    display: block !important;
 }
  .mobile-show {
  display: none !important; 
 }