﻿@media all and (min-width: 481px) {
    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    }

    .eu-cookie-bar-notification {
        width: 450px;
        max-width: 95%;
        margin-left: -225px;
    }

    .footer-middle {
        font-size: 0;
    }

        .footer-middle .footer-block {
            float: left;
            width: 50%;
        }

    .newsletter-email input[type="text"],
    .newsletter-email input[type="email"] {
        width: 300px;
    }

    .item-grid {
        font-size: 0;
    }

    .item-box {
        float: left;
        width: 48%;
        margin: 0 0.5% 0.2%;
        max-width: none;
    }

    .home-page-category-grid .item-box {
        max-width: 48%;
    }

    .product-list .picture {
        width: 200px;
        float: left;
    }

    .product-list .details {
        margin-left: 220px;
    }

    .product-variant-line {
        position: relative;
        padding: 0 5px;
        min-height: 200px;
    }

        .product-variant-line:before {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 5px;
            background: #e87772;
        }

    .variant-picture {
        float: left;
        margin: 0;
    }

        .variant-picture + .variant-overview {
            text-align: left;
            margin-left: 210px;
        }

    .product-variant-list .variant-overview > div {
        margin: 10px 0;
    }

    .variant-overview .add-to-cart {
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px 0 0;
    }

    .variant-overview .add-to-cart-panel {
        display: block;
    }

    .variant-overview .add-to-cart button {
        margin: 0;
    }

    .variant-overview .add-to-wishlist {
        display: inline-block;
        vertical-align: middle;
    }

    .ui-tabs .ui-tabs-nav li {
        display: inline-block;
    }

        .ui-tabs .ui-tabs-nav li a {
            display: block;
        }

    .enter-password-form input[type="password"] {
        width: 300px !important;
    }

    .registration-page .date-of-birth select,
    .account-page .date-of-birth select {
        width: 110px;
    }

    .block-account-navigation {
        width: 360px !important;
        float: none !important;
        margin: 0 auto 20px !important;
    }

    .address-item,
    .order-item {
        margin: 0 1% 20px;
        float: left;
    }

    .order-review-data > div,
    .order-details-area > div,
    .shipment-details-area > div {
        float: left;
        margin: 0 2% 30px 0;
        width: 49%;
    }

        .order-review-data > div:last-child,
        .order-details-area > div:last-child,
        .shipment-details-area > div:last-child {
            margin-right: 0;
        }

    .checkout-page .section li + .title {
        margin-top: 25px;
    }

    .shipment-details-page .shipment-overview > ul {
        float: left;
        width: 48%;
        margin: 0 1% !important;
    }

    .news-items {
        font-size: 0;
    }

        .news-items .news-item {
            display: inline-block;
            width: 48%;
            margin: 0 1% 2%;
            max-width: 320px;
        }

    .topic-block-title h2:before {
        right: 75%;
    }

    .topic-block-title h2:after {
        left: 75%;
    }
}

@media all and (min-width: 480px) and (max-width: 768px) {
    .side-2 {
        overflow: hidden;
    }

        .side-2 .block {
            float: left;
            width: 48%;
            margin: 0 1% 2%;
        }

            .side-2 .block:nth-of-type(2n + 1) {
                clear: both;
            }

/*    .item-box:nth-child(2n + 1) {
        clear: both;
    }*/

    .address-item,
    .order-item {
        width: 48%;
    }

        .address-item:nth-child(2n + 1),
        .order-item:nth-child(2n + 1) {
            clear: both;
        }

    .news-list-homepage .title strong:before {
        right: 75%;
    }

    .news-list-homepage .title strong:after {
        left: 75%;
    }
}

@media all and (min-width: 640px) {
    .comment-info {
        float: left;
        margin: 0;
    }

        .comment-info + .comment-content {
            margin: 0 0 0 135px;
        }

    .comment-content {
        position: relative;
        text-align: left;
    }

    .comment-time {
        position: absolute;
        top: 8px;
        right: 0;
    }

    .blog-comment .comment-time {
        position: static;
        margin: 0 0 15px;
    }

    .comment-title {
        padding: 5px 170px 5px 0;
    }
}
