@media (max-width: 767px)  {
#sp-header .logo{  
        display: inline-block;  
        width: 100%;  
        vertical-align: middle;  
        text-align: center;  
    }
}

@media (min-width: 768px) and (max-width: 991px)  {
#sp-header .logo{  
        display: inline-block;  
        width: 100%;  
        vertical-align: middle;  
        text-align: center;  
    }
}

/*.hhd-title {
  vertical-align:middle;
text-align:center;
  display: inline-block;
}*/