@media (max-width: 1799.999px) {
    .recitems h3 { margin: 20px 30px 0 30px; }

    .recitems .product {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 33.333%;
        padding: 10px 30px 30px 30px;
    }

    .recitems .product img { margin-bottom: 10px; }
}

@media (min-width: 1800px) {
    article { position: relative; }

    .mgRecommended {
        position: absolute;
        top: 0;
        right: -200px;
        max-width: 170px;
        background-color: #FFF;
        border: 3px solid #EEE;
        padding: 10px;
    }

    .mgRecommended h3 { margin: 5px 0; }

    .mgRecommended .product:not(:first-child) {
        border-top: 1px solid #EEE;
        padding-top: 10px;
    }

    .mgRecommended .product:not(:last-child) { padding-bottom: 10px; }
}