/*default layout*/
body{
	font-size: 15px;
}
h2{
	margin-bottom: 20px;
}
p {
  line-height: 26px;
  margin-bottom: 25px;
}
.wrapper {
  padding: 0 50px;
  width: 860px;
}
.wide{
	width: 960px;
}
.home p {
  font-size: 24px;
}
.home .part-1-down {
  margin: 125px auto 160px;
}
.part-1-up {
  margin-top: 35px;
}
.part-1-up-1 img {
  width: 150px;
}
.part-1-up-2 ul li a {
  font-size: 14px;
  padding: 15px 27px;
}
#desktop-menu{
	display: block;
}
#menu{
	display: none;
}
.part-1-down h2 {
  font-size: 38px;
}
.part-2, .part-3, .part-4, .part-5, .part-6, .part-7{
  padding: 40px 0 20px;
}
.footer {
  padding: 30px 0 17px;
}
.footer p {
  margin-left: 295px;
  font-size: 12px;
}
.footer ul li a {
  padding: 4px 15px;
}
.footer ul li a img {
  height: 15px;
}
.buy .part-1-down,.contact .part-1-down {
  margin: 70px auto 100px;
}
.contact-2 h2 {
  font-size: 24px;
  margin-bottom: 25px;
}
.part-3-2 {
  width: 400px;
}
.part-3-2 input[type="text"] {
  height: 40px;
}
.junk p {
  line-height: 20px;
  padding: 0 20px;
}
.junk .part-1-down {
  margin: 75px auto 60px;
}

/*tablet layout*/
@media only screen and (min-width: 768px) and (max-width: 991px){
body{
	font-size: 13px;
}
h2{
	margin-bottom: 10px;
	font-size: 18px;
}
p {
  line-height: 24px;
  margin-bottom: 20px;
}
.wrapper{
	width: 670px;
	padding: 0 40px;
}
.wide{
	width: 750px;
}
.home p {
  font-size: 20px;
}
.home .part-1-down {
  margin: 55px auto 125px;
}
.part-1-up {
  margin-top: 30px;
}
.part-1-up-1 img {
  width: 125px;
}
.part-1-up-2 ul li a {
  font-size: 12px;
  padding: 15px 20px;
}
#desktop-menu{
	display: block;
}
#menu{
	display: none;
}
.part-1-down h2 {
  font-size: 32px;
  margin-bottom: 15px;
}
.part-2, .part-3, .part-4, .part-5, .part-6, .part-7 {
  padding: 35px 0 15px;
}
.footer {
  padding: 25px 0 15px;
}
.footer p {
  margin-left: 215px;
  font-size: 10px;
}
.footer ul li a {
  padding: 6px 10px;
}
.footer ul li a img {
  height: 12px;
}
.junk p {
  line-height: 18px;
  padding: 0 105px;
}
.junk .part-1-down {
  margin: 45px auto 35px;
}
.buy .part-1-down, .contact .part-1-down{
  margin: 50px auto 85px;
}
.contact-2 h2 {
  font-size: 22px;
  margin-bottom: 23px;
}
.part-3-2 {
  width: 355px;
}
.part-3-2 input[type="text"] {
  height: 37px;
}
}

@media only screen and (min-width: 640px) and (max-width: 767px){
body{
	font-size: 13px;
}
h2{
	margin-bottom: 10px;
	font-size: 18px;
}
p {
  line-height: 24px;
  margin-bottom: 20px;
}
.wrapper{
	width: 520px;
	padding: 0 40px;
}
.wide{
	width: 600px;
}
.home p {
  font-size: 19px;
}
.home .part-1-down {
  margin: 55px auto 107px;
}
.part-1-up {
  margin-top: 30px;
}
.part-1-up-1 img {
  width: 125px;
}
.part-1-up-2 ul li a {
  font-size: 11px;
  padding: 15px 9px;
}
#desktop-menu{
	display: block;
}
#menu{
	display: none;
}
.part-1-down h2 {
  font-size: 26px;
  margin-bottom: 11px;
  white-space: nowrap;
}
.part-2, .part-3, .part-4, .part-5, .part-6, .part-7 {
  padding: 35px 0 15px;
}
.footer {
  padding: 25px 0 15px;
}
.footer p {
  font-size: 10px;
  margin-left: 130px;
}
.footer ul li a {
  padding: 6px 10px;
}
.footer ul li a img {
  height: 12px;
}
.junk p {
  line-height: 18px;
  padding: 0 105px;
}
.junk .part-1-down {
  margin: 45px auto 35px;
}
.buy .part-1-down, .contact .part-1-down{
  margin: 50px auto 85px;
}
.contact-2 h2 {
  font-size: 22px;
  margin-bottom: 23px;
}
.part-3-2 {
  width: 355px;
}
.part-3-2 input[type="text"] {
  height: 37px;
}
.junk{
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/bg.jpg") scroll no-repeat center center;
  background-size: auto 100%;
}
}

/*wide mobile layout*/
@media only screen and (min-width: 480px) and (max-width: 640px){
body{
	font-size: 12px;
}
h2 {
  margin-bottom: 13px;
  font-size: 16px;
}
p {
  line-height: 23px;
  margin-bottom: 11px;
}
.wrapper{
	width: 410px;
	padding: 0 20px;
}
.wide{
	width: 450px;
}
.home {
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/home-bg.jpg") scroll no-repeat center center;
  background-size: auto 100%;
}
.home p {
  font-size: 16px;
}
.home .part-1-down {
  margin: 70px auto 90px;
}
.part-1-up {
  margin-top: 50px;
}
.part-1-up-1 {
  float: none;
}
.part-1-up-1 img {
  display: block;
  margin: 0 auto;
  width: 160px;
}
#desktop-menu{
	display: none;
}
#menu{
	display: block;
}
.part-1-down h2 {
  font-size: 20px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.part-2, .part-3, .part-4, .part-5, .part-6, .part-7 {
  padding: 35px 0 15px;
}
.footer {
  padding: 23px 0 27px;
}
.footer p{
	margin-left: 0;
	font-size: 9px;
}
.footer ul li a {
  padding: 4px 13px;
}
.footer ul li a img {
  height: 12px;
}
.footer-1, .footer-2 {
  float: none;
  margin: 0 auto;
  overflow: hidden;
}
.footer-2 {
  width: 108px;
}
.junk p {
  line-height: 20px;
  padding: 0 55px;
}
.junk, .buy, .contact {
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/bg.jpg") scroll no-repeat center center;
  background-size: auto 100%;
}
.buy .part-1-down, .contact .part-1-down {
  margin: 50px auto 70px;
}
.part-3-2 {
  width: 360px;
  margin-top: 20px;
}
.part-3-2 a {
  margin: 25px auto 45px;
}
.part-3-2 input[type="text"] {
  height: 35px;
}
}

@media only screen and (min-width: 600px) and (max-width: 640px){
.buy, .contact {
  background-size: 100%;
}
.part-3-2 {
  width: 360px;
  margin-top: 20px;
}
.part-3-2 a {
  margin: 25px auto 45px;
}
.part-3-2 input[type="text"] {
  height: 35px;
}
}

/*mobile layout*/
@media only screen and (max-width: 479px){
.wrapper{
	width: 300px;
	padding: 0;
}
.wide{
	width: 300px;
}
body{
	font-size: 12px;
}
h2 {
  margin-bottom: 13px;
  font-size: 16px;
}
p {
  line-height: 23px;
  margin-bottom: 11px;
}
.home {
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/home-bg.jpg") scroll no-repeat center center;
  background-size: auto 100%;
}
.home p {
  font-size: 13px;
}
.home .part-1-down {
  margin: 70px auto 80px;
}
.part-1-up {
  margin-top: 50px;
}
.part-1-up-1 {
  float: none;
}
.part-1-up-1 img {
  display: block;
  margin: 0 auto;
  width: 145px;
}
#desktop-menu{
	display: none;
}
#menu{
	display: block;
}
.part-1-down h2 {
  font-size: 18px;
  margin-bottom: 5px;
}
.part-2, .part-3, .part-4, .part-5, .part-6, .part-7 {
  padding: 35px 0 15px;
}
.footer {
  padding: 23px 0 27px;
}
.footer p{
	margin-left: 0;
	font-size: 9px;
}
.footer ul li a {
  padding: 4px 13px;
}
.footer ul li a img {
  height: 12px;
}
.footer-1, .footer-2 {
  float: none;
  margin: 0 auto;
  overflow: hidden;
}
.footer-2 {
  width: 108px;
}
.junk, .buy, .contact {
  background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/bg.jpg") scroll no-repeat center center;
  background-size: auto 100%;
}
.buy .part-1-down, .contact .part-1-down {
  margin: 50px auto 70px;
}
.part-3-2 {
  width: 285px;
  margin-top: 15px;
}
.part-3-2 a {
  margin: 25px auto 45px;
  width: 100%;
  padding: 12px 0 8px;
}
.part-3-2 input[type="text"] {
  height: 35px;
}
}