#pricing-table {
    margin: 0px auto;
    text-align: center;
    /* width: 928px; */
    zoom: 1;
}

#pricing-table ul li {
   width:100%;
   clear:both;
   line-height:20px;
   /*min-height:130px;*/
       margin-bottom: 25px;
   font-family: "Open Sans", sans-serif;
   font-size: 12.5px;
   padding: 0px 20px;
       text-align: justify;

}

#pricing-table:before, #pricing-table:after {
    content: "";
    display: table
}

#pricing-table:after {
    clear: both
}

#pricing-table .plan {

background: #fff;

border: 1px solid #ddd;

color: #333;

padding: 31px 20px;

float: left;

_display: inline; /* IE6 double margin fix */

position: relative;

margin: 0 0px 0px 0px;

min-height: 340px;

box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);
}

#pricing-table .plan:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 10px;
    right: 4px;
    width: 80%;
    top: 80%;
    box-shadow: 0 12px 5px rgba(0, 0, 0, .3);
    transform: rotate(3deg);
}

#pricing-table .popular-plan {
    top: 0px;
    padding: 40px 20px;
}

#pricing-table .header-plan {
    position: relative;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 12px;
    margin: -30px -20px 20px -20px;
    border-bottom: 2px solid;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table .header-plan:after {
    position: absolute;
    bottom: -8px; left: 0;
    height: 3px; width: 100%;
    content: '';
    background-image: url(data:image/png;base64,iVBO[...]);
}

#pricing-table .popular-plan .header-plan {
    margin-top: -40px;
    /*padding-top: 0px;*/
}

#pricing-table .plan1 .header-plan {
    border-bottom-color: #0071b1;
}

#pricing-table .plan2 .header-plan {
    border-bottom-color: #0071b1;
}

#pricing-table .plan3 .header-plan {
    border-bottom-color: #3AD5A0;
}

#pricing-table .plan4 .header-plan {
    border-bottom-color: #45D0DA;
}

#pricing-table .price{
    font-size: 45px;
}

#pricing-table .monthly{
    font-size: 13px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #999;
}


/* --------------- */

#pricing-table ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

#pricing-table li {
    padding: 10px 0;
}

/* --------------- */

#pricing-table .signup {
    position: relative;
    padding: 10px 20px;
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    background-color: #72ce3f;
    border-radius: 3px;

    opacity: .9;
}

#pricing-table .signup:hover {
    opacity: 1;
}

#pricing-table .signup:active {
    box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
}

#pricing-table .plan1 .signup{
    background: #B3E03F;
}

#pricing-table .plan2 .signup{
    background: #7BD553;
}

#pricing-table .plan3 .signup{
    background: #3AD5A0;
}

#pricing-table .plan4 .signup{
    background: #45D0DA;
}

.plan-choose{ width:100%;margin-top:15px;}

.plan-choose button{ width:75%; border-radius:5px;}

.plan-choose, .primary-button{ font-weight:normal; border}

.regbutton{    margin-bottom: 10px;}


/*--------------------------------*/

.primary {
  margin-bottom: 20px;
}


@media all and ( min-width: 600px ) {
    .primary {
    float: left;
    padding: 0px 15px;
    width: 100%;
  }
  .secondary {
    float: right;
    margin-right:0px;
    width: 50%;
  }
}
/*--------------------------------*/
.single {
 /*  width: inherit !important; */
}
.plan-choose.single button {
  width: calc(75%/2);
  border-radius:5px;
  float: left;
  margin: 10px calc(10%/2);
}
#pricing-table ul li.single {
  /* min-height:80px !important; */
}
#pricing-table ul li.tpft {
  min-height:40px !important;
  
}
#pricing-table .plan.theonly1 {
  min-height: 230px !important;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .plan-choose.single button {
    width: 75%;
    margin: 10px calc(25%/2);
  }
}