@media all and (max-width: 479px) {
  .hide-narrower {
    display: none;
  }
  .show-narrower {
    display: block !important;
  }

  .superuser {
    width: auto;
    left: 10px;
  }

  /* CART */
  .cart > .inner {
    padding: 35px 0;
  }
  .cart .cart-title {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .cart-item > div {
    padding-top: 8px;
  }
  .cart-item div.image {
    line-height: 55px;
  }
  .cart-item .quantity {
    clear: both;
  }
  .speciality-login .cart-item div.title {
    width: 75%;
  }
  .speciality-login .cart-item .line-item .quantity {
    clear: none;
  }

  /* NEWSLETTER */
  .newsletter h3 {
    font-size: 36px;
    line-height: 1.2;
  }
  .form-newsletter-signup .nf-button .desktop {
    display: none;
  }
  .form-newsletter-signup .nf-button .mobile {
    display: block;
  }

  /* FRONT */
  .front .slide > .inner {
    padding: 15% 15% 100%;
  }
  .front .slide .title {
    font-size: 30px;
    line-height: 1.2;
  }
  .front .blurb-medium > .inner {
    padding: 35% 0 50% 25px;
  }
  .front .blurb-small {
    width: auto;
    float: none;
    margin-right: 0;
  }
  .front .blurb-large > .inner {
    padding: 28% 30px 70%;
  }
  .front .blurb-large .title {
    font-size: 30px;
  }
  .front .blurb-detailed .texts {
    padding: 30px;
  }

  /* PAGE */
  .page h1 {
    font-size: 24px;
    padding: 45px 10px;
  }
  .page h1.image {
    padding: 14% 10px 45%;
  }
  .page .sections {
    padding-bottom: 40px;
  }
  .page .section .image-title {
    display: none;
  }

  /* 404 */
  .not-found {
    background-size: 300px auto;
    padding-top: 310px;
  }

  /* PRODUCT LIST */
  .product-item {
    float: none;
    width: auto;
    margin: 0 0 40px;
  }

  /* PRODUCT PAGE */
  .product .slider {
    padding: 0;
  }
  .product .slider .pager {
    top: 80px;
    left: 10px;
  }
  .product .slider .page .thumbnail {
    display: none;
  }
  .product .slider .page .dot {
    display: block;
  }
  .product-showcase .showcase-title {
    font-size: 30px;
  }

  /* CHECKOUT */
  .form-order-checkout .form-name-email,
  .form-order-checkout .form-name-phone,
  .form-order-checkout .form-name-firstname,
  .form-order-checkout .form-name-lastname {
    float: none;
    width: auto;
    margin: 0 0 10px;
  }
  .form-order-checkout .form-type-address .form-name-postal-code {
    width: 36%;
  }
  .form-order-checkout .form-type-address .form-name-locality {
    width: 60%;
    margin: 0 0 10px 4%;
  }
  .form-order-checkout .form-type-address .form-name-country {
    clear: both;
    flaot: none;
    width: 100%;
  }
  .speciality-login .form-order-checkout .info {
    width: auto;
    float: none;
    margin: 0;
  }
  .speciality-login .form-order-checkout .info:nth-child(2) {
    margin: 20px 0 30px;
  }
  .speciality-login .form-order-checkout .form-name-customer-ref,
  .speciality-login .form-order-checkout .form-name-email {
    width: auto;
    float: none;
    margin: 0 0 10px;
  }

  /* ORDER COMPLETE */
  .order-complete.payment-stripe {
    padding: 80px 10px 80px;
    height: auto;
  }
  .order-complete .field-text {
    font-size: 36px;
  }

  /* NEWS */
  .news-items .news-item:nth-child(n) {
    float: none;
    margin: 0 0 60px;
    width: auto;
  }
  .news-items .news-item:nth-child(n) h2 {
    font-size: 28px;
  }
  .news-item:nth-child(n) .btn {
    width: 100%;
    text-align: center;
  }

  .news h1 {
    font-size: 36px;
  }

}

@media all and (max-width: 359px) {
  
  .cart-icon {
    right: 10px;
  }
  
  .mobile-menu .button {
    left: 10px;
  }
  
}