@media (min-width: 768px) and (max-width: 991px) {
  .each-img .img {
    text-align: center;
  }
  .each-img .img img {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  #mainNav .social {
    float: none;
    position: absolute;
    bottom: 0;
    right: 10%;
  }
  #mainNav .social li {
    display: inline-block;
  }
  .each-img {
    text-align: center;
  }
  .each-img img {
    display: inline-block;
  }
  #pagination .btn {
    padding: 15px;
  }
  .ad {
    text-align: center;
  }
  .ad img {
    display: inline-block;
  }
  #search ul li {
    font-size: 1.4em;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
#banner {
  height: 300px;
  background-size:100% 100%;
}
#banner .search .input-group .input-group-addon, #banner .search .input-group .form-control {
    font-size: 16px!important;
}
#banner .search .input-group {
    padding:10px 0!important;
}
#banner .search {
    min-height:0!important;
}
.input-group-addon {
    padding: 6px 0!important;
}
.img-responsive {
    min-width: 100%;
}
}

@media (min-width: 320px) and (max-width: 480px) {
#banner {
  height: 200px;
  background-size:100% 100%;
}
#banner .search .input-group .input-group-addon, #banner .search .input-group .form-control {
    font-size: 16px!important;
}
#banner .search .input-group {
    padding:8px 0!important;
}
#banner .search {
    min-height:0!important;
}
.input-group-addon {
    padding: 6px 0!important;
}
.img-responsive {
    min-width: 100%;
}
}