@media (min-width: 768px) and (max-width: 991px) 
{
    div#logo img
    {
    }

    .navbar-default .navbar-nav > li > a
    {
        font-size: 1em;
    }
     .pets {    
    margin: 0 auto;
    float:none;
         top:0;
         padding-left:5%;
  }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    div#logo img
    {
    }

    .navbar-default .navbar-nav > li > a
    {
        font-size: 1em;
    }
     .pets {    
    margin: 0 auto;
    float:none;
    top:0;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .pets {    
    margin: 0 auto;
    float:none;
    top:0;
  }
}