﻿@media all and (min-width: 375px) {

  /*.item-box {
		width: 49%;*/ /*two per row*/
  /*margin-left: 2%;
	}
	.item-box:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}*/
  .sub-category-grid .item-box,
  .manufacturer-grid .item-box {
    margin-bottom: 2.5%;
  }

  .vendor-list li {
    margin-bottom: 2.5%;
  }
}

@media all and (min-width: 481px) {

  /* GLOBAL STYLES */
  /* GLOBAL FORMS */

  /*.fieldset .title,
.section .title {
	padding: 25px 45px;
}*/
  .inputs input[type="text"],
  .inputs input[type="password"],
  .inputs input[type="email"],
  .inputs input[type="tel"],
  .inputs select {
    height: 40px;
    padding: 0 12px;
  }

  .inputs textarea {
    padding: 12px;
  }

  /* GLOBAL TABLES */

  .forums-table-section th,
  .forums-table-section td {
    padding: 20px 30px;
  }

  /* NOTIFICATIONS & POPUPS */

  .eu-cookie-bar-notification {
    width: 450px;
    max-width: 95%;
    margin-left: -225px;
  }

  /* HEADER */

  .mini-shopping-cart .items {
    display: block;
  }

  .search-box input.search-box-text {
    width: 390px;
  }

  .ui-autocomplete {
    width: 390px;
  }

  /* FOOTER */

  .newsletter-email input[type="text"] {
    width: 300px;
  }

  /* LEFT/RIGHT COLUMN */

  .block {
    float: left;
    width: 48%;
    margin: 0 1% 2%;
    text-align: left;
  }

    .block:nth-of-type(2n+1) {
      clear: both;
    }

    .block .sublist {
      padding: 0 0 0 20px;
    }

    .block .tags li,
    .product-tags-all-page li {
      margin: 0 10px 0 0;
    }

    .block .poll-options li,
    .block .poll-results li {
      display: block;
      margin: 5px 0;
    }

    .block .poll .buttons,
    .block .poll-total-votes {
      text-align: left;
    }

  /* CATEGORY PAGE & GRIDS */

  .home-page-category-grid + .slider-wrapper {
    display: block;
  }

  .sub-category-grid {
    margin: 0 0 20px;
  }

  /* PRODUCT PAGE */

  .product-essential {
    padding: 30px;
  }

  .overview .add-to-cart,
  .variant-overview .add-to-cart {
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }

  .overview-buttons,
  .variant-overview .add-to-wishlist {
    display: inline-block;
    margin: 0;
    padding: 4px 2px;
    vertical-align: top;
  }

  .overview-bottom .delivery,
  .variant-overview .delivery {
    margin: 40px -30px -30px;
  }

    .overview-bottom .delivery > div,
    .variant-overview .delivery > div {
      margin: 8px 125px;
    }

  .product-tags-list {
    padding: 25px 30px;
  }

  .product-variant-line {
    padding: 30px;
  }

  .ui-tabs .ui-tabs-panel {
    padding: 33px 35px;
  }

  /* REVIEW PAGE */

  .write-review form {
    padding: 30px 45px;
  }

  /* WISHLIST & COMPARE LIST */

  .update-wishlist-button,
  .wishlist-add-to-cart-button {
    width: auto;
    min-width: 180px;
    margin: 0;
    padding: 0 28px 0 48px;
  }

  .update-wishlist-button {
    float: left;
  }

  .wishlist-add-to-cart-button {
    float: right;
  }

  /* TOPICS */

  .topic-password {
    padding: 30px 45px;
  }

  /* CONTACT PAGE & EMAILaFRIEND */

  .contact-page form,
  .email-a-friend-page form,
  .apply-vendor-page form,
  .contact-page .result,
  .email-a-friend-page .result,
  .apply-vendor-page .result {
    padding: 30px 45px;
  }

  /* REGISTRATION, LOGIN, MY ACCOUNT */

  .registration-page .form-fields,
  .login-page .inner-wrapper,
  .external-authentication,
  .password-recovery-page .page-body,
  .registration-page .message-error,
  .account-page .message-error {
    padding: 30px 45px;
  }

  .login-page .page-body {
    padding: 52px 0 0;
  }

  .login-page .customer-blocks .title {
    top: -52px;
    width: 49%;
    height: 52px;
  }

  .login-page .new-wrapper .title {
    left: -1px;
  }

  .login-page .returning-wrapper .title {
    right: -1px;
  }

  .account-page .fieldset .title,
  .account-page .section .title {
    padding: 40px 45px 0;
  }

  .account-page .form-fields,
  .account-page .buttons,
  .account-page .add-button,
  .account-page .edit-address,
  .account-page .edit-subuser,
  .account-page ul.info,
  .account-page ul.details,
  .account-page .description,
  .reward-points-overview,
  .account-page .no-data,
  .downloads-page .no-data {
    padding: 30px 45px;
  }

  .account-page .table-wrapper {
    padding: 0 45px;
  }

  .avatar-page input[type="file"] {
    max-width: none;
  }

  .account-page .instruction:not(ul),
  .configure-provider .inputs {
    padding: 30px 45px;
  }

  /* SHOPPING CART & CHECKOUT */

  .common-buttons:after {
    content: "";
    display: block;
    clear: both;
  }

  .common-buttons .update-cart-button,
  .common-buttons .continue-shopping-button,
  .common-buttons .empty-cart-button {
    width: auto;
    max-width: 50%;
    margin: 0;
    padding: 0 28px 0 48px;
  }

  .common-buttons .empty-cart-button {
    background-color: white !important;
    float: left;
    margin-left: 20px;
    padding-left: 28px;
  }

  .trash-empty {
    margin-right: 10px;
    font-size: 15px;
    color: #e39a13;
  }

  .common-buttons .update-cart-button {
    float: left;
  }

  .common-buttons .continue-shopping-button {
    float: right;
  }

  .checkout-page .address-grid,
  .checkout-page .enter-address,
  .checkout-page .ship-to-same-address,
  .checkout-page .pickup-in-store {
    padding: 30px 45px;
  }

  .section.shipping-method,
  .section.payment-method,
  .section.payment-info,
  .section.confirm-order,
  .section.order-completed {
    padding: 40px;
  }

  .shipping-details {
    min-height: 100px !important;
  }

  .payment-method .payment-logo img {
    max-width: none;
  }

  .order-review-data ul,
  .order-details-area ul,
  .shipment-details-area ul {
    padding: 40px 45px;
  }

  .return-request-page .fieldset
  .form-fields, .opc .step {
    padding: 30px 45px;
  }

  #opc-confirm_order .table-wrapper {
    margin: 0;
  }

  /* SEARCH PAGE & SITEMAP */

  .search-input {
    padding: 40px 45px;
  }

  .advanced-search .price-range input {
    width: 80px;
  }

  .sitemap-page .entity-body {
    padding: 30px 45px;
  }

  /* BLOG & NEWS */

  .blog-page .post,
  .news-items .news-item,
  .blogpost-page .post,
  .news-item-page .news-item,
  .comment-list .comment,
  .new-comment .form-fields {
    padding: 30px 45px;
  }

  /* FORUM & PROFILE */

  .forums-table-section .image {
    padding: 20px 30px;
  }

  .forums-table-section-title .link-rss {
    display: block;
    position: absolute;
    top: 21px;
    right: 30px;
    box-shadow: inset 0 0 5px 5px #f9f9f9;
  }

  .forum-edit-page .form-fields,
  .move-topic-page .form-fields,
  .private-message-send-page .form-fields,
  .private-message-view-page .view-message {
    padding: 30px 45px;
  }

  .private-messages-page .ui-tabs-panel {
    padding: 45px 50px;
  }

  .item-box {
    width: 49%; /*three per row*/
    margin-left: 2%;
  }

    .item-box:nth-child(2n+1) {
      clear: none; /*revert the second item*/
      margin-left: 2%; /*revert the second item*/
    }

    .item-box:nth-child(2n+1) {
      clear: both;
      margin-left: 0;
    }

    .item-box .buttons {
      text-align: left;
    }

  .product-list .item-box {
    float: none;
    width: auto;
    margin: 0;
  }

  .grouped-item-wrapper {
    margin-bottom: 10px;
  }

  .product-list .item-box.child-item-box {
    margin: 5px 0px 0px 45px;
    display: none;
  }

  .product-list .product-item:after {
    content: "";
    display: block;
    clear: both;
  }

  .product-list .item-box .picture {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    max-width: 120px;
  }

  .product-list .item-box.child-item-box .picture {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    max-width: 100px;
  }

  .product-list .item-box .details {
    padding: 25px 20px;
    text-align: left;
  }

  .product-list .item-box.child-item-box .details {
    padding: 13px 10px;
    text-align: left;
  }


  .product-list .item-box .product-title {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    word-break: break-word;
  }

    .product-list .item-box .product-title a {
      width: unset;
    }

  .product-list .child-item-box .product-title {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    word-break: break-word;
  }

  .product-list .item-box .prices,
  .product-list .item-box .prices span {
    padding: 0;
  }

  .child-item-box .prices {
    height: 20px;
  }

  .child-item-box .actual-price {
    font-size: 14px;
  }

  .child-item-box .old-price {
    font-size: 12px;
  }

  .product-list .item-box .description {
    display: block;
  }

  .product-list .item-box .buttons-upper {
    display: inline-block;
    height: 45px;
    padding: 4px 0;
    background-color: transparent;
  }

    .product-list .item-box .buttons-upper input[type="button"] {
      width: 37px;
      height: 37px;
      margin: 0 2px;
      background-image: url('../img/product-sprite-1.png');
    }

  .product-list .item-box input.add-to-compare-list-button {
    background-position: -37px 0;
  }

  .product-list .item-box input.add-to-wishlist-button {
    background-position: 0 0;
  }



  .product-list .item-box .buttons-lower {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-20px);
  }

    .product-list .item-box .buttons-lower button {
      display: inline;
      width: auto;
      outline: 1px solid transparent;
      background: #e39a13 url('../img/cart-button-2.png') left center no-repeat;
      padding: 0 18px 0 48px !important;
      vertical-align: middle;
    }

      .product-list .item-box .buttons-lower button span {
        background-color: transparent;
        padding: 0;
        color: #fff;
      }

        .product-list .item-box .buttons-lower button span,
        .product-list .item-box .buttons-lower button span:before,
        .product-list .item-box .buttons-lower button span:after {
          display: none;
        }

    .product-list .item-box .buttons-lower .productQuantityTextBox {
      display: none;
    }

    .product-list .item-box .buttons-lower button.adjustQuantityBtn {
      display: none;
      outline: 1px solid transparent;
      background: #f6f6f6;
      vertical-align: middle;
      margin: 0;
      border: 1px solid #e9e9e9;
      color: black;
      font-size: 10px;
      padding: 0 !important;
      width: 40px;
    }

      .product-list .item-box .buttons-lower button.adjustQuantityBtn.add {
        margin-right: 5px;
      }

    .product-list .item-box .buttons-lower button:hover {
      outline-color: #e39a13;
    }

    .product-list .item-box .buttons-lower button.adjustQuantityBtn:hover {
      outline-color: #e9e9e9;
    }

  .checkout-page .address-search {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 450px;
  }

    .checkout-page .address-search .address-search-box {
      width: 300px;
      height: 40px;
    }

    .checkout-page .address-search .address-search-spinner {
      opacity: 0;
      margin-left: 0px;
    }

    .checkout-page .address-search .no-results {
      color: red;
      display: none;
      margin-left: 40px;
    }
}
