.ecliptic-item-box .ecliptic-picture img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100px;
    -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving ecliptic-product images when hover on category */
}
.ecliptic-item-box .ecliptic-details {
    padding: 5px 5px 5px;
    background-color: #fff;
}

.ecliptic-item-grid {
    text-align: center;
    background-color: #f8f8f8;
}


@media all and (min-width: 1001px) {
    .ecliptic-item-box {
        width: 16.667%;
        margin: 0 0.5% 5px;
    }

        .ecliptic-item-box:nth-child(2n+1) {
            clear: none;
        }

        .ecliptic-item-box:nth-child(3n+1) {
            clear: none;
        }

        .ecliptic-item-box:nth-child(4n+1) {
            clear: none;
        }

        .ecliptic-item-box:nth-child(5n+1) {
            clear: both;
        }
    .ecliptic-item-grid .ecliptic-item-box {
        float: none;
        display: inline-block;
        width: 16.667%;
        }

        .ecliptic-item-grid .ecliptic-item-box:nth-child(3n+1),
        .ecliptic-item-grid .ecliptic-item-box:nth-child(4n+1) {
            clear: none;
        }

        .ecliptic-item-grid .ecliptic-item-box:nth-child(5n+1) {
            clear: both;
        }

        .ecliptic-item-grid .ecliptic-item-box .product-title {
            font-size: 20px;
        }
    .item-grid .ecliptic-item-box {
        width: 16.667%;
        margin: 0 0.5% 1%;
    }

    .ecliptic-item-box:nth-child(2n+1) {
        clear: none;
    }

    .item-grid .ecliptic-item-box:nth-child(3n+1) {
        clear: none;
    }

    .item-grid .ecliptic-item-box:nth-child(4n+1) {
        clear: none;
    }

    .item-grid .ecliptic-item-box:nth-child(5n+1) {
        clear: both;
    }

}

@media (max-width: 768px) {
    .category-page
    {
        max-width: 700px;
    }
    .ecliptic-item-box {
        width: 33%;
        margin: 0 0.5% 5px;
    }

        .ecliptic-item-box:nth-child(2n+1) {
            clear: none;
        }

        .ecliptic-item-box:nth-child(3n+1) {
            clear: both;
        }

    .ecliptic-item-grid .ecliptic-item-box {
        float: none;
        display: inline-block;
        width: 33%;
    }

    .ecliptic-item-box:nth-child(2n+1) {
        clear: none;
    }

    .ecliptic-item-box:nth-child(3n+1) {
        clear: both;
    }

    .ecliptic-item-grid .ecliptic-item-box .product-title {
        font-size: 14px;
    }

    .item-grid .ecliptic-item-box {
        width: 30%;
        margin: 0 0.5% 1%;
    }

    .ecliptic-item-box:nth-child(2n+1) {
        clear: none;
    }

    .item-grid .ecliptic-item-box:nth-child(3n+1) {
        clear: both;
    }
}

@media (max-width: 480px) {
    .ecliptic-item-box {
        width: 50%;
        margin: 0 0.5% 5px;
    }

        .ecliptic-item-box:nth-child(2n+1) {
            clear: both;
        }

    .ecliptic-item-grid .ecliptic-item-box {
        float: none;
        display: inline-block;
        width: 50%;
    }

    .ecliptic-item-box:nth-child(2n+1) {
        clear: both;
    }

    .ecliptic-item-grid .ecliptic-item-box .product-title {
        font-size: 12px;
    }

    .item-grid .ecliptic-item-box {
        width: 50%;
        margin: 0 0.5% 1%;
    }

    .ecliptic-item-box:nth-child(2n+1) {
        clear: both;
    }
}