@media all and (max-width: 959px) {

  #header {
    padding: 5px 0;
  }

  #navbar {
    border-bottom: 1px solid #ccc;
  }

  .quick-menu {
    display: none;
  }

  .search {
    max-width: calc(70% - 200px);
  }
  .search > .form {
    top: 0px;
  }
  .search > .results {
    margin-top: 10px;
  }

  .cart-button {
    line-height: 40px;
  }

  .user-controls {
    font-size: 14px;
  }
  .user-controls .icon {
    display: none;
  }
  .user-controls .text > * {
    float: left;
    display: block;
    margin-top: 10px;
  }
  .user-controls .text > :nth-child(n+2) {
    margin-left: 15px;
  }
  .user-controls .text > .welcome {
    display: none;
  }

  #dark {
    top: 0;
  }

  #footer {
    padding: 50px 30px;
  }
  #footer .logo {
    float: none;
    margin: 0 auto;
  }
  #footer .footer-menu {
    float: none;
    width: auto;
    margin-top: 50px;
  }

  .common-borderless:nth-child(n) {
    float: none;
    width: auto;
    padding-left: 0;
  }
  .common-borderless:nth-child(n+2) {
    margin-top: 30px;
  }


  /**
   * Index page
   */
  .index-entries .title {
    font-size: 20px;
  }
  .index-entries .entry-0 {
    padding-bottom: 45%
  }
  .index-entries .entry-4 {
    padding-bottom: 45%
  }
  .index-entries .entry-5 .inner {
    padding-right: 20px;
  }

  .index-knowledge .top .left .title {
    font-size: 60px;
  }
  .index-knowledge .article .title {
    font-size: 20px;
  }
  .index-knowledge .bottom .article:nth-child(1) {
    width: 56.5%;
  }
  .index-knowledge .bottom .article:nth-child(2) {
    width: calc(43.5% - 30px);
  }

  .index-popular .item:nth-child(n) {
    width: calc((100% - 15px) / 2);
    margin-left: 15px;
  }
  .index-popular .item:nth-child(2n+1) {
    margin-left: 0;
  }
  .index-popular .item:nth-child(n+3) {
    margin-top: 15px;
  }

  .index-more {
    padding: 80px 60px 0;
  }
  .index-more > .inner {
    display: block;
    padding: 0;
  }
  .index-more .right {
    display: none;
  }


  /**
   * Ref
   */
  .ref-top .articles .article .title {
    font-size: 20px;
  }
  .ref-top .articles .article:nth-child(n+2) .text {
    display: none;
  }

}