#headerim-pricing{
background-image: url(/images/headerim-pricing.jpg);
}

.plan-icon img{
margin-top: 20px;
}

#plan-silver .plan-icon img{
margin-top: 45px;
}


.plan-icon label{
display: block;
margin-top: 20px;
font-size: 16px;
letter-spacing: 3px;
}


.plan-price span{
color: #2b2b2b;
font-weight: bold;
}

.plan-price .small{
font-size: 16px;
}

.plan-price .big{
font-size: 30px;
}


#plan-free{
background-color: #ffee88;
}
#plan-silver{
background-color: #ffda62;
}
#plan-gold{
background-color: #ffc03a;
}

.plan-icon label, .plan-price, .plan-info{
color: #1d1d25 !important;
}

@media screen and (min-width: 768px) {

	#btnget{
	margin-top: -75px;
	font-size: 16px;
	}

	#headerim-pricing{
	min-height: 485px !important;
	height: 485px !important;
	}

	.plan-icon label, .plan-price, .plan-info{
	text-align: center;
	}


	.plan-icon{
	background-color: #ffffff;
	text-align: center;
	}

	.plan-info{
	height: 73px;
	padding-top: 5px;
	line-height: 30px;
	}

	.plan-price{
	height: 56px;
	padding-top: 15px;
	width: 115px;
	margin: 0 auto;
	border-bottom: 1px solid #807744;
	display: block;
	line-height: 20px;
	font-size: 12px;
	}

	#plan-free .plan-icon, #plan-gold .plan-icon{
	height: 130px;
	background-color: #f5f4f4;
	}


	#plan-free, #plan-gold{
	width: 192px; float: left;
	margin-top: 25px;
	}
	#plan-silver{
	width: 200px; float: left;
	}


	#plan-label{
	width: 394px; float: left;
	}

	#plan-silver .plan-icon{
	height: 155px;
	background-image: url(/images/pricing-best-choice.png);
	background-repeat: no-repeat;
	}


	#plan-free, #plan-free .plan-icon, .planinfo-column-left{
	background-image: url(/images/shadow-left.png);
	background-position: right top;
	background-repeat: repeat-y;
	}

	#plan-gold, #plan-gold .plan-icon, .planinfo-column-right{
	background-image: url(/images/shadow-right.png);
	background-position: left top;
	background-repeat: repeat-y;
	}



	.planinfo-label, .planinfo-title{
	width: 394px; float: left;
	}
	.planinfo-column-left, .planinfo-column-right{
	width: 192px; float: left;
	background-color: #f5f4f4;
	text-align: center;
	height: 50px;
	}
	.planinfo-column-middle{
	width: 200px; float: left;
	text-align: center;
	}

	.planinfo-item img.itemp{
	width: 20px;
	}

	.planinfo-item img.itemx{
	width: 16px;
	}

	.bb1{
	border-bottom: 1px solid #dbdbdb;
	height: 20px;
	padding: 15px 0;
	}

	#plansinfo .planinfo-item:last-child .bb1{
	border: 0;
	}

	.bglast{
	background: url(/images/pricing-column-middle-shadow-bottom.png) left top repeat-x;
	height: 23px;
	}

	.planinfo-column-left.nobg{
	background-color: #ffffff;
	background-image: url(/images/pricing-column-middle-shadow-left.png);
	height: 23px;
	}

	.planinfo-column-right.nobg{
	background-color: #ffffff;
	background-image: url(/images/pricing-column-middle-shadow-right.png);
	height: 23px;
	}

}



.planinfo-items, .planinfo-item, .planinfo-group{
clear: both;
}


@media screen and (max-width: 768px) {

	#btnget{

	width: 80%;
	margin-left: 10%;
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	}

	#headerim-pricing{
	min-height: 600px !important;
	height: 600px !important;
	}

	.plan-icon{
	background: none !important;
	width: 32%;
	margin-left: 3%;
	text-align: left;
	}
	.plan-icon label{
	font-size: 22px;
	padding-top: 10px;
	}

	.plan-icon img{
	display: none;
	}
	#plan-label{
	font-size: 30px;
	padding: 20px 50px;
	width: auto;
	text-align: center;
	float: none;
	}

	#header-content .container{
	padding-top: 100px !important;
	}
	.pricing-plan{
	float: none;
	width: 80%;
	margin: 0 auto;
	height: 92px;
	clear: both;
	margin-bottom: 15px;
	}

	.pricing-plan div{
	float: left;
	}

	.plan-price{
	float: left;
	width: 25%;
	display: block;
	height: 78px;
	padding-top: 12px;
	text-align: center;
	}

	.plan-info{
	width: 37%;
	text-align: right;
	margin-top: 25px;

	font-size: 16px;
	}

	#plan-free .plan-info{
	margin-top: 35px;
	}

	.headerim {
 	 background-position: left bottom;
 	background-size: auto 530px;

	}

	.planinfo-label{
	padding: 30px 50px 30px 30px;
	font-size: 22px;
	background: url(/images/pricing-arrow.png) 95% center no-repeat;
	}

	.planinfo-title{
	padding: 30px 0;
	border-bottom: 1px solid #aeaeae;
	clear: both;
	text-align: center;
	font-size: 18px;
	background: #f1f1f1;
	}

	.planinfo-column-left span, .planinfo-column-middle span, .planinfo-column-right span{

	font-size: 18px;
	line-height: 35px;
	}
	.planinfo-column-left, .planinfo-column-middle, .planinfo-column-right{
	width: 33.33%; float: left;
	text-align: center;
	border-bottom: 1px solid #aeaeae;
	padding: 20px 0;
	height: 35px;
	}

	#plansinfo{
	padding: 0 !important;
	}

	.planinfo-label-column{
	border: 0 !important;
	padding: 5px 0;
	}

	.planinfo-label-column.planinfo-column-left:after{
	content:'FREE';
	padding: 10px 50px;
	font-size: 22px;
	font-family: OpenSansBold;
	background: #ffed87;
	color: #1d1d25;
	}

	.planinfo-label-column.planinfo-column-middle:after{
	content:'SILVER';
	padding: 10px 40px;
	font-size: 22px;
	font-family: OpenSansBold;
	background: #ffdb62;
	color: #1d1d25;
	}
	.planinfo-label-column.planinfo-column-right:after{
	content:'GOLD';
	padding: 10px 50px;
	font-size: 22px;
	font-family: OpenSansBold;
	background: #ffc03a;
	color: #1d1d25;
	}

	.planinfo-items, .planinfo-label-column{
	display: none;
	}

	.planinfo-group{
	border-bottom: 1px solid #aeaeae;
	}

	#planinfo-group-active .planinfo-items{
	border-bottom: 0;
	}

	#planinfo-group-active .planinfo-items, #planinfo-group-active .planinfo-label-column{
	display: block;
	}

	#planinfo-group-active .planinfo-label{

	background: url(/images/pricing-arrow-up.png) 95% center no-repeat;
	}

}