@charset "UTF-8";
/*  Compare Page  */

.compare-min-height {
    min-height: 71px;
}

#comparetgt p {
    margin: 0;
    min-height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#comparetgt > div {
    position: relative;
}

    #comparetgt > div > .imgCtr {
        overflow: hidden;
    }

        #comparetgt > div > .imgCtr:before {
            position: absolute;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            z-index: 2;
            background: black;
            color: white;
            line-height: 24px;
            height: 24px;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            width: 150px;
            text-align: center;
            top: 29px;
            right: -33px;
        }

    #comparetgt > div[data-before-tag="lowest"] {
        order: -2;
    }

        #comparetgt > div[data-before-tag="lowest"] > .imgCtr:before {
            content: var(--21-product-compare-best-value);
        }

    #comparetgt > div[data-before-tag="highest"] {
        order: -3;
    }

        #comparetgt > div[data-before-tag="highest"] > .imgCtr:before {
            content: var(--21-product-compare-premium-option);
        }

    #comparetgt > div[data-before-tag="average"] {
        order: -1;
    }

        #comparetgt > div[data-before-tag="average"] > .imgCtr:before {
            content: var(--21-product-compare-middle-ground);
        }

@media print {
    .printhide {
        display: none;
    }
}

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px) {

    #comparestats {
        display: none;
    }

    #comparetgt > div {
        width: 50%;
    }

    .compare-min-height {
        font-size: medium !important;
    }

    #comparetgt p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}