section.purchase-chart {
  background-color: #fff;
  color: initial;
  padding-top: 0;
}

@media (min-width: 768px) {
  .pricing-header {
    border-bottom: 1px solid #f7f6f6;
  }
}

.pricing-header {
  margin-bottom: 20px;
  width: 100%;
  padding: 20px;
}

@media (min-width: 768px) {
  .pricing-header {
    height: 455px;
  }
}

@media (min-width: 992px) {
  .pricing-header {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .pricing-header {
    height: 345px;
  }
}

.purchase-chart .price-col:hover .pricing-header, .purchase-chart .price-col:hover .pricing-body, .purchase-chart .price-col:hover .pricing-comparison p {
  border-bottom-color: #fff;
}

.purchase-chart .price-col:hover {
  background-color: #f5f4f4;
}

.purchase-chart .price-col {
  padding: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.pricing-comparison p {
  border-bottom: 1px solid #f7f6f6;
  padding: 10px 0px;
  margin: 0px;
}

.pricing-comparison {
  display: none;
}

@media (min-width: 768px) {
  .pricing-comparison {
    display: initial;
  }
}

.pricing-comparison .fa-check {
  color: #0fcf0b;
  font-size: 22px;
}

.purchase-chart .row {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  /*border-bottom: 1px solid #ccc;*/
}

.price-col.descriptions:hover {
  background-color: #fff;
}

.price-col.descriptions {
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .pricing-body {
    height: 530px;
  }
}

@media (min-width: 992px) {
  .pricing-body {
    height: 410px;
  }
}

@media (min-width: 1200px) {
  .pricing-body {
    height: 370px;
  }
}

.pricing-body {
  padding: 20px;
  border-bottom: 1px solid #f7f6f6;
}

.web-app-pro, .purchase-chart .web-app-pro:hover {
  background-color: #d8efff;
}

@media (min-width: 768px) {
  .web-app-pro .pricing-header {
    border-bottom: 1px solid #fdfeff;
  }
}

@media (min-width: 1200px) {
  .pricing-comparison p {
    height: 67px;
  }
}

@media (min-width: 992px) {
  .pricing-comparison p {
    height: 70px;
  }
}

.pricing-comparison p {
  font-size: 15px;
  height: 95px;
  padding: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #f7f6f6;
  display: flex!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  justify-content: center!important;
  -ms-flex-pack: center!important;
}

.pricing-body p {
  margin-bottom: 5px;
  font-size: 16px;
}

.amount {
  font-size: 40px;
  color: #3498db;
  font-weight: 500;
}

@media (max-width: 767px) {
  .price-col.descriptions {
    display: none;
  }
}