@media screen and (max-width: 984px) {

	h1 {
		font-size: 30px !important;
	}
	.pageHeader {
		height: 96px;
	}
	.nav  {
		display: none;
	}
	.btnMenu {
		display: block;
	}
	article .articleInner, footer #footerInner {
		width:90%;
	}
	article .articleInner {
		text-align: center;
	}
	.box-left, .box-right {
	  float:left;
	  width:99%;
	}
	.box-right {
		margin-top: 30px;
	}
	#banner .banner-block {
		display: none;
	}
	#services .service {
	  width: 43%;
	  margin: 35px 3%;
	}
	.sitemap {
		display: none;
	}
	.brand, .social, .contact {
		width:49% !important;
	}
	.form-group {
	  width: 100%;
	  float: left !important;
	}
	.introText {
		width:100%;
	}
	.modelService {
		width:44%;
		height: 100px;
	}
	.introText p {
		width:auto;
	}
	#featured .project {
		width:99% !important;
	}

}