How to put logo in center using css

Before i start, I would like to apologize for my bad English.

I want to put website logo in center using css after Media Query (max-width: 1100px)

there is my css & html

.logo { 
  width: auto;
  height: auto;
  float:left;
  padding:22.5px 0px 0px 10px;
}

<div class="logo">
  <img src="http://s3.amazonaws.com/libapps/accounts/27060/images/example.png" alt="example" class="logo"/>
</div>

please help me :( :D

Solution

Because my previous answer was based on a site that is no longer available, my updated code is the following:

@media (max-width: 1100px) {
  .logo img {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
  }
}

<div class="logo">
  <img src="http://s3.amazonaws.com/libapps/accounts/27060/images/example.png" alt="example" />
</div>