/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

=====================================================*/

@media all and (min-width: 768px) {

    /* GLOBAL STYLES */

    .page {
        clear: both;
        text-align: left;
    }

    .fieldset, .section {
        padding: 30px 0;
    }

    .link-rss {
        display: block;
        position: absolute;
        top: 12px;
        right: 0;
    }

    .page-loader .loader {
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border-width: 3px;
    }

        .page-loader .loader:before {
            border-width: 3px;
        }

        .page-loader .loader:after {
            border-width: 3px;
        }

    .home-page-bottom-wrapper > div {
        float: left;
        width: 48.75%;
        margin: 0 0 0 2.25%;
    }

        .home-page-bottom-wrapper > div:nth-child(2n+1) {
            margin: 0;
            clear: both;
        }

        .home-page-bottom-wrapper > div:only-child {
            width: 100%;
            margin: 0;
            float: none;
        }

    /* GLOBAL FORMS */
    /* NOTIFICATIONS & POPUPS */
    /* HEADER */
    /* HEADER MENU */
    /* FOOTER */

    .footer-upper {
        padding: 60px 20px 0;
        margin: 0;
        overflow: hidden;
    }

    .footer-block {
        float: left;
    }

        .footer-block.newsetter {
            border: none;
        }

        .footer-block .title {
            border: none !important;
            cursor: default;
        }

            .footer-block .title:before,
            .footer-block .title:after {
                display: none;
            }

        .footer-block .list,
        .footer-block.newsetter .footer-collapse {
            display: block !important;
            background: none !important;
            padding: 4px 0;
        }

    .footer-lower > div.footer-powered-by,
    .footer-lower > div.footer-designed-by {
        display: inline-block;
        margin: 0 5px 20px;
    }

    .footer-middle {
        margin: 20px 0 0;
    }

    .footer-block.find-us .list,
    .footer-block.newsetter .footer-collapse {
        padding: 4px 10px;
    }

    .newsletter-subscribe-text {
        max-width: 100%;
        margin: 0 0 20px;
    }

    .newsletter-email .options span {
        margin: 0 10px 0 0;
    }

    .footer-map-holder {
        position: relative;
    }

        .footer-map-holder .title {
            position: absolute;
            top: -20px;
            left: 50%;
            min-width: 200px;
            padding: 10px 60px 10px 40px;
            -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
            transform: translate(-50%);
        }

            .footer-map-holder .title strong {
                font-size: 16px;
            }

            .footer-map-holder .title:before {
                display: none;
            }

            .footer-map-holder .title:after {
                right: 25px;
                font-size: 8px;
            }

    .light-theme .newsletter-email .newsletter-subscribe-text {
        background: #f2f2f2;
    }

    /* Home Page Information Boxes*/

    .information-boxes-block {
        display: block;
        font-size: 0;
        letter-spacing: 0;
    }

    .information-box {
        width: 33.333%;
        display: inline-block;
        letter-spacing: .2px;
        vertical-align: top;
    }

        .information-box:before {
            display: none;
        }

    /* LEFT/RIGHT COLUMN */

    .block {
        width: 31.3333%;
        margin: 0 1% 2%;
    }

        .block:nth-of-type(2n+1) {
            clear: none;
        }

        .block:nth-of-type(3n+1) {
            clear: both;
        }

    /* CATEGORY PAGE & GRIDS */

    .category-page-title {
        margin: 0 0 25px;
    }

    .sub-category-toggle-select {
        display: none !important;
    }

    .title-picture-wrapper {
        overflow: hidden;
    }

        .title-picture-wrapper h1 {
            padding: 15px 87px;
        }

            .title-picture-wrapper h1:before {
                -o-transform: skewX(-40deg);
                -webkit-transform: skewX(-40deg);
                -moz-transform: skewX(-40deg);
                -ms-transform: skewX(-40deg);
                transform: skewX(-40deg);
                right: -25px;
                left: 25px;
            }

    .category-picture-wrapper {
        margin: -15% 0;
    }

    .sub-categories-wrapper {
        display: block !important;
        padding: 0;
        background: #f3cc2e;
        padding: 0 65px;
    }

    .light-theme .sub-categories-wrapper {
        background: #fff;
    }

    .sub-categories-wrapper .title {
        display: inline-block;
    }

        .sub-categories-wrapper .title a {
            color: #2c2c2c;
            font: normal 14px 'Fjalla One', sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
            padding: 12px 22px;
        }

            .sub-categories-wrapper .title a:hover {
                color: #2c2c2c;
            }

    .product-selectors {
        text-align: left;
    }

        .product-selectors > div {
            float: right;
            margin: 0 0 0 10px;
        }

        .product-selectors .product-viewmode {
            display: inline-block;
            float: left;
            margin: 0;
        }

            .product-selectors .product-viewmode .items-4 {
                display: none;
            }

        .product-selectors select {
            padding: 0 35px 0 20px;
            background-position: right 15px center;
            text-align: left;
            text-align-last: left;
        }

        .product-selectors .compare-products-link a {
            display: block;
            font-size: 0;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
        }

            .product-selectors .compare-products-link a:before {
                left: 0;
                right: 0;
                margin: auto;
            }

    .product-list .item-box {
        float: none;
        width: auto;
        margin-left: 0 !important;
    }

    .product-list .product-item {
        padding: 0;
    }

    .product-list .item-box .product-item:hover {
        outline: none;
    }

    .product-list .item-box .product-item:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-list .item-box .picture {
        float: left;
        width: 32%;
        margin: 0;
    }

        .product-list .item-box .picture + .details,
        .product-list .item-box .ribbon-wrapper + .details {
            margin: 0 0 0 32%;
        }

    .product-list .item-box .details {
        position: relative;
        padding: 45px 68px 30px 20px;
    }

    .product-list .item-box .product-rating-box {
        top: 25px;
        left: 20px;
    }

    .product-list .item-box .product-title {
        max-height: none;
        margin: 0 0 15px;
    }

    .product-list .item-box .description {
        display: block;
        margin: 0 0 15px;
        text-align: justify;
    }

    .product-list .item-box .prices {
        margin: 0 0 15px;
    }

    .product-list .item-box .actual-price {
        font-size: 17px;
    }

    .product-list .item-box .additional-price-info {
        display: block;
        position: static;
        height: auto;
    }

    .product-list .item-box .buttons {
        display: inline-block;
        position: static;
        width: auto;
        height: auto !important;
        padding: 0;
        text-align: left;
        outline: none !important;
        background: none;
    }

    .product-list .item-box button {
        position: static;
        float: right;
        height: 44px !important;
        width: 44px !important;
        margin: 3px 5px 3px 0;
        vertical-align: middle;
    }

        .product-list .item-box button.product-box-add-to-cart-button {
            min-width: 160px;
            height: 50px !important;
            padding: 0 15px;
            margin: 0 5px 0 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            background-image: none;
            font-size: 14px;
            color: #787878;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

    .pager ul {
        text-align: right;
    }

    .pager li {
        margin: 0 0 0 3px;
    }

    /* PRODUCT PAGE */

    .variant-picture + .variant-overview {
        text-align: center;
    }

    .tier-prices .prices-table {
        display: table;
        width: 100%;
        border-collapse: collapse;
        overflow: visible;
    }

    .tier-prices .prices-row {
        display: table-row;
        float: none;
        width: auto;
    }

        .tier-prices .prices-row > div {
            display: table-cell;
        }

    .tier-prices .field-header {
        min-width: 100px;
    }

    .tier-prices .prices-row.thead > div {
        padding-top: 20px;
    }

    .tier-prices .prices-row.tbody > div {
        padding-bottom: 20px;
    }

    .ui-tabs .ui-tabs-nav li {
        display: inline-block;
        margin: 0 7px;
    }

    .full-description,
    .product-specs-box .table-wrapper {
        padding: 40px 16%;
    }

    .product-specs-box .data-table .attribute-square {
        margin: 0;
    }


    /* REVIEW PAGE */

    .product-review-item {
        padding: 30px 7% 30px 21%;
        min-height: 200px;
        position: relative;
    }

        .product-review-item .product-review-box {
            position: absolute;
            left: 2%;
            top: 30px;
            width: 15%;
            overflow: hidden;
        }

            .product-review-item .product-review-box .rating {
                float: right;
            }

        .product-review-item .review-info {
            position: absolute;
            left: 2%;
            top: 68px;
            width: 15%;
            text-align: right;
            font-size: 13px;
        }

            .product-review-item .review-info > span {
                display: block;
                margin: 0 0 5px;
            }

            .product-review-item .review-info .avatar {
                margin: 10px 0 10px auto;
            }

            .product-review-item .review-info > span.separator {
                display: none;
            }

            .product-review-item .review-info .user label,
            .product-review-item .review-info .date label {
                display: none;
            }

            .product-review-item .review-info a {
                padding: 0;
            }

        .product-review-item .product-review-helpfulness {
            text-align: right;
        }

    /* WISHLIST & COMPARE LIST */

    .wishlist-content .buttons {
        overflow: hidden;
    }

    .wishlist-content .button-2 {
        float: left;
        margin: 0 5px 0 0;
    }

    .wishlist-content .wishlist-add-to-cart-button {
        float: right;
        margin: 0;
    }

    .compare-products-page .table-wrapper {
        clear: both;
    }

    .compare-products-page .clear-list {
        float: right;
    }

    .compare-products-table {
        display: table;
        text-align: center;
    }

        .compare-products-table td {
            border: 1px solid #f5f5f5;
            border-width: 0 1px 0 0;
            color: #909090;
        }

        .compare-products-table a {
            display: block;
        }

        .compare-products-table tr td:first-child {
            background: #f5f5f5;
            text-align: right;
            font: normal 14px 'Fjalla One', sans-serif;
            text-transform: uppercase;
            color: #909090;
        }

        .compare-products-table tr:last-child td {
            padding-bottom: 60px;
        }

        .compare-products-table .product-picture {
            line-height: 0;
        }

        .compare-products-table .short-description {
            text-transform: none;
            font-family: 'Lato', sans-serif;
        }

        .compare-products-table .remove-product td {
            text-align: right;
        }

        .compare-products-table .remove-product td,
        .compare-products-table .product-picture td {
            padding: 10px;
        }

        .compare-products-table .product-name a {
            color: #2c2c2c;
        }

            .compare-products-table .product-name a:hover {
                color: #f3cc2e;
            }

        .compare-products-table .product-price {
            display: table-row;
        }

            .compare-products-table .product-price label {
                display: block;
            }

            .compare-products-table .product-price td {
                color: #f3cc2e;
            }

        .compare-products-table .attribute-squares span {
            margin: auto;
        }

    .compare-products-mobile {
        display: none;
    }

    /* TOPICS */
    /* CONTACT PAGE & EMAILaFRIEND */
    /* REGISTRATION, LOGIN, MY ACCOUNT */

    .inputs.first-name,
    .inputs.last-name,
    .inputs.password-input,
    .inputs.password-confirm {
        width: 48%;
        float: left;
    }

    .inputs.last-name,
    .inputs.password-confirm {
        margin: 0 0 0 4%;
    }

        .inputs.last-name + * {
            clear: both;
        }

    .login-page .customer-blocks {
        overflow: hidden;
        display: table;
        width: 100%;
    }

    .login-page .new-wrapper,
    .login-page .returning-wrapper {
        display: table-cell;
        width: 50%;
        margin: 0;
        padding: 0 0.75% 90px 0;
        position: relative;
        background: none;
        box-shadow: none;
    }

    .login-page .returning-wrapper {
        padding: 0 0 90px 0.75%;
    }

        .login-page .new-wrapper:before,
        .login-page .returning-wrapper:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 1.5%;
            bottom: 0;
            background: #fff;
            box-shadow: 0 0 14px rgba(0,0,0,0.06);
            z-index: -1;
        }

        .login-page .returning-wrapper:before {
            left: 1.5%;
            right: 0;
        }

        .login-page .new-wrapper .inputs,
        .login-page .returning-wrapper .inputs {
            width: auto;
        }

    .login-page .customer-blocks .buttons {
        position: absolute;
        bottom: 0;
        right: 1.5%;
        left: 0;
        height: 90px;
    }

    .login-page .checkout-as-guest-or-register-block .button-1 {
        max-width: 48%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .login-page .customer-blocks .returning-wrapper .buttons {
        left: 1.5%;
    }

    .password-recovery-page .tooltip {
        padding: 20px 50px 15px;
    }

    .account-page .page-body {
        padding: 55px;
    }

    .account-page .fieldset,
    .account-page .section {
        padding: 0;
        margin: 0 0 30px;
    }

    .address-list .buttons,
    .order-list .buttons {
        position: absolute;
        bottom: 30px;
        right: 0;
    }

    .address-list-page .page-body {
        padding-bottom: 30px;
    }

    .avatar-page .fieldset {
        float: left;
        margin-right: 20px;
    }

    .avatar-page .buttons {
        text-align: left;
    }

    /* SHOPPING CART & CHECKOUT */

    .cart-collaterals {
        overflow: hidden;
    }

        .cart-collaterals .cart-options {
            margin: 0;
        }

            .cart-collaterals .cart-options .checkout-attributes {
                margin: 0 0 2%;
            }

    .cart-options .selected-checkout-attributes {
        margin: 0 0 2%;
    }

    .cart-options .checkout-attributes ~ .selected-checkout-attributes {
        margin: -2% 0 2%;
    }

    .cart-collaterals .title ~ div {
        display: block !important;
    }

    .cart-collaterals .title {
        cursor: default;
        padding: 45px 50px 10px;
    }

        .cart-collaterals .title:after {
            display: none;
        }
    /*.cart-collaterals .shipping {
    float: left;
    width: 49%;
}
.cart-collaterals .deals {
    float: right;
    width: 49%;
}*/
    .cart-collaterals .hint {
        padding: 0 50px
    }

    .cart-collaterals .shipping-options {
        padding: 15px 50px 50px
    }

        .cart-collaterals .shipping-options .buttons {
            border: none;
            padding: 0;
            margin: 30px 0 0;
        }

            .cart-collaterals .shipping-options .buttons .button-2 {
                width: auto;
            }

    .cart-collaterals .shipping-results {
        border-top: 1px dashed #ccc;
        padding: 50px;
    }

    .cart-collaterals .deals {
        background: #fff;
        box-shadow: 0 0 14px rgba(0,0,0,0.06);
    }

        .cart-collaterals .deals > div {
            margin: 0;
            background: none;
            box-shadow: none;
        }

        .cart-collaterals .deals .giftcard-box {
            border-top: 1px dashed #ccc;
        }

    .cart-collaterals .coupon-code {
        padding: 22.5px 50px 50px;
    }

        .cart-collaterals .coupon-code input {
            float: left;
            width: 60%;
        }

        .cart-collaterals .coupon-code button {
            float: right;
            width: 38%;
            margin: 0 0 0 2%;
            padding: 15.5px 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .cart-collaterals .message-success,
    .cart-collaterals .message-failure {
        padding: 0 50px;
        margin: -40px 0 0;
    }

    .cart-collaterals .current-code,
    .cart-collaterals .message-failure {
        padding: 5px 50px 50px;
    }

    .checkout-page .totals {
        position: relative;
        margin: 40px 0 0;
    }

        .checkout-page .totals:after {
            content: '';
            display: block;
            clear: both;
        }

    .checkout-page .total-title {
        display: block;
        position: absolute;
        top: 50%;
        left: -1px;
        margin: -35px 0 0;
        overflow: hidden;
    }

        .checkout-page .total-title strong {
            display: inline-block;
            font-size: 40px;
            color: #cfcfcf;
            padding: 10px 90px 10px 70px;
            position: relative;
            z-index: 2;
        }

        .checkout-page .total-title:after {
            content: '';
            position: absolute;
            top: 0;
            left: -20px;
            right: 20px;
            bottom: 0;
            background: #f5f5f5;
            z-index: 1;
            -o-transform: skewX(30deg);
            -webkit-transform: skewX(30deg);
            -moz-transform: skewX(30deg);
            -ms-transform: skewX(30deg);
            transform: skewX(30deg);
        }

    .checkout-page .cart-footer .total-info {
        float: right;
    }

    .checkout-page .address-grid {
        max-width: 675px;
    }

    .checkout-page .address-item {
        float: left;
        margin: 0 0 20px 20px;
    }

    .payment-method .payment-logo,
    .payment-method .payment-details {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        max-width: calc(100% - 80px);
    }

    .payment-method .payment-logo {
        margin: 0 20px 0 0;
    }

    .checkout-page.order-confirm-page .section.order-summary .title {
        text-align: left;
    }

    .order-review-data,
    .order-details-area,
    .shipment-details-area {
        margin: 0 0 50px;
        display: table;
        width: 100%;
    }

        .order-review-data > div,
        .order-details-area > div,
        .shipment-details-area > div {
            display: table-cell;
            width: 50%;
            padding: 0 0 0 10px;
            vertical-align: top;
        }

            .order-review-data > div:nth-child(2n+1),
            .order-details-area > div:nth-child(2n+1),
            .shipment-details-area > div:nth-child(2n+1) {
                padding: 0 10px 0 0;
            }

            .order-review-data > div:before,
            .order-details-area > div:before,
            .shipment-details-area > div:before {
                left: 10px;
            }

            .order-review-data > div:nth-child(2n+1):before,
            .order-details-area > div:nth-child(2n+1):before,
            .shipment-details-area > div:nth-child(2n+1):before {
                left: 0;
                right: 10px;
            }


    /* SEARCH & SITEMAP */
    /* BLOG & NEWS */

    .news-item-page .page-title,
    .blogpost-page .page-title {
        padding: 50px 50px 10px;
    }

    .news-item-page .news-date,
    .blogpost-page .post-date {
        padding: 0 50px;
    }

    .news-item-page .news-body,
    .blogpost-page .post-body {
        padding: 0 50px 50px;
    }

    .comment-list {
        padding: 50px;
    }

    .blogpost-page .tags {
        padding: 0 50px 50px;
    }

    .blog-posts .post .buttons a.read-comments {
        display: inline-block;
    }

    .comment-list .title {
        margin: 0;
    }

    .comments .comment {
        padding: 30px 0;
    }

        .comments .comment:after {
            content: '';
            display: block;
            clear: both;
        }

    .comments .comment-content {
        padding: 30px 30px 30px 1%;
        width: 85%;
        float: right;
        position: relative;
    }

    .comments .comment-info {
        float: left;
        width: 15%;
        padding: 30px 1% 30px 0;
        margin: 0;
    }

    .comments .avatar a {
        margin: 0 0 5px;
    }

    /* FORUM & PROFILE */


    .forum-actions,
    .topic-actions {
        overflow: hidden;
    }

        .topic-actions .actions {
            float: left;
        }

            .topic-actions .actions a {
                margin: 0 15px 0 0;
            }

        .forum-actions .pager,
        .topic-actions .pager {
            float: right;
            max-width: 450px;
        }

        .topic-actions.lower .actions {
            display: block;
        }


    .topic-post {
        overflow: hidden;
        position: relative;
        padding: 40px 40px 80px;
    }

        .topic-post:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            bottom: 55px;
            left: 0;
            right: 0;
            border-top: 1px dashed #ccc;
        }

        .topic-post .post-info {
            float: left;
            width: 13.5%;
            margin: 0;
        }

        .topic-post .user-info {
            width: auto;
        }

        .topic-post .username {
        }

        .topic-post .avatar {
        }

            .topic-post .avatar img {
            }

        .topic-post .pm-button {
            padding: 18px 0 18px 40px;
        }

        .topic-post .user-stats li {
            display: block;
            margin: 0;
        }

        .topic-post .send-pm {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 83.5%;
            height: 55px;
        }

        .topic-post .post-content {
            float: right;
            width: 83%;
        }

        .topic-post .post-head {
        }

        .topic-post .post-time {
            position: absolute;
            bottom: 0;
            left: 17%;
            right: 125px;
            margin: 0;
            margin: 0;
            padding: 19px 0;
            background: none;
            text-align: right;
        }

        .topic-post .post-actions .quote-post-button {
            position: absolute;
            bottom: 7px;
            right: 7px;
            padding: 10px 0;
            text-align: center;
            width: 95px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .topic-post .post-actions {
            margin: 0;
        }

            .topic-post .post-actions a {
                margin: 0;
                line-height: 20px;
            }

            .topic-post .post-actions .manage-post {
                position: absolute;
                top: 0;
                right: 55px;
            }

            .topic-post .post-actions .quote-post a {
                min-width: 70px;
            }

            .topic-post .post-actions a.post-link-button {
                position: absolute;
                top: 0;
                right: 0;
                background: #f7f7f7;
                text-align: center;
                min-width: initial;
                width: 50px;
                padding: 15px 10px;
                color: #909090;
            }

    .forum-topic-page .post-body {
        padding: 25px 40px 0 0;
    }

    .topic-post .post-vote {
        display: block;
    }

    .topic-post .post-actions .edit-post-button,
    .topic-post .post-actions .delete-post-button {
        padding: 15px 10px 15px 20px;
        margin: 0 10px;
    }

        .topic-post .post-actions .edit-post-button:before,
        .topic-post .post-actions .delete-post-button:before {
            top: 14px;
        }

    .profile-page .topic {
        margin: 0;
        padding: 30px 7% 30px 21%;
        position: relative;
    }

    .profile-page .topic-title {
        position: absolute;
        left: 0;
        top: 30px;
        width: 17%;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .profile-page .topic-data {
        position: absolute;
        left: 0;
        top: 55px;
        width: 17%;
        text-align: right;
        font-size: 14px;
    }

    .profile-page .ui-tabs {
        padding: 0 0 50px;
        position: relative;
    }

    .profile-page .pager {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
    }

    .private-message-view-page .view-message {
        padding: 50px 7% 50px 21%;
        position: relative;
    }

        .private-message-view-page .view-message .message-head {
            position: absolute;
            top: 55px;
            left: 0;
            width: 18%;
            padding-left: 20px;
            text-align: right;
        }

            .private-message-view-page .view-message .message-head li {
                display: block;
                margin: 0 0 5px;
            }

    .private-message-view-page .message-head span {
        margin: 0;
        color: #2c2c2c;
    }

    .private-message-view-page .message-body {
        min-height: 70px;
    }

    .private-message-view-page .buttons button {
        margin: 0 2.5px;
    }

    .forum-edit-page .buttons button,
    .private-message-send-page .buttons button,
    .private-messages-page .buttons button,
    .move-topic-page .buttons button,
    .private-message-view-page .buttons button {
        margin: 0 2.5px;
    }

    .pager.lower {
        float: right;
        margin: 0;
    }

    .forum-topic-page .topic-options {
        float: left;
    }

    .forums-table-section-title:before {
        right: auto;
    }
}

@media all and (min-width: 1000px) {

    .variant-picture {
        float: left;
        width: 300px;
    }

        .variant-picture + .variant-overview {
            width: auto;
            margin: 0 0 0 300px;
            text-align: left;
        }

    .variant-overview {
        padding: 0 45px 0 30px;
    }

        .variant-overview .attributes dd {
            margin: 0;
        }

        .variant-overview .availability {
            left: auto;
        }

    .variant-overview-footer {
        overflow: hidden;
        border-top: 1px dashed #ccc;
    }

    .variant-overview-buttons {
        margin: 20px 0 0;
    }
}

/***** RESPONSIVE GRIDS ******/

@media all and (min-width: 768px) and (max-width: 1200px) {

    .footer-block {
        width: 33.3%;
        float: left;
    }

        .footer-block.newsetter {
            width: 100%;
            float: none;
            clear: both;
            margin: 0 auto 20px;
            padding: 35px 0 0;
            max-width: 500px;
        }

    .item-box {
        width: 32%; /*three per row*/
        margin: 0 0 2% 2%;
    }

    .category-grid .item-box {
        width: 50%;
    }

    .item-box:nth-child(3n+1) {
        clear: both;
        margin-left: 0;
    }

    .category-grid .item-box:nth-child(3n+1) {
        clear: none;
    }

    .category-grid .item-box:nth-child(2n+1) {
        clear: both;
    }

    .order-progress li {
        width: 32.666%;
        margin: 0 0 1% 1%;
    }

        .order-progress li:nth-child(2n+1) {
            margin-left: 1%;
            clear: none;
        }

        .order-progress li:nth-child(3n+1) {
            margin-left: 0;
        }

    .checkout-page .address-item:nth-child(2n+1) {
        margin-left: 0;
        clear: both;
    }
}