﻿@media all and (min-width: 769px) {
    .page {
        clear: both;
        text-align: left;
    }

    .page-title h1 {
        text-align: center;
    }

    .footer-upper {
        padding: 20px 10px 30px;
    }

        .footer-upper .footer-block {
            width: 48%;
            font-size: 0;
        }

    .social-sharing {
        margin: 0;
        float: left;
    }

    .subscribe-block {
        float: right;
    }

        .subscribe-block .newsletter {
            margin: 18px 0 0;
        }

    .footer-middle .footer-block {
        width: 33.33333333%;
    }

        .footer-middle .footer-block:last-child {
            width: 100%;
        }

    .contact-block .footer-menu li {
        display: inline-block;
        padding: 7px 32px;
    }

    .accepted-payment-methods {
        float: none;
    }

        .accepted-payment-methods ul {
            display: inline-block;
            margin: 0 0 5px;
        }

    .footer-powered-by,
    .footer-disclaimer,
    .footer-tax-shipping,
    .footer-designed-by {
        display: inline-block;
        margin: 5px;
    }

    .block {
        text-align: left;
    }

        .block .tags li,
        .product-tags-all-page li {
            margin: 0 5px;
        }

    .poll-options li,
    .poll-results li {
        display: block;
    }

    .poll .buttons,
    .poll-total-votes {
        text-align: left;
    }

    .product-grid .title {
        display: flex;
        width: 100%;
        justify-content:space-between;
        flex-wrap:wrap;
    }

        .product-grid .title:before,
        .product-grid .title:after {
            content: " ";
            display: none;
            width: 30%;
            background: url(../img/title-lines.png) repeat-x left center;
        }

        .product-grid .title strong {
            display: inline-flex;
            /*width: 20%;*/
            text-align:left;
        }

    .item-box {
        width: 32.33333333333333%;
        margin: 0 0.5% 0.3%;
    }
    .category-page .product-grid .item-box,
    .manufacturer-page .product-grid .item-box {
        margin: 0 0.5% 0.8%;
    }
    .product-list .item-box {
        width: 85% !important;
        margin: 0 auto 2%;
        float: none !important;
        display: block;
    }

    .product-details-page .overview {
        width: 43%;
        float: left;
    }

    .gallery {
        width: 55%;
        float: left;
    }

        .gallery .picture {
            margin: 0 0 10px;
        }

    .overview .buttons {
        text-align: left;
        display:none;
    }

        .overview .buttons div {
            margin: 0 10px 10px 0;
        }

    .free-shipping {
        margin: 20px 0;
    }

    .overview .add-to-cart {
        text-align: left;
    }

    .overview .qty-label,
    .variant-overview .qty-label {
        position: static;
        left: 0;
        margin: 0 5px 0 0;
    }

    .product-variant-line {
        width: 85%;
        margin: 0 auto 10px;
    }

    .variant-picture {
        width: 280px;
    }

        .variant-picture + .variant-overview {
            width: auto;
            margin: 0 0 0 300px;
        }

    .product-page-alternative-layout .overview {
        float: right;
    }

    .product-page-alternative-layout .gallery {
        float: left;
    }

    .ui-tabs {
        width: 55%;
        float: left;
    }

        .ui-tabs .gallery {
            width: 100%;
            float: none;
        }

    .product-page-alternative-layout .ui-tabs {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 40px;
    }

    .attributes {
        margin: 0 0 10px;
    }

        .attributes dt {
            float: left;
            clear: left;
            min-width: 60px;
            margin-right: 10px;
        }

            .attributes dt label {
                line-height: 32px;
            }

        .attributes dd {
            float: left;
            margin-right: 10px;
        }

    .attribute-squares {
        text-align: center;
    }

        .attribute-squares label {
            margin: 0 10px 0 0;
            padding: 0 !important;
        }

    .giftcard label {
        display: inline-block;
        margin: 0 10px 0 0;
        width: 35%;
        text-align: right;
    }

    .product-review-item .review-text {
        overflow: hidden;
    }

    .product-review-item .avatar + .text-body {
        margin: 0 0 0 135px;
    }

    .product-review-item .avatar {
        display: block;
        float: left;
        margin: 0;
    }

    .wishlist-content .buttons {
        text-align: left;
    }

    .wishlist-content .button-2 {
        margin: 0 10px 0 0;
    }

    .date-picker-wrapper {
        display: inline-block;
    }

    .address-item,
    .order-item {
        width: 31.333%;
    }

        .address-item:nth-child(3n + 1),
        .order-item:nth-child(3n + 1) {
            clear: both;
        }

    .avatar-page .fieldset {
        float: left;
        margin-right: 10px;
    }

    .avatar-page .buttons {
        text-align: left;
    }

    .checkout-attributes li {
        display: inline-block;
        margin: 0 5px;
    }

    .shopping-cart-page .totals {
        float: right;
        margin: 0 25px;
    }

    .cart-collaterals {
        float: left;
        margin: 0 25px;
    }

    .checkout-buttons,
    .addon-buttons {
        text-align: right;
    }

    .checkout-page .address-item {
        float: left;
        margin: 0 3% 1.5% 0;
    }

        .checkout-page .address-item:nth-child(3n) {
            margin: 0;
        }

    .payment-logo,
    .payment-details {
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
    }

    .order-details-page .page-title a {
        float: right;
        margin: 3px;
    }

    .order-details-page .actions {
        text-align: right;
    }

        .order-details-page .actions button {
            min-width: 0;
        }

    .order-details-page .total-info {
        overflow: hidden;
    }

    .order-details-page .cart-total {
        float: right;
    }

    .opc .buttons {
        text-align: right;
    }

    .news-list-homepage .title {
        display: table;
        width: 100%;
    }

        .news-list-homepage .title:before,
        .news-list-homepage .title:after {
            content: " ";
            display: table-cell;
            width: 30%;
            background: url(../img/title-lines.png) repeat-x left center;
        }

        .news-list-homepage .title strong {
            display: table-cell;
            width: 40%;
            padding: 0 25px;
        }

    .news-items .news-item {
        display: inline-block;
        width: 32.33333333333333%;
        margin: 0 0.5% 1%;
        max-width: none;
    }

    .blog-page .tags > *,
    .blogpost-page .tags > * {
        float: left;
    }

    .blog-page .tags label,
    .blogpost-page .tags label {
        margin: 0 10px 0 0;
        line-height: 24px;
    }

    .new-comment textarea {
        width: 500px;
    }

    .topic-block-title {
        display: table;
        width: 100%;
    }

        .topic-block-title:before,
        .topic-block-title:after {
            content: " ";
            display: table-cell;
            width: 30%;
            background: url(../img/title-lines.png) repeat-x left center;
        }

        .topic-block-title h2 {
            display: table-cell;
            width: 40%;
            padding: 0 25px;
        }

    .home-page-polls .title {
        display: table;
        width: 100%;
    }

        .home-page-polls .title:before,
        .home-page-polls .title:after {
            content: " ";
            display: table-cell;
            width: 30%;
            background: url(../img/title-lines.png) repeat-x left center;
        }

        .home-page-polls .title strong {
            display: table-cell;
            width: 40%;
            padding: 0 25px;
        }

    .home-page-polls .poll {
        float: left;
        width: 42%;
        margin: 0 4% 20px;
    }

    .profile-page .ui-tabs,
    .private-messages-page .ui-tabs {
        float: none;
        width: auto;
    }
}

@media all and (min-width: 769px) and (max-width: 1024px) {
    .side-2 {
        overflow: hidden;
    }

        .side-2 .block {
            float: left;
            width: 31.333333333%;
            margin: 0 1% 2%;
        }

            .side-2 .block:nth-of-type(3n + 1) {
                clear: both;
            }

/*    .item-box:nth-child(3n + 1) {
        clear: both;
    }*/
}

@media all and (min-width: 768px) and (max-width: 1280px) {
    .filter-result-product-list-box .product-item .cart-btn-area button,
    .filter-result-product-list-box .product-item .cart-btn-area a {
        font-size: 14px;
        padding: 8px 10px;
        text-align: center;
        width: 110px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .filter-result-product-list-box .product-item .cart-btn-area {
        flex-wrap: wrap;
        gap: 8px;
    }

        .filter-result-product-list-box .product-item .cart-btn-area button,
        .filter-result-product-list-box .product-item .cart-btn-area a {
            text-align: center;
            width: 100%;
            min-height: auto !important;
        }
}
