@media only screen and (min-width : 0px) and (max-width :  640px) {
	.price-be{display:none}
	.prgm-box{ width:auto; max-width:100%; float:none; margin:0 2% 10% 2% !important}
	.sub{display:block; float:left; width:60%; border-right:1px solid #7d8181; margin-right:4%; text-align:left}
	.price-content{font-size:16px; padding:4%}
	.price-container p{font-size:16px; }
	.mobilesite-banner {padding: 0;}
	.mobilesite-banner .left-content {width: 98%; margin: auto; float: none;}
	.mobilesite-banner h1 { font-size: 39px; line-height: 44px;}
	.mobilesite-banner img { max-width: 70%; margin: auto;  float: none;}
	.mobile-prgrm-section1 .right-content {width: 98%; margin: auto; float: none;}
	.mobile-prgrm-section1 .right-content h1{font-size: 33px;}
	.price-box {margin: auto; float: none; border: none;}
	.mobile-prgrm-section2 .inner-block {width: 95%; margin: auto; float: none;}
	.mobile-prgrm-section2 .btn-signup {margin: auto; width: 90%; float: none;}
	.sign-up2 {padding: 5px 7px;}
	.sign-up {padding: 5px 7px;}
	.top-nav .right-menu li {font-size: 12px;}
}
/*portrait*/
@media only screen and (min-width : 241px) and (max-width :  320px) {

	
}
/*portrait*/
@media only screen and (min-width : 321px) and (max-width :  480px) {

	
}

@media only screen and (max-width: 800px) and (min-width: 641px) {
	.mobile-prgrm-section2 .inner-block {width: 95%; margin: auto; float: none;}

}
@media only screen and (max-width: 990px) and (min-width: 480px) {
	
	.mobilesite-banner h1 { font-size: 39px; line-height: 44px;}
	.mobilesite-banner img { max-width: 50%;}
	.mobile-prgrm-section1 img {max-width: 50%;}
	.price-box {margin: auto; float: none; border: none;}
}


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

	

}