/* =============================================================================

	RESPONSIVE ( 1400px - 993px )

============================================================================= */

@media only screen and (max-width: 1400px) and (min-width: 993px) {

	.container {
		width: 900px;
	}

	.header,
	.header .hero {
		height: 700px;
	}

	.header .hero {
		object-position: center !important;
	}

	.header .nav {
		padding: 20px;
	}

	.header .nav .logo img {
		width: 200px;
	}

	.header .nav .menu li a {
		font-size: 14px;
		padding: 20px 18px 10px;
	}

	.header .nav .menu li a.button {
		padding: 20px;
	}

	.header .content {
		margin-left: -450px;
	}

	.advantages .features-container {
		width: 75%;
	}

	.about .about-container {
		justify-content: center;
	}

	.about .about-block {
		width: 32%;
		margin: 20px 6px;
	}

	.brands .brands-container img {
		margin-bottom: 20px;
	}

	.footer .subscribe-container {
		padding: 40px;
	}

	.footer .subscribe-container h3,
	.footer .subscribe-container h4 {
		font-size: 18px;
	}

	#modal-content {
		width: 800px;
	}

	.modal-left {
		width: 40%;
	}

	.modal-right {
		width: 59%;
		padding: 20px 10px 20px 20px;
	}

}