.card-pricing { min-height:100%;
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0.5rem 0.5rem 1rem 0.5rem rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing img {
 width: 50px;
}

@media screen and (min-width: 768px){
section.pricing {max-height:100%; min-height: 100%;}
}

@media screen and (max-width: 767px){
section.pricing { 
min-height: 800px;
max-height: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.first-plan{padding-bottom: 3.6rem;}
.feature{margin-top:15px;}
section.pricing.features{margin-bottom:50px !important;}
}

@media screen and (max-width: 767px) {
.pricing img {
 width: 90px !important;
}
.card-body{font-size: 1.2rem !important; margin-left:auto; margin-right:auto;}
}

.pricing, .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing h6 {
  font-size: 1.8em;
  margin: 0; 
}

.pricing, .card-price {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
  list-style:none;
  position:relative;
}

.pricing, .text-muted {
  opacity: 0.8;
}

.pricing i{
font-style: normal;
font-size:20px; 
}

.pricing ul li span{
padding-right:10px;
}

.green_type{
font-color: green;
}

.red_type{
font-color: red;
}


@media only screen and (max-width: 600px) {
.pricing h6 {font-size: .8rem !important; margin: 0;}
}


section.pricing {
  background: #fff;
}


.pricing span{
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
	font-weight:bold !important;
	line-height: inherit;}

.pricing li {
	font-weight:normal;
}

.tm{font-size: 32px;
font-weight:700;}

 .btn-h {
  font-size: 80%;
  border-radius: 10px;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

@media (min-width: 992px) {
  .btn-h {opacity: .7;}
}