@media all and (max-width: 479px) {
  /*CHECKOUT*/
  .cart .fees-title {
    font-size: 16px;
  }

  .cart .fee {
    font-size: 12px;
  }

  .cui__highlighted-button {
    font-size: 13px;
  }

  /* 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;
  }
  
  /* NEWSLETTER */
  .newsletter h3 {
    font-size: 24px;
    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 .subtitle {
    display: none;
  }

  /* 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-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%;
  }
  
  /* ORDER COMPLETE */
  .order-complete.payment-stripe {
    padding: 230px 10px 80px;
    height: auto;
  }
  .order-complete .field-text {
    font-size: 36px;
  }
  
  .fa.fa-facebook, .fa.fa-instagram	{
    font-size: 60%;
  }

  .filter .checkbox-label > .label-inner {
    font-size: 11px;
  }

  .suggested-articles .product-item {
    float: none;
    width: auto;
    margin: 0 0 40px;
  }
  .order-history-list {
    width: 100%;
  }

  .product-variant-select .product-variant-container .product-variant-field .product-variant-name {
    width: 65%;
  }
}

@media all and (max-width: 420px) {
  .product-item {
    width: 100%;
    height: 430px;
  }

  .products .product-price .price-item {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .products .product-price .price-item:last-child {
    margin-bottom: 0;
  }

  .products .product-price .price-item.add-button {
    text-align: right;
  }
}


@media all and (max-width: 381px) {
  .product-variant-select .product-variant-container .product-variant-field .product-variant-name {
    width: 50%;
  }
}

@media all and (max-width: 360px) {
  .product-variant-select .product-variant-container .product-variant-field .product-variant-name {
    font-size: 14px;
  }

  .product-variant-select .product-variant-container .product-variant-field .product-variant-price {
    font-size: 14px;
  }
}

@media all and (max-width: 327px) {
  .products .product-price .price-item .form-item-cart {
    display: block;
  }

  .products .product-price .price-item .form-item-cart:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media all and (max-width: 268px) {
  .product-variant-select .product-variant-container .product-variant-field .product-variant-name {
    width: 40%;
  }
}

@media all and (max-height: 260px) {
  .newsletter {
    min-height: 220vh;
  }
}

@media all and (max-height: 165px) {
  .newsletter {
    min-height: 350vh;
  }
}