@media screen and (max-width: 1169px) {
	h1 {
		font-size: 40px;
	}
	
	.container {
		width: 620px;
		padding: 0 10px;
	}
	
	/* header */
	.header {
		background: url("../img/header-1.jpg") no-repeat center 0;
		height: 777px;
	}
	
	.header h1 {
		background: url("../img/title-1.png") no-repeat center 0;
		width: 600px;
		height: 90px; 
		padding: 37px 0 0 0; 
	}

	.header ul {
		padding: 25px 0 0 100px;
		float: none;
	}

	.header .right-side {
		padding: 30px 0 0 0;
		width: auto;
		float: none;
	}
	
	/* characteristics */
	.characteristics .items {
		width: 300px;
	} 

	.characteristics .image {
		position: static; 
	}
	
	/* usage */
	.usage {
		background: url("../img/usage-1.jpg") no-repeat center 0;
		background-size: cover;
		height: auto;
	}

	.usage h1 {
		padding: 40px 0 35px 0;
		text-align: center;
	}

	.usage .item { 
		padding: 0 23px 25px 24px;
	} 
	
	/* photogallery */
	.photogallery {
		padding-bottom: 35px;
	}

	.photogallery h1 {
		text-align: center;
		padding: 15px 0 35px 0;
	}

	.photogallery .item {
		height: 150px;
		width: 150px; 
		margin: 0 18px 30px 18px;
	}

	.photogallery .item.last {
		margin: 0 18px 30px 18px;
	}

	.photogallery .item img {
		height: 150px;
	}

	.photogallery .btn {
		margin-top: 21px;
	}
	
	/* reviews */
	.reviews {
		background: url("../img/reviews-1.jpg") no-repeat center 0;
		background-size: cover;
		height: auto;
	}

	.reviews h1 {
		text-align: center;
		color: #fff;
		padding: 40px 0;
	}

	.reviews .item {
		width: 351px;
		margin: 0 auto;
		padding-bottom: 30px;
		float: none;
	}

	.reviews .item.last {
		margin: 0 auto;
	}
	
	/* how-work */
	.how-work {
		background-size: cover;
		height: auto;
		padding-bottom: 30px;
	}

	.how-work h1 {
		text-align: center;
		padding: 30px 0 30px 0;
	}

	.how-work .item {
		display: inline-block;
		padding: 0 35px 35px 35px;
	} 
	
	/* footer */
	.footer {
		background: url("../img/footer-1.jpg") no-repeat center 0;
		height: 1170px;
		padding-top: 30px;
	}

	.footer h1 { 
		background: url("../img/title-1.png") no-repeat center 0;
		width: 600px;
		height: 90px; 
		padding: 37px 0 0 0; 
		margin: 0 auto;
		float: none;
	} 

	.footer .right-side {
		position: relative;
		float: none;
		width: auto;
	}

	.footer .price {
		padding: 30px 0 7px 0;
	}

	.footer .countdown {
		padding-bottom: 35px;
	}

	.footer .btn {
		margin-top: 25px;
	}

	.footer .label {
		position: static;
		margin:350px auto 0 auto;
	}

	.footer .label div {
		font-family: 'Bebas Neue',arial,sans-serif;
		font-size: 72px;
		line-height: 72px;
	}

}

@media screen and (max-width: 639px) { 
	.container {
		width: 300px;
		padding: 0 10px;
	} 
	
	h1 {
		line-height: .9;
	}
	
	/* countdown */
	.countdown div span {
		width: 90px;
		height: 86px; 
		background: url("../img/timer-1.png") no-repeat 0 -1px;
		margin: 0 -10px; 
		font-size: 32px; 
		line-height: 86px;
	}

	.countdown div span.hours {
		background-position: 0 -86px;
	}

	.countdown div span.mins {
		background-position: 0 -172px;
	}

	.countdown div span.secs {
		background-position: 0 bottom;
	}
	
	/* btn */
	.btn {
		background: url("../img/btns-1.png") no-repeat 0 0;
		width: 300px;
		height: 77px; 
		line-height: 65px;
		font-size: 44px; 
	}

	button.btn {
		padding-bottom: 13px;
	}

	button.btn:focus {
		padding-bottom: 12px;
	}

	.btn:hover {
		background-position: 0 -77px;
	}

	.btn:focus {
		background-position: 0 bottom;
		padding-top: 1px;
	}

	/* header */
	.header {
		background: url("../img/header-s.jpg") no-repeat center 0;
	}
	
	.header h1 {
		background: none;
		color: #fff;
		width: auto;
		height: auto; 
		padding: 5px 0 0 0;
	}

	.header ul {
		padding: 25px 0 0 0;
		float: none;
	}
	
	.header ul  li {
		line-height: 1.25;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	
	
	/* characteristics */
	.characteristics h1 {
		padding: 25px 0;
	}
	
	.characteristics .items {
		width: auto;
		float: none;
	} 

	.characteristics .image {
		position: static; 
	}
	
	/* photogallery */
	.photogallery h1 {
		text-align: center;
		padding: 25px 0 20px 0;
	}

	.photogallery .item {
		height: 130px;
		width: 130px; 
		margin: 0 5px 15px 5px;
	}

	.photogallery .item.last {
		margin: 0 5px 15px 5px;
	}

	.photogallery .item img {
		height: 130px;
	}

	.photogallery .btn {
		margin-top: 21px;
	}
	
	/* reviews */
	.reviews .item {
		width: auto;
		padding-bottom: 20px;
	}
	
	/* footer */
	.footer h1 { 
		background: none;
		width: auto;
		height: auto;
		color: #fff;
		padding: 37px 0 0 0; 
		margin: 0 auto;
		float: none;
	} 
}