/* Media queries */

@media(min-width: 990px) and (max-width: 1199px) {
	.wrapper {
		width: 970px;
	}

	.section-hero .content .figure {
		width: 580px;
		margin-top: 30px;
	}

	.section-hero .content .points {
		width: 350px;
	}

	.section-solution .content .points {
		width: 450px;
	}

	.section-solution .content .figure {
		width: 500px; float: right;
	}

	.section-how-vpn-works .content .figure-primary {
		width: 620px;
	}

	.section-how-vpn-works .content .figure-secondary {
		width: 320px;
	}

}

@media(min-width: 768px) and (max-width: 989px) {
	.wrapper {
		width: 750px;
	}

	.section-top .menu li {
		font-size: 18px;
	}

	.section-hero .content .figure {
		width: 460px;
		margin-top: 40px;
	}

	.section-hero .content .points {
		width: 270px; float: right;
	}

	.section-hero .content .points h3 {
		font-size: 32px;
	}

	.section-hero .content .points ul li {
		padding-top: 12px; padding-bottom: 12px;
		font-size: 17px; line-height: 1.1em;
	}

	.section-solution .content .points {
		width: 380px;
	}

	.section-solution .content .points ul li {
		padding-left: 60px; margin: 10px 0;
		background: url('../images/solution-points-item.png') 10px center no-repeat;
		font-size: 18px; line-height: 1.3em;
	}

	.section-solution .content .figure {
		width: 370px; float: right;
	}

	.section-how-vpn-works .content .figure-primary {
		width: 470px;
	}

	.section-how-vpn-works .content .figure-secondary {
		width: 260px;
	}

}

@media(min-width: 480px) and (max-width: 767px) {
	.wrapper {
		width: 460px;
	}

	.section-top .menu {
		display: none;
	}

	.section-top .mmenu {
		display: block;
	}

	.section-hero .content .figure {
		width: 100%;
	}

	.section-hero .content .points {
		width: 100%;
		margin-top: 30px;
	}

	.section-solution .content {
		margin-top: 10px;
	}

	.section-solution .content .points {
		width: 100%;
		margin-top: 10px;
	}

	.section-solution .content .points ul li {
		margin: 10px 0;
	}

	.section-solution .content .figure {
		width: 100%;
		margin-top: 20px;
	}

	.section-how-to-use .box {
		width: 100%; float: left;
		margin: 10px 0;
	}

	.section-how-to-use .box p {
		text-align: justify;
	}

	.section-how-vpn-works .content .figure-primary {
		width: 100%;
	}

	.section-how-vpn-works .content .figure-secondary {
		width: 100%;
		margin-top: 40px;
	}

	.section-vpn-offers .content .box {
		width: 100%; float: left;
		margin: 15px 0;
	}

}

@media(max-width: 479px) {
	h2 {
		font-size: 32px; line-height: 1em;
	}

	h3 {
		font-size: 32px; line-height: 1em;
	}

	.wrapper {
		width: 300px;
	}

	.section-top .logo {
		width: 150px;
		margin-top: 20px;
	}

	.section-top .menu {
		display: none;
	}

	.section-top .mmenu {
		display: block;
	}

	.section-hero .content .figure {
		width: 100%;
	}

	.section-hero .content .points {
		width: 100%;
		margin-top: 30px;
	}

	.section-hero .content .points ul li {
		padding-top: 12px; padding-bottom: 12px;
		font-size: 19px; line-height: 1.1em;
	}

	.section-solution .intro {
		padding: 0;
		background: none;
		font-size: 15px; line-height: 1.4em; text-align: justify;
	}

	.section-solution .content {
		margin-top: 10px;
	}

	.section-solution .content .points {
		width: 100%;
		margin-top: 10px;
	}

	.section-solution .content .points ul li {
		padding-left: 60px; margin: 10px 0;
		background: url('../images/solution-points-item.png') 10px center no-repeat; color: #fff;
		font-size: 15px; line-height: 1.3em;
	}

	.section-solution .content .figure {
		width: 100%;
		margin-top: 20px;
	}

	.section-how-to-use .box {
		width: 100%; float: left;
		margin: 10px 0;
	}

	.section-how-to-use .box p {
		text-align: justify;
	}

	.section-how-vpn-works .content .figure-primary {
		width: 100%;
	}

	.section-how-vpn-works .content .figure-secondary {
		width: 100%;
		margin-top: 40px;
	}

	.section-vpn-offers .content .box {
		width: 100%; float: left;
		margin: 15px 0;
	}

}