@media only screen and (min-width:2075px) and (max-width:100000px) {
    #prodotti-loop-page {
        max-width: 2075px;
    }
    #prodotti-loop-page .prodotto-loop:nth-child(6n) {
        margin-right: 0px;
    }
    #prodotti-loop-page .prodotto-loop {
        margin-right: calc((100% - 318px * 6) / 5);
    }
}
@media only screen and (min-width:1740px) and (max-width:2074px) {
    #prodotti-loop-page {
        max-width: 1740px;
    }
    #prodotti-loop-page .prodotto-loop:nth-child(5n) {
        margin-right: 0px;
    }
    #prodotti-loop-page .prodotto-loop {
        margin-right: calc((100% - 318px * 5) / 4);
    }
}
@media only screen and (min-width:1372px) and (max-width:1739px) {
    #prodotti-loop-page {
        max-width: 1372px;
    }
    #prodotti-loop-page .prodotto-loop:nth-child(4n) {
        margin-right: 0px;
    }
    #prodotti-loop-page .prodotto-loop {
        margin-right: calc((100% - 318px * 4) / 3);
    }
}
@media only screen and (min-width:1020px) and (max-width:1371px) {
    #prodotti-loop-page {
        max-width: 1020px;
        padding-left: 20px;
        padding-right: 19px;
    }
    #prodotti-loop-page .prodotto-loop:nth-child(3n) {
        margin-right: 0px;
    }
    #prodotti-loop-page .prodotto-loop {
        margin-right: calc((100% - 318px * 3) / 2);
    }
}
@media only screen and (min-width:735px) and (max-width:1019px) {
    #prodotti-loop-page {
        max-width: 735px;
    }
    #prodotti-loop-page .prodotto-loop:nth-child(even) {
        margin-right: 0px;
        float: right;
    }
    #prodotti-loop-page .prodotto-loop {
        margin-right: 10px;
    }
}
@media only screen and (min-width:220px) and (max-width:734px) {
    #prodotti-loop-page {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 9px;
        box-sizing: border-box;
    }
    .prodotto-loop {
        width: calc(50% - 5px);
        height: auto;
        margin-bottom: 20px;
    }
    .prodotto-loop:nth-child(even) {
        float: right;
    }
    /* a card with a longer name is taller: start every row below both cards of the previous one */
    a.prodotto-loop:nth-of-type(odd) {
        clear: both;
    }
    #prodotti-loop-page .prodotto-loop {
        margin-right: 0px;
    }
}