/* Medium Devices, Tablets */
@media only screen and (max-width : 991px) {
	.top_head>div>h2 {
		font-size: 26px;
		margin-right: 15px;
	}
	.top_head>div>p {
		font-size: 16px;
		margin: 0;
		height: 37px;
	}
	.top_head>div>aside {
		width: 200px;
	}
	.top_head>div>aside a {
		padding: 9px 10px;
		font-size: 16px;
	}

	header>div>.price h4 span {
		font-size: 57px;
	}

	.overflow>header {
		height: auto;
	}
	.btn {
		max-width: 250px;
		height: 90px;
		width: 100%;
		background-size: 100% 100% !important;
		font-size: 35px;

	}
	header>div>.timer {
		margin-top: 85px;
	}
	header>div>img {
		left: 540px;
		right: auto;
		bottom: -7px;
	}

	#sec_scr>div>ul li:nth-child(3) {
		bottom: 150px;
		right: 0;
	}

	#sec_scr>div>img {
		position: relative;
		display: block;
		margin: 40px auto 0;
		width: 100%;
		top: auto;
		right: auto;
	}

	#third_scr {
		height: auto;
		padding: 60px 0 0;
		background: none;
	}
	#third_scr>div>h3 {
		margin-bottom: 20px;
	}
	#third_scr>div>ul li:before {
		display: inline-block;
		position: static;
	}
	#third_scr>div>.left_ul {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	#third_scr>div>.right_ul {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	#third_scr>div>.left_ul li:after {
		width: 100% !important;
	}
	#third_scr>div>.right_ul li:after {
		width: 100% !important;
	}
	#third_scr>div>.left_ul li {
		padding-left: 0;
	}
	#third_scr>div>.right_ul li {
		padding-right: 0;
	}

	#sixth_scr>div>article, 
	#sixth_scr>div>ul {
		display: block;
		max-width: 400px;
		width: auto;
		margin: 0 auto;
	}
	#sixth_scr>div>ul li {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
		background-color: #fff;
	}

	#seventh_scr .btn:before {
		display: none;
	}
	#seventh_scr .btn {
		bottom: -0px;
		right: 20px;
	}
	#seventh_scr>div>img {
		right: 42px;
	}
	#seventh_scr>div>header {
		height: auto;
		width: calc(100% - 310px);
	}
	#seventh_scr>div>header:after {
		height: 100%;
		background-size: auto 100%;
		background-position: -1px 0;
	}
	#seventh_scr>div>header h3 {
		font-size: 48px;
	}
	#seventh_scr>div>header p {
		font-size: 18px;
	}

	#eight_scr>div>ul li {
		width: 100%;
		max-width: 740px;
		float: none;
		display: block;
		margin: 25px auto 85px;
	}
	#eight_scr>div>ul li:after {
		content: '';
		display: table;
		clear: both;
	}
	#eight_scr>div>ul li header {
		height: 255px;
		margin-bottom: 25px;
		float: left;
		width: 49%;
	}
	#eight_scr>div>ul li>div {
		float: none;
		width: 48%;
		margin: 30px auto 0
	}

	#eight_scr>div>h3 {
		font-size: 32px;
	}

	#footer img#prod {
		left: auto;
		right: 50px;
		top: 300px;
	}
	#footer>div>form {
		display: block;
		max-width: 380px;
		width: auto;
	}
	#footer>div>form:after {
		display: none;
	}
	#footer form .btn {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		top: 30px;
		left: 0;
		margin-bottom: 0;
	}

}

/* Small Devices, iPad mini */
@media only screen and (max-width : 767px) {
	.top_head>div>p {
		display: none;
	}

	.overflow>header {
		background-position: left top;
		background: #25343c;
		text-align: center;
		height: auto;
		background-size: cover;
	}
	header>div>ul li {
		display: inline-block;
		vertical-align: top;
	}
	header>div>h3 {
		text-align: center;
		font-size: 33px;
	}
	header>div>h3 span {
		font-size: 55px;
		line-height: 1;
	}

	header>div>p {
		font-size: 24px;
		margin-bottom: 20px;
	}
	header>div>p span {
		font-size: 30px;
		vertical-align: middle;
		top: 0;
		left: 0;
		margin: 10px 10px;
	}

	header>div>.price h4 {
		margin-right: 0;
		display: block;
	}
	header>div>.price p {
		margin-right: 0;
	}

	header>div>img {
		position: static;
		display: block;
		margin: 20px auto 0;
	}
	header>div>.timer {
		background-color: #ffba02;
		width: auto;
		margin-left: -10px;
		margin-right: -10px;
		padding-top: 15px;
		margin-top: 25px;
		padding-bottom: 20px;
	}
	.overflow header .btn {
		margin: 15px auto;
	}
	.overflow header .btn:after {
		display: none;
	}

	#sec_scr {
		padding-top: 40px;
	}
	#sec_scr>div>article {
		width: auto;
		text-align: center;
	}

	#fifth_scr h3 {
		font-size: 40px;
	}
	#fifth_scr h3 span {
		font-size: 55px;
	}

	#fifth_scr ul li {
		font-size: 18px;
		padding-left: 67px;
		min-height: 40px;
	}
	#fifth_scr ul li:before {
		width: 50px;
		height: 40px;
		background-size: cover;
	}
	#fifth_scr>article {
		font-size: 34px;
	}

	#sixth_scr {
		padding: 25px 0 65px;
	}
	#sixth_scr>div>img {
		display: none;
	}

	#seventh_scr>div>img {
		position: static;
		display: block;
		margin: 15px auto;
	}
	#seventh_scr .btn {
		position: static;
		text-align: center;
		margin: 15px auto;
	}
	#seventh_scr>div>ul {
		max-width: 420px;
		margin: 0 auto;
	}
	#seventh_scr>div>ul li {
		margin: 30px 0;
	}
	#seventh_scr>div>header {
		width: auto;
		display: block;
		text-align: center;
		margin: 15px -10px;
		padding: 5px 10px;
	}
	#seventh_scr>div>header:before {
		display: none;
	}
	#seventh_scr>div>header:after {
		display: none;
	}

	#eight_scr {
		padding: 50px 0 0;
	}
	#eight_scr>div>ul li>div>h4 {
		font-size: 22px;
	}

	#ten_scr h3 {
		font-size: 33px;
	}
	#ten_scr>div>p {
		font-size: 23px;
	}
	#ten_scr ul li {
		max-width: 330px;
		width: 100%;
		float: none;
		display: block;
		margin: 15px auto 25px;
	}

	#eleven_scr>div>h3 {
		font-size: 33px;
	}

	#eleven_scr>div>ul li img {
		width: 140px;
	}
	#eleven_scr>div>ul li:nth-child(2n+1) {
		padding-left: 160px;
	}
	#eleven_scr>div>ul li:nth-child(2n+2) {
		padding-right: 160px;
	}

	#footer {
		text-align: center;
		background-size: cover;
		position: relative;
		padding-bottom: 0;
	}
	#footer h3 {
		font-size: 36px;
	}
	#footer h3 span {
		font-size: 42px;
	}
	#footer img#prod {
		position: static;
		display: block;
		margin: 15px auto;
	}
	#footer>div>form {
		margin: 15px auto 50px;
	}
	#footer form>.price h4 {
		font-size: 20px;
	}
	#footer form>.price h4 span {
		font-size: 42px;
	}
	#footer form>.price p {
		font-size: 16px;
	}
	#footer form>.price p span {
		font-size: 21px;
	}
	#footer aside {
		background-color: #fff;
		margin-left: -10px;
		margin-right: -10px;
		padding: 15px 0;
	}

}

/* Small Devices, Phones */
@media only screen and (max-width : 574px) {
	header>div>.price h4 {
		font-size: 20px;
	}
	header>div>.price h4 span {
		font-size: 42px;
		margin-bottom: 15px;
	}
	header>div>.price p {
		font-size: 16px;
	}
	header>div>.price p span {
		font-size: 22px;
	}
	header>div>h3 {
		font-size: 28px;
	}
	header>div>h3 span {
		font-size: 42px;
	}

	#sec_scr>div>h3 {
		font-size: 39px;
		margin-bottom: 15px;
	}
	#sec_scr>div>ul {
		width: auto;
		height: auto;
		background: none;
		margin: 20px 0;
	}
	#sec_scr>div>ul li {
		position: relative;
		left: 0 !important;
		top: 0 !important;
		display: block;
		margin: 20px auto;
		width: auto;
		padding-left: 50px;
	}
	#sec_scr>div>ul li:before {
		width: 30px;
		height: 25px;
		background-size: cover;
		top: 20px;
	}
	#sec_scr>div>ul li:after {
		display: none;
	}

	#third_scr>div>h3 {
		font-size: 35px;
	}

	#fifth_scr h3 {
		font-size: 20px;
	}
	#fifth_scr h3 span {
		font-size: 35px;
	}

	#sixth_scr>div>article ul:after {
		right: 0;
	}

	#eight_scr>div>ul li {
		max-width: 340px;
	}
	#eight_scr>div>ul li header {
		width: 100%;
		float: none;
	}
	#eight_scr>div>ul li>div {
		width: 100%;
		float: none;
		height: auto;
		padding-bottom: 20px;
	}
	header span:nth-child(3) {
		bottom: 25px;
		left: 55px;
	}

	#eleven_scr>div>ul li img {
		position: static;
		display: block;
		margin: 10px auto;
	}
	#eleven_scr>div>ul li:nth-child(2n+1) {
		padding-left: 0;
	}
	#eleven_scr>div>ul li:nth-child(2n+2) {
		padding-right: 0;
	}
	#eleven_scr>div>ul li p {
		font-size: 18px;
		margin-top: 20px;
	}

}
@media only screen and (max-width : 479px) {
	.wrapper {
		padding: 0 10px;
	}

	.top_head {
		padding: 10px 0;
	}
	.top_head>div>h2 {
		font-size: 20px;
	}
	.top_head>div>aside {
		width: auto;
		margin: 0;
	}
	.top_head>div>aside a {
		padding: 5px 5px;
	}
}

/* Extra Small Devices, iPhone Retina */
@media only screen and (max-width : 374px) {
	.top_head>div>h2 {
		font-size: 17px;
	}
	.top_head>div>aside a {
		font-size: 14px;
	}
}