.compare-page {
    /*width:100%;*/
    /*max-width:1000px;*/
    /*margin:0 auto;*/
    /*position:relative;*/
    padding-bottom: 50px;
}
.compare-page ul {
    display:flex;
    top:0px;
    z-index:10;
    padding: 0;
    padding-bottom:14px;
}
.compare-page li {
    list-style:none;
    flex:1;
}
.compare-page li:last-child {
    border-right:1px solid #DDD;
}
.compare-page button {
    width:100%;
    border: 1px solid #DDD;
    border-right:0;
    border-top:0;
    padding: 10px;
    background:#FFF;
    font-size:14px;
    font-weight:bold;
    height:60px;
    color:#999
}
.compare-page li.active button {
    background:#F5F5F5;
    color:#000;
}
.compare-page table { border-collapse:collapse; table-layout:fixed; width:100%; }
.compare-page th { background:#F5F5F5; display:none; }
.compare-page td, .compare-page th {
    height:53px
}
.compare-page td,.compare-page th { border:1px solid #DDD; padding:10px; empty-cells:show; }
.compare-page td,.compare-page th {
    text-align:left;
}
.compare-page td+td,.compare-page th+th {
    text-align:center;
    display:none;
}
.compare-page td.default {
    display:table-cell;
}
.compare-page .bg-purple {
    border-top:3px solid #A32362;
}
.compare-page .bg-blue {
    border-top:3px solid #0097CF;
}
.compare-page .sep {
    background:#F5F5F5;
    font-weight:bold;
}
.compare-page .txt-l { font-size:28px; font-weight:bold; }
.compare-page .txt-top { position:relative; top:-9px; left:-2px; }
.compare-page .tick { font-size:18px; color:#2CA01C; }
.compare-page .hide {
    border:0;
    background:none;
}

@media (min-width: 640px) {
    .compare-page ul {
        display:none;
    }
    .compare-page  td, .compare-page th {
        display:table-cell !important;
    }
    .compare-page td, .compare-page th {
        /*width: 330px;*/

    }
    .compare-page tr td:first-child {
        /*width: 330px !important;*/
    }
    .compare-page td+td,.compare-page  th+th {
        width: auto;
    }
}