@media (min-width: 320px) {
	#top {
		height: auto;
		padding: 10px;
	}
	.top-inner {
		width: 100%;
	}
	.main-nav {
	  padding-top: 10px;
	  margin-right: 10px;
	}
	.main-nav a {
	  font-size: 12px;
	}
	.top-wrap img {
		width: 100%;
		height: auto;
	}
	.top-wrap a.more img {
	  width: 200px;
	  height: auto;
	  margin-top: -90px;
	  margin-left: 10px;
	}
	#middle {
		width: 100%;
	}
	.about p {
		font-size: 12px;
	 	padding-top: 20%;
	}
	.feature  {
		padding: 15px;
	}
	.feature ul li {
		width: 100%;
		height: auto;
		padding: 0;
	}
	.price-container {
		margin: 0 auto;
  		width: 200px;
	}
	.price {
		margin-bottom: 25px;
	}
	.best {
		margin-top: 10px;
	}
	.t-price,
	.t-why,
	.t-signup,
	.t-signin {
		padding-left: 10px;
	}
	.contactTable {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.contactTable form input {
		width: 200px;
	}
	#bottom .footer {
		font-size: 9px;
	}
	.bottom-inner, 
	.footer div {
	  width: 100%;
	  margin: 0 auto;
	}
}
@media (min-width: 768px) {
	#top {
		height: auto;
		padding: 10px;
	}
	.top-inner {
		width: 100%;
	}
	.main-nav {
	  padding-top: 0;
	  margin-right: 0;
	}
	.main-nav a {
	  font-size: 14px;
	}
	.top-wrap img {
		width: 100%;
		height: auto;
	}
	.top-wrap a.more img {
	  width: auto;
	  height: auto;
	  margin-top: -20px;
	  margin-left: 10px;
	}
	#middle {
		width: 100%;
	}
	.about p {
		font-size: 14px;
	 	padding-top: 0;
	}
	.feature  {
		padding: 10px;
	}
	.feature ul li {
	  float: left;
	  width: 27%;
	  height: 400px;
	  padding: 20px;
	}
	.price-container {
		margin: 0 auto;
  		width: 400px;
	}
	.price {
		margin-bottom: 0;
	}
	.best {
		margin-top: 0;
	}
	.t-price,
	.t-why,
	.t-signup,
	.t-signin {
		padding-left: 10px;
	}
	.contactTable {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 0;
	}
	.contactTable form input {
		width: auto;
	}
	#bottom .footer {
		font-size: 12px;
	}
	.bottom-inner, 
	.footer div {
	  width: 100%;
	  margin: 0 auto;
	}
}
@media (min-width: 1200px) {
	#top {
		height: auto;
		padding: 20px;
	}
	.top-inner {
		width: 960px;
	}
	.main-nav {
	  padding-top: 0;
	  margin-right: 0;
	}
	.main-nav a {
	  font-size: 16px;
	}
	.top-wrap img {
		width: 958px;
		height: 448px;
	}
	.top-wrap a.more img {
	  width: auto;
	  height: auto;
	  margin-top: 40px;
	  margin-left: 0;
	}
	#middle {
		width: 960px;
	}
	.about p {
		font-size: 14px;
	 	padding-top: 0;
	}
	.feature  {
		padding: 0;
	}
	.feature ul li {
	  float: left;
	  width: 29%;
	  height: 400px;
	  padding: 20px;
	}
	.price-container {
		margin: 60px auto;
  		width: 800px;
  		padding-left: 0;
	}
	.t-price,
	.t-why,
	.t-signup,
	.t-signin {
		padding-left: 0;
	}
	.contactTable {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	.contactTable form input {
		width: auto;
	}
	#bottom .footer {
		font-size: 12px;
	}
	.bottom-inner, 
	.footer div {
	  width: 960px;
	  margin: 0 auto;
	}
}

 @media screen and (max-width: 768px) {
	table {
		overflow-x: auto;
		display: block;
		margin-bottom: 30px;
	}
}