/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 23, 2019, 4:27:36 AM
    Author     : BOB
*/

.comparison {
    /*max-width:940px;*/
    margin:0 auto;
    font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    padding:10px;
}

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

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

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


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

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

.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:left;
}

.comparison .qbse, .comparison .qbo ,.comparison .qbor,.comparison .qbrss, .comparison .tl {
    text-align: center;
    color:#FFF;
    padding:10px;
    font-size:18px;
    border-right:1px solid #CCC;
    border-bottom:0;
}

.comparison .tl2 {
    border-right:0;
}

.comparison .qbse {
    background:#0078C1;            
    border-left:0px;
}

.comparison .qbo {
    background:#009E2C;
    border-right:0px;
}
.comparison .qbor {
    background:#f63c3c;
    border-right:0px;
}
.comparison .qbrss {
    background: #ed6400;
    border-right:0px;
}

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

.comparison .price-was {
    color:#999;
    text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
    color:#1f66e7;
}

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

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

.comparison .price-buy {
    background:#1ab394;
    padding:5px 8px;
    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;
}
.rs {
    font-size: 14;
}
@media (max-width: 960px) {
    .comparison .price-now span {
        font-size:20px;
    }
}
@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;

    }
    .comparison .hide-mobile {
        display:none;
    }
    .price-rs {
        display: none;
    }
    .comparison .price-now span {
        font-size:16px;
    }

}

@media (max-width: 639px) {    
    .comparison .price-buy {
        padding:5px 10px;
    }
    .comparison td, .comparison th {
        padding:10px 5px;
        
    }
    .comparison .qbse, .comparison .qbo ,.comparison .qbor,.comparison .qbrss, .comparison .tl {
    font-size: 12px;
    }
    .comparison .hide-mobile {
        display:none;
    }
    .comparison .price-now span {
        font-size:14px;
    }

    .comparison .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }
    .comparison .qbse, .comparison .qbo {
        font-size:12px;
        padding:10px 5px;
    }
    .comparison .price-buy {
        margin-top:10px;
    }
    .compare-heading {
        font-size:11px;
    }
    .price-rs {
        display: none;
    }
    .comparison tr td:first-child {
    font-size: 9px;
    }
    .comparison tr td:last-child {
    font-size: 14px;
    }
}