* {
  box-sizing: border-box;
}

/* Create three columns of equal width */
.columns {
  float: left;
  width: 24.9%;
  padding: 8px;
}
.columns2 {
  float: left;
  width: 25%;
  padding:8px 0 8px 0;
}
/* Style the list */
.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Add shadows on hover */
/*.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}*/
/* List items */
.price li {
  border-bottom: 1px solid #eee;
/*  padding: 20px;*/
  text-align: center;
  height:55px;
  padding-top: 15px;		
}
/* Pricing header */
.price .header {
  background-color: #111;
  color: white;
  font-size: 25px;
}

/* STP Account */
/* Style the list */
.price2 {
	list-style-type: none;
	border: 1px solid #eee;
	margin: 0;
	padding: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;	
}
/* Add shadows on hover */
.price2:hover {
	box-shadow: 0 8px 12px 0 rgba(0,0,0,0.3)
}
/* List items */
.price2 li {
  border: 1px solid #e6e8cc;
/*  padding: 20px;*/
  text-align: center;
  height:55px;
  padding-top: 15px;		
}
/* STP Account FINISH */


/* ECN Account  */
/* Style the list */
.price3 {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* Add shadows on hover */
.price3:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.3)
}
/* List items */
.price3 li {
  border: 1px solid #c2d6d6;
/*  padding: 20px;*/
  text-align: center;
  height:55px;
  padding-top: 15px;		
}
/* ECN Account FINISH */


/* VIP Account  */
/* Style the list */
.price4 {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)	
}
/* Add shadows on hover */
.price4:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.4)
}
/* List items */
.price4 li {
  border: 2px solid #E5DEAF;
/*  padding: 20px;*/
  text-align: center;
  height:55px;
  padding-top: 15px;		
}
/* VIP Account FINISH */

.header1 {
  color: white;
  font-size: 25px;
	height: 100px !important;
	padding-top: 30px !important;
}
.header2 {
	background-color: silver;
	color: white;
	font-size: 25px;
	font-weight: 700;
	height: 100px !important;
	padding-top: 30px !important;
}
.header3 {
	background-color: gold;
	color: white;
	font-size: 25px;
	font-weight: 700;
	height: 100px !important;
	padding-top: 30px !important;
}
.header4 {
	background-color: #36cccb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a28f11",endColorstr="#e8da35",GradientType=1);
	padding:5px 0 0;
	color: black;
	font-size: 30px;
	font-weight: 700;
	height: 100px !important;
	padding-top: 25px !important;
}

.price-img img{
    position: relative;
    height: 30px;
}
/* Grey list item */
.price .grey {
  background-color: #eee;
  font-size: 20px;
}
.price-height{
	padding: 10px !important

}
/* The "Sign Up" button */
.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}
.bg-account{
	background: url("../images/acount-bg.jpg") no-repeat bottom;
	background-color: #9C9C9C;
}
.bg-white-trans{
	background-color: rgba(255,255,255,0.7);
	
}
/* Change the width of the three columns to 100% 
(to stack horizontally on small screens) */
@media only screen and (max-width: 600px) {
.columns {
	width: 24.5%;
	font-size:11px !important;
  }
	/* List items */
.price li {
	border-bottom: 1px solid #eee;
	/*  padding: 20px;*/
	text-align: center;
	height:80px;
	padding-top: 30px;	
	line-height: 15px;
	

	}
.price2 li{
	height:80px;
	}
.price3 li{
	height:80px;
	}
.price4 li{
	height:80px;
	}
}