@media screen and (max-width:1366px) {
	#nav ul li a {
	padding: 6% 1%;
  }
}
@media screen and (max-width:1024px) {
	.sticky {
	width: 95%;
  }
	.container {
	width: 95%;
  }
}
@media screen and (max-width:980px) {
	.modal-content {
	top: 5%;
	max-height: calc(100vh - 510px);
  }
}
@media screen and (max-width:900px) {
	.buyit-inline {
		font-size: 88%;
	}
}
@media screen and (max-width:800px) {
	.title {
	font-size: 125%;
  }
	#nav ul li a {
	font-size: 88%;
  }
	.page-title {
	font-size: 113%;
  }
	p {
	font-size: 88%;
  }
	.sub-title {
	font-size: 100%;
  }
	.content-list li {
	font-size: 88%;
  }
	.buyit-inline {
		font-size: 75%;
		padding: 4% 4%;
	}
	.numb-list li {
		font-size: 88%;
	}
	.point-list li {
		font-size: 88%;
	}
}
@media screen and (max-width:768px) {
	#nav ul li a {
	font-size: 75%;
  }
}
@media screen and (max-width:720px) {
	#nav ul li a {
	font-size: 100%;
  }
	footer {
	font-size: 75%;
  }
	.row {
	display: block;
  }
	.buyit-inline {
	font-size: 88%;
	padding: 2% 4%;
  }
	ul.content-list {
	width: 320px;
  }
	.column-home {
		padding: 0;
	}
}
@media screen and (max-width:640px) {
	.modal-content {
	top: 15%;
	max-height: calc(100vh - 70px);
  }
	.modal-header {
	font-size: 88%;
  }
}
@media screen and (max-width:480px) {
	#nav ul li a {
	padding: 4% 1%;
  }
	.accordion button {
	padding: 6%;
  }
	.numb-list li {
	margin-left: 6%;
  }
	.modal-content {
	max-height: calc(100vh - 210px);
  }
}
@media screen and (max-width:375px) {
	.buyit-inline {
	font-size: 75%;
	padding: 6% 6%;
  }
	p {
	padding: 4% 2%;
  }
}
/* form media queries */
@media all and (min-width: 768px) and (max-width: 979px) {
	.content {width: 750px;
	}
}
@media all and (max-width: 767px) {
			body {
		word-wrap:break-word
	}
		.content {
		width:auto;
	}
		div#central {	
		margin: 40px 20px 100px 20px;
	}		
}