/* Large Screens (Desktops) */

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}
	
	#footer .top .info.intro {
		width: 305px;
		padding-right: 32px;
	}


}

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

}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
	
	#header .bottom #navigation ul li {
		margin-left: 1px;
	}
		
	#banner .overlay {
		width: 600px;
		margin-top: 35px;
	}
	
	#banner .overlay .title {
		font-size: 48px;
	}
	
	#banner .overlay .subtitle {
		font-size: 18px;
	}
	
	#glazier .section {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#glazier .text {
		margin-left: 412px;
	}
	
	#footer .top .info.intro {
		width: 287px;
		padding-right: 32px;
	}
	
	#footer .top .info.hours {
		width: 288px;
		padding: 0 25px;
	}
	
	#footer .top .info.contact {
		width: 257px;
		padding: 0 28px;
	}
	
	#footer .top .info.links {
		width: 138px;
		padding-left: 28px;
		padding-right: 10px;
	}

}

@media only screen and (max-width : 1020px) {
	
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .top .reviews {
		right: 15px;
	}
	
	#header .top .contact {
		margin-left: 227px;
		font-size: 14px;
		margin-top: 108px;
	}
	
	#header .top .reviews li a {
		font-size: 14px;
	}
	
	#header .top .info {
		font-size: 14px;
	}
	
	#header .bottom #navigation ul {
		margin-right: -10px;
	}
	
	#header .bottom #navigation ul li {
		margin-left: 1px;
		font-size: 12px;
	}
	
	#header .bottom #navigation ul li a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#banner {
		background: none !important;
	}
	
	#banner .section {
		padding: 0;
		max-width: 100%;
	}
	
	#banner .overlay {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 0;
		padding-top: 30px;
		padding-bottom: 2px;
		min-height: 500px;
		background: url(../images/banner-image.jpg) no-repeat center top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-ms-behavior: url(/backgroundsize.min.htc);
	}
	
	#banner .quote {
		float: none;
		width: auto;
		margin: 0 auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#banner .quote .title {
		text-align: center;
	}
	
	#banner .quote .fields .field {
		margin-bottom: 7px;
	}
	
	#banner .quote .fields .field .textbox {
		height: 47px;
		font-size: 15px;
	}
	
	#banner .quote .fields .field textarea {
		font-size: 15px;
	}
	
	#intro .section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
		
	#intro .products li .image {
		margin-bottom: 20px;
	}
	
	#testimonials .slides {
		padding-left: 58px;
		padding-right: 58px;
	}
	
	#glazier .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#glazier .image {
		float: none;
		display: block;
		margin: 0 auto 30px;
		width: auto;
	}
	
	#glazier .text {
		margin-left: 0;
		text-align: center;
	}
	
	#glazier .text .heading {
		text-align: center;
	}
	
	#footer .top .info.intro {
		width: 50%;
	}
	
	#footer .top .info.hours {
		width: 50%;
		border-right: 0;
	}
	
	#footer .top .info.contact {
		padding-left: 0;
		padding-right: 32px;
		width: 50%;
	}
	
	#footer .top .info.links {
		width: 50%;
		padding: 0 25px;
		border-right: 0;
	}
	
	#footer .top .section {
		padding-bottom: 70px;
	}
	
	#footer .bottom .logo {
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
	
	#footer .bottom .copyright {
		float: none;
		text-align: center;
		margin: 0;
	}
	
	#footer .bottom .secure {
		float: none;
		text-align: center;
		margin-top: 20px;
	}
	
	#footer .bottom .secure li {
		float: none;
		display: inline-block;
		margin: 0 20px;
	}
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	#mainWrapper {
		padding-top: 0;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header {
		position: static;
		border-top: 7px solid #2d292a;
		border-bottom: 4px solid #2d292a;
	}	
	
	#header .top .section {
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
		text-align: center;
	}
	
	#header .top .logo {
		position: static;
		display: block;
		margin: 0 auto 10px;
		width: 160px;
	}
	
	#header .top .logo:after {
		display: none;
	}
	
	#header .top .logo img {
		position: static;
		margin: 0;
		width: 100%;
		display: block;
	}
		
	#header .bottom {
		display: none;
	}
	
	#header .top .reviews {
		position: static;
	}
	
	#header .top .reviews li {
		float: none;
		margin: 5px 0 0;
	}
		
	#header .top .reviews li a {
		font-size: 13px;
	}
	
	#header .top .info {
		display: none;
		float: none;
	}
	
	#header .top .contact {
		float: none;
		margin: 0 0 2px;
		font-size: 15px;
		text-align: center;
		display: inline-block;
		padding-right: 22px;
	}
	
	#header .top .contact span {
		display: block;
	}

	#banner .overlay .inner {
		max-width: 300px;
		margin: 0 auto;
	}	
	
	#banner .overlay .title {
		font-size: 41px;
		line-height: 1.1;
		margin-bottom: 5px;
	}
	
	#banner .overlay .subtitle {
		font-size: 16px;
	}
	
	#content .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#intro .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#intro .products {
		margin-top: 45px;
		margin-bottom: 25px;
	}
	
	#intro .products li {
		width: 50%;
		margin-bottom: 30px;
	}
	
	#intro .linkBtn {
		padding-left: 20px;
		padding-right: 20px;
	}
		
	#services .service {
		display: block;
	}
	
	#services .service .image {
		display: block;
		width: auto;
		margin-bottom: 15px;
	}
	
	#services .service .image img {
		display: block;
		margin: 0 auto;
	}
	
	#services .service .text {
		text-align: center;
		padding-left: 0;
	}
	
	#video .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
		
	#testimonials .section {
		padding-top: 44px;
		padding-bottom: 44px;
	}
		
	#testimonials .slides {
		padding-left: 0;
		padding-right: 0;
	}
	
	#testimonials .slides .owl-dots {
		margin-bottom: 27px;
	}
	
	#testimonials .slides .owl-prev, 
	#testimonials .slides .owl-next {
		top: -51px;
	}
	
	#glazier .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#footer .top .section {
		padding-top: 50px;
		padding-bottom: 50px;
		text-align: center;
	}
	
	#footer .top .info.intro,
	#footer .top .info.hours,
	#footer .top .info.contact,
	#footer .top .info.links {
		float: none;
		width: auto;
		border: 0;
		padding: 0;
	}
	
	#footer .top .getAQuote {
		margin-top: 10px;
	}
	
	#footer .bottom .secure li {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#footer .bottom .secure li:after {
		display: none;
	}
	
	#footer .top .info.links #links ul li {
		margin-bottom: 10px;
	}
	
	.center-xs {
		text-align: center;
	}
	
	.pageTitle {
		text-align: center;
	}
	
	.imageTitle {
		display: block;
		text-align: center;
		margin-bottom: 19px;
	}
	
	.imageTitle .image {
		display: block;
		width: auto;
		margin-bottom: 15px;
	}
	
	.imageTitle .title {
		display: block;
		padding: 0;
	}



}

@media only screen and (max-width : 500px) {
	#intro .products li {
		margin-right: 0;
		display: block;
		width: 100%;
	}
	
	#video .clip .playBtn {
		font-size: 11px;
	}
}

@media only screen and (max-width : 478px) { 
	
}