.cv-price-chart { padding:50px; box-sizing:border-box; color:#4C4E5D; }
.cv-price-chart-container { background-color:#FFF; padding:50px; box-sizing:border-box; max-width:100%; }

.cv-price-chart-row { display:flex; }
.cv-price-chart-row-plans { margin-bottom:15px; }
.cv-price-chart-toggle { display:flex; align-items:center; flex-basis:25%; box-sizing:border-box; }
.cv-price-chart-toggle-container { text-align:center; margin:0 auto; }
.cv-price-chart-toggle-container.none { display:none; }

.cv-price-chart-btn { border-radius: 21px; border:1px solid #ddd; padding:5px; display:flex; margin-bottom:15px; position:relative; min-width:160px; }
.cv-price-chart-btn button { transition:all 300ms; font-size:12px; box-sizing:border-box; position:relative; z-index:1; flex-basis:50%; background:none; border:0; cursor:pointer; font-weight:bold; padding:10px; line-height:1; }
.cv-price-chart-btn:before { border-radius: 21px; transition:all 300ms; content:""; display:block; position:absolute; top:5px; left:5px; bottom:5px; background:#A578B7; width:calc(50% - 5px); }
.cv-price-chart-btn button[data-freq=monthly] { color:#fff; }
.cv-price-chart-btn button[data-freq=yearly] { color:#000; }
.yearly .cv-price-chart-btn button[data-freq=monthly] { color:#000; }
.yearly .cv-price-chart-btn button[data-freq=yearly] { color:#fff; }

.cv-price-chart.yearly .cv-price-chart-btn:before { left:50%; }

.cv-price-chart-plans { display:flex; flex-basis:75%; text-align:center;  font-weight: bold; }
.cv-price-chart-plan { flex-basis:33.33%; box-sizing:border-box; padding:10px; }
.cv-price-chart-icon { margin-bottom:10px; }
.cv-price-chart-icon img { width:100px; height:80px; object-fit:contain; max-width:100%; }
.cv-price-chart-name { margin:0 0 15px; font-size:20px;  font-weight: bold; }
.cv-price-chart-price { margin:0 0 10px; font-size:18px; }
.cv-price-chart-price span { font-size:10px; }
.monthly .cv-price-chart-price-monthly,
.yearly .cv-price-chart-price-yearly { display:block; }
.yearly .cv-price-chart-price-monthly,
.monthly .cv-price-chart-price-yearly { display:none; }
.cv-price-chart-subtitle { opacity:0.75; margin-bottom:15px; }
.cv-price-chart-cta {  }
.cv-price-chart-cta a { display:inline-block; color:#FFF; background:#33C6F8; text-align:center; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); padding: 12px 25px; text-decoration:none; border-radius: 30px; font-size:12px; font-weight:600; }

.monthly .cv-price-chart-cta-monthly,
.yearly .cv-price-chart-cta-yearly { display:block; }
.yearly .cv-price-chart-cta-monthly,
.monthly .cv-price-chart-cta-yearly { display:none; }

.cv-price-chart-row-title { background:#eee; color:#000; padding:10px; padding-left:25px; font-weight: 600; }
.cv-price-chart-label { flex-basis:25%; padding:10px; padding-left:25px; box-sizing:border-box; }
.cv-price-chart-values { display:flex; flex-basis:75%; text-align:center; }
.cv-price-chart-value { flex-basis:33.33%; padding:10px; box-sizing:border-box; }
.cv-price-chart-value-feat:not(:empty) { color:#5e7571; }

.cv-price-chart-rows .cv-price-chart-row:nth-child(odd) { background:#fcfcfc; }
.cv-price-chart-value-feat:empty:before {content: 'cancel';
    font-family: 'Material Icons'; color:#919191; font-size: 24px;}

<style>
/* Rules for icon sizes: */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; } /* Default */
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
</style>


@media only screen and (max-width:800px) {
  .cv-price-chart { padding:15px; }
  .cv-price-chart-toggle,
  .cv-price-chart-plans,
  .cv-price-chart-label,
  .cv-price-chart-values { flex-basis:100%; }
  
  .cv-price-chart-row { flex-wrap:wrap; }
  .cv-price-chart-toggle { text-align:center; margin-bottom:30px; }
  
  .cv-price-chart-label { text-align:center; border-bottom:1px solid #ececec; }
  .cv-price-chart-value { border-bottom:1px solid #ececec;  }
}
@media only screen and (max-width:460px) {
  .cv-price-chart { padding:0; }
  .cv-price-chart-container { padding:15px; }
  .cv-price-chart-cta a { padding:10px; }
}


@media (max-width: 800px) {
    .cv-price-chart {
        padding: 0;
    }
    .cv-price-chart-container {
        padding-bottom: 0;
    }
    .cv-price-chart-row-plans {
        background: #FFFFFF;
        z-index: 2;
    }
    .cv-price-chart-row-plans.is_stuck {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px -10px;
        left: 20px;
        padding: 0px 50px;
        width: calc(100% - 40px) !important;
    }
    .cv-price-chart-toggle {
        display: none;
    }
    .cv-price-chart-plans {
        flex-basis: 100%;
        align-items: center;
    }
    .cv-price-chart-name {
        font-size: 14px;
        margin: 0;
    }
    .cv-price-chart-name br {
        display: none;
    }
    .cv-price-chart-subtitle {
        font-size: 12px;
    }
    .cv-price-chart-row-plans .cv-price-chart-price,
    .cv-price-chart-row-plans .cv-price-chart-icon,
    .cv-price-chart-row-plans .cv-price-chart-subtitle {
        display: none;
    }
    .cv-price-chart-row {
        flex-wrap: wrap;
    }
    .cv-price-chart-row-title {
        padding: 10px;
        text-align: center;
    }
    .cv-price-chart-label {
        flex-basis: 100%;
        font-weight: 700;
        text-align: center;
        padding: 10px 10px 0;
        text-decoration: underline;
    }
    .cv-price-chart-values {
        flex-basis: 100%;
    }
    .material-icons.md-24 {
        color: #008000;
    }
    .cv-price-chart-value-feat:empty::before {
        position: relative;
        top: -2px;
    }
    .bbs-cb1-ctas {
        margin: -10px;
    }
    .bbs-cb1-ctas .hs_cos_wrapper_type_cta {
        padding: 10px;
    }
    .bbs-cb1-ctas .hs_cos_wrapper_type_cta a {
        display: inline-block;
    }
}
@media (max-width: 460px) {
    .cv-price-chart-row-plans.is_stuck {
        padding: 0px 15px;
    }
}