/* path file: components/product/areas/templates/.default/style.css */

.area-item {
    background: #2C77D2;
    color: #fff;
    padding: 24px 16px;
    height: 100%;
}

.area-item h4 {
    color: #fff;
}

.area-img img {
    max-width: 100px;
}

.area-text {
    min-height: 80px;
}

@media(min-width: 768px) {
    .area-item {
        padding: 37px;
    }

    .area-text {
        min-height: 139px;
    }
}

@media(max-width: 768px) {
    .product-area .area-text li {
        font-size: 12px;
        line-height: 1.4;
    }

    .product-area .area-text ul {
        margin-bottom: 0;
    }

    .product-area .area-item {
        padding: 16px 12px 20px;
    }

    .product-area__column:nth-child(1) {
        order: 1;
    }

    .product-area__column:nth-child(2) {
        order: 3;
    }

    .product-area__column:nth-child(3) {
        order: 2;
    }

    .product-area__column:nth-child(4) {
        order: 4;
    }

    .product-area__column:nth-child(5) {
        order: 5;
    }

    .product-area__column:nth-child(6) {
        order: 6;
    }
}