@media screen and (max-width: 899px) {
  #container, #main-nav, #body, #homepage {
    clear: both;
    float: none;
    width: 100%;
  }
  #homepage {
    overflow: hidden;
  }
  #body {
    overflow: hidden;
    padding: 20px 5%;
    width: 90%;
  }
  #container {
    overflow: hidden;
    padding-top: 0;
  }
  #container * {
    max-width: 100%;
  }
  #container img {
    height: auto;
  }
  .available-books .grid-list-item-details {
    max-width: 180px !important; /* because of over aggressive #container * in crossway responsive :( */
  }
  #splash {
    height: auto!important;
  }
  #splash img {
    width: 100%;
  }
  #splash ul {
    max-width: none;
  }
  #interior-left #splash-controls {
    margin-bottom: 20px!important;
  }
  .splash-info * {
    font-size: 13px!important;
  }
  #homepage #home-content {
    float: left;
    margin-bottom: 20px;
    padding: 0 5%;
    width: 90%;
  }
  #homepage #main {
    float: none;
  }
  #homepage #sidebar {
    clear: both;
    float: left;
    height: auto;
    padding: 20px 5%;
    width: auto;
  }
  #homepage #sidebar * {
    position: static;
  }
  #interior-right #sidebar,
  #interior-left #sidebar {
    padding: 20px 0;
    width: 100%;
  }
  #interior-right #content,
  #interior-left #content {
    width: auto;
    padding: 0;
  }
  #interior-left #home-content {
    float: left;
    width: 100%;
  }
  #bible-detail .carousel, #book-detail .carousel {
    height: auto;
    padding: 12px 5%!important;
    width: 90%!important;
  }
  #bible-detail .carousel div, #book-detail .carousel div {
    width: auto!important;
  }
  #bible-detail .carousel li, #book-detail .carousel li {
    padding: 0 10px;
    text-align: center;
  }
  #bible-detail .carousel .next,
  #bible-detail .carousel .prev,
  #book-detail .carousel .next,
  #book-detail .carousel .prev {
    display: none!important;
  }
  #head-row {
    height: auto;
    margin-top: 14px;
  }
  #logo {
    left: 3%;
    position: relative;
    width: 37%;
    max-width: 172px;
  }
  #logo img {
    width: 100%;
  }
  #mini-nav {
    float: left;
  }
  #main-nav-row {
    clear: both;
    height: auto;
    position: static;
  }
  #main-nav {
    background: url("/static/images/sprites.png") no-repeat scroll 0 -90px transparent;
    display: table;
    overflow: hidden;
    position: relative;
  }
  #main-nav li {
    display: table-cell;
    float: none;
  }
  #main-nav li ul {
    display: none!important;
  }
  #main-nav li:last-child {
    background: none;
    padding-right: 0;
  }
  #main-nav a {
    border-radius: 0!important;
    height: 30px;
    line-height: 30px;
    padding: 0;
    vertical-align: middle;
  }
  #search-main {
    display: block;
    height: 38px;
    clear: both;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
  }
  #search-main input[type=text] {
    border: 1px solid #999;
    border-radius: 6px 0 0 6px;

    padding: 4px 6px 3px;
    right: 36px;
    width: 80%;
  }
  input#search-submit {
    border-radius: 0 8px 6px 0;
    right: 6px;
  }
  #shop-nav-row {
    background-position: -34px -44px;
  }
  #shop-nav-row span a#home {
    padding-left: 0;
  }
  #shop-nav-row #breadcrumbs {
    width: auto;
  }
  #mini-nav {
    letter-spacing: .7px;
    margin: 16px 3%;
  }
  #mini-nav li#login-name {
    color: #797061;
    display: block;
    margin-bottom: 4px;
    text-transform: uppercase;
  }
  #mini-nav li {
    background: none;
    font-weight: normal;
    padding-left: 0;
    padding-right: 5px;
  }
  #footer {
    background: #343434;
    height: auto;
    padding: 12px 6px!important;
  }
  #foot-nav li:first-child {
    display: block;
    margin-bottom: 6px;
    padding: 0!important;
  }
  #foot-nav li {
    color: #dedede;
    padding-right: 6px;
  }
  #foot-nav li a {
    color: #dedede;
  }
  #home-galleries {
    background: #676767;
    border: none;
  }
  .home-gallery {
    width: 30%;
    padding: 20px 1%;
    border: none;
    margin: .66%;
  }
  .tabs {
    border-left: 1px solid #ccc;
    display: block;
  }
  .tabs li {
    float: none;
    width: auto;
    vertical-align: middle;
  }
  .tabs a {
    display: table-cell;
    font-size: 10px;
    height: 24px;
    line-height: normal;
    padding: 2px;
    vertical-align: middle;
  }
  #homepage .tabs {
    padding-left: 1px;
  }
  #panes {
    border-left: 1px solid #CCC!important;
    border-right: 1px solid #CCC!important;
    padding-right: 0;
    width: 100%;
  }
  .list-item form {
    display: block;
    position: static;
    margin: 12px 0 16px 0px;
  }
  #membership, #shopping-cart, #checkout, .donate-step {
    margin: 20px 0;
  }
  #checkout-steps {
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: normal;
    padding: 12px;
    text-align: left;
  }
  #checkout-steps li {
    display: block;
    height: auto;
    line-height: normal;
    padding: 0;
  }
  .login #cs1, .shipping #cs2, .billing #cs3, .shipping-method #cs4, .review #cs5, .receipt #cs6 {
    color: #608EA5;
    font-weight: bold;
  }

  #checkout-steps li span {
    background-image: none;
    height: auto;
    position: static;
    text-indent: 0;
    width: auto;
  }
  #goodreads-widget {
    overflow: auto;
    padding-bottom: 60%;
    -webkit-overflow-scrolling: touch;
  }
  .pad20 {
     padding: 0!important;
  }
}

@media screen and (max-width: 599px) {
  .det h1 {
    clear: left;
  }
  .home-gallery {
    display: block;
    float: none;
    margin: 12px;
    width: auto;
  }
  .pagination {
    font-size: 80%;
  }
  .pagination a, .pagination span {
    padding: 0.2em 0.4em;
  }
  .list-item form {
    height: auto;
    line-height: normal;
  }
  .list-item form * {
    float: none!important;
  }

  /*  cart and checkout styles */
  #membership, #shopping-cart, #checkout, .donate-step {
    font-size: 12px;
  }
  .checkout-content {
    padding: 20px 8px!important;
  }
  #cart-form {
    padding: 20px 8px 70px!important;
  }
  .habla-desktop {
    display: none;
  }
  #cart-donate, #coupon, #recommendations {
    clear: both;
    margin: 20px 0;
    width: 100%;
  }
  .clear-cart, .update-button, .continue-shopping {
    clear: right;
    float: right;
    margin: 8px 0 0 4px;
    position: static;
  }
  .checkout-button {
    bottom: 8px;
    right: 8px;
  }
  .ct-img {
     display: none;
  }
  .clear-cart {
    margin-top: 10px;
  }
  #checkout table.address, #checkout table.payment-method {
    margin: 0;
    width: 100%;
  }
  #checkout table.payment-method th,
  #checkout table.payment-method td,
  #checkout table.address th,
  #checkout table.address td {
    display: block;
    margin-bottom: 4px;
    padding: 0;
    text-align: left;
    width: 100%;
  }
  #checkout table.payment-method th,
  #checkout table.payment-method td {
    width: 80%;
  }
  #checkout .cart-hd td {
    padding-right: 10px;
  }
  #checkout .cart th {
    padding: 6px 4px;
  }
  #checkout select {
    width: 100%;
  }
  #checkout .payment-method select {
    width: 50%;
  }
}