@media screen and (max-width: 820px) {
    .navbar-brand  {
          display:none !important;
    }
    .navbar-brand3  {
        display:none !important;
  }
    .navbar-brand2  {
        display:block !important;
    }
}

@media screen and (min-width: 1024px) {
    .navbar-brand  {
        display:block !important;
    }  
    .navbar-brand3  {
        display:block !important;
    }  
    .navbar-brand2  {
          display:none !important;
 }
}