.comparison {
    margin:0 auto;
    text-align:center;
    padding:15px;
}

.comparison table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
    border:1px solid #CCC;
    empty-cells: show;
    padding:20px 15px;
}

.compare-heading {
    font-size:18px;
    font-weight:bold !important;
    border-bottom:0 !important;
    padding-top:10px !important;
}

.comparison tbody tr:nth-child(odd) {
    display:none;
}

.comparison .compare-row {
    background:#F8F8F8;
}

.comparison .tickblue {
    color:#0078C1;
}

.comparison .tickgreen {
    color:#009E2C;
}

.comparison th {
    font-weight:normal;
    padding:0;
    border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
    text-align:center;
    font-weight: 600;

}

.comparison .qbse, .comparison .qbo, .comparison .qbp, .comparison .qbg, .comparison .tl {
    color:#FFF;
    padding:20px 0;
    font-size:15px;
    border-right:1px solid #CCC;
    border-bottom:0;
}

.comparison .tl2 {
    border-left:0;
    border-top:0;
}

.comparison .qbse {
    background:#64c3e0;
}

.comparison .qbo {
    background:#48c248;
}

.comparison .qbp {
    background:#e75754;
}

.comparison .qbp-top-border {
    border-top: 10px solid #e75754;
}

.comparison .qbp-bottom-border {
    border-bottom: 10px solid #e75754;
}

.comparison .qbp-border {
    border-left: 10px solid #e75754;
    border-right: 10px solid #e75754;
}

.comparison .qbg {
    background:#9f9fa3;
}

.comparison .price-info {
    padding:5px 15px 15px 15px;
}

.comparison .price-was {
    color:#000;
    text-decoration: line-through;
    font-weight: 600;
    font-size: 14px;
}

.comparison .price-now, .comparison .price-now span {
    font-size:30px;
}

.comparison .price-now span {
    font-size:30px;
    font-weight: 600;
}

.comparison .price-light {
    color: #64c3e0;
}

.comparison .price-standard {
    color: #48c248;
}

.comparison .price-premium {
    color: #e65552;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
    background:#ff5406;
    padding:10px 20px;
    font-size:12px;
    display:inline-block;
    color:#FFF;
    text-decoration:none;
    border-radius:3px;
    text-transform:uppercase;
    margin:5px 0 10px 0;
}

.comparison .price-try {
    font-size:12px;
}

.comparison .price-try a {
    color:#202020;
}

@media (max-width: 997px) {
    .comparison tr {
        background:#FFF;
    }
    .comparison .compare-row {
        background:#FFF;
    }
    .comparison .qbp-top-border {
        border-top: 1px solid #ccc;
    }
    .comparison .qbp-bottom-border {
        border-bottom: 1px solid #ccc;
    }
    .comparison .qbp-border {
        border: 1px solid #ccc;
        background: rgba(231,87,84,0.2);
    }
    .comparison .qbp {
        background: rgb(231,87,84);
    }
}

@media (max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
        display: none;
    }
    .comparison tbody tr:nth-child(odd) {
        display:table-row;
        background:#F7F7F7;
    }
    .comparison .row {
        background:#FFF;
    }
    .comparison td, .comparison th {
        border:1px solid #CCC;
    }
    .price-info {
        border-top:0 !important;
    }
}

@media (max-width: 639px) {
    .comparison .price-buy {
        padding:5px 10px;
    }
    .comparison td, .comparison th {
        padding:10px 8px;
    }
    .comparison .hide-mobile {
        display:none;
    }
    .comparison .price-now span {
        font-size:16px;
    }

    .comparison .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }
    .comparison .qbse, .comparison .qbo, .comparison .qbp, .comparison .qbg {
        font-size:12px;
        padding:10px 5px;
    }
    .comparison .price-buy {
        margin-top:10px;
    }
    .compare-heading {
        font-size:13px;
    }
    .comparison .compare-row {
        background:#FFF;
    }
}