/* DIRTY Responsive pricing table CSS */
/* 
- make mobile switch sticky
*/
#prining.sec_pad {
  padding: 120px 0 0 !important;
}

#pricing-table {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
#pricing-table thead tr th:first-child {
  background: #dddfea;
  border-top: 3px solid green;
}
#pricing-table ul:not(.note-points) {
  display: flex;
  top: 0px;
  z-index: 10;
  padding-bottom: 14px;
}
#pricing-table ul:not(.note-points) li {
  list-style: none;
  flex: 1;
}
#pricing-table ul:not(.note-points) li:last-child {
  border-right: 1px solid #ddd;
}
#pricing-table ul:not(.note-points) li.active button {
  background: #f5f5f5;
  color: #000;
}
#pricing-table 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;
}
#pricing-table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
#pricing-table th {
  background: #f5f5f5;
  display: none;
}
#pricing-table td,
#pricing-table th {
  height: 53px;
}
#pricing-table td,
#pricing-table th {
  border: 1px solid #ddd;
  padding: 10px;
  empty-cells: show;
}
#pricing-table td,
#pricing-table th {
  text-align: left;
  font-weight: bolder;
}
#pricing-table td + td,
#pricing-table th + th {
  text-align: center;
  display: none;
}
#pricing-table td.default {
  display: table-cell;
}
#pricing-table .bg-purple {
  border-top: 3px solid #ff48a2;
}
#pricing-table .bg-blue {
  border-top: 3px solid #0097cf;
}
#pricing-table .bg-yellow {
  border-top: 3px solid #ff9f0c;
}
#pricing-table .sep {
  background: #f5f5f5;
  font-weight: bold;
}
#pricing-table .txt-l {
  font-size: 28px;
  font-weight: bold;
}
#pricing-table .txt-s {
  font-size: 22px;
  font-weight: bold;
}
#pricing-table .txt-top {
  position: relative;
  top: -9px;
  left: -2px;
}
#pricing-table .tick {
  font-size: 18px;
  color: #2ca01c;
}
#pricing-table .cross {
  font-size: 18px;
  color: #c90909;
}
#pricing-table .hide {
  border: 0;
  background: none;
}
@media (min-width: 992px) {
  #pricing-table tr:first-child,
#pricing-table tr:nth-child(1) {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  #pricing-table tr:first-child,
#pricing-table tr:nth-child(1) {
    font-size: inherit;
  }
}
@media (min-width: 640px) {
  #pricing-table ul:not(.note-points) {
    display: none;
  }
  #pricing-table td,
#pricing-table th {
    display: table-cell !important;
  }
  #pricing-table td,
#pricing-table th {
    width: 330px;
  }
  #pricing-table td + td,
#pricing-table th + th {
    width: auto;
  }
}
#pricing-table td,
#pricing-table th {
  width: 330px;
  background: #fff;
}