@media only screen 
and (max-width :1199px) {
	.fullsite {display:none !important;}
	.smallsite {display:block !important;}
	.hide {display: none !important;}

	/* Start Mobile Nav */
	#primary-toggle {
		color:#fff;
		font-size: 1.1em;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.4);		
		line-height: 52px;
		letter-spacing: 0.05em;
		height:54px;
		padding-left:54px;
		float: left;
		position: relative;
		left:3%;
	}
	#primary-toggle:after {
		font-size: 54px;
		position: absolute;
		top:0;
		left:0;
	}
	
	#overlay {
		background: rgba(0,0,0,0.4);
		height:100%;
		width: 100%;
		position: fixed;
		top:0;
		left:0;
		z-index: 999;
		display: none;
	}
	
	#primary-nav {
		text-align: left;
		background: #bc2d00;
		height: 100%;
		width: 320px;
		padding: 30px 0;
		position: fixed;
		top:0;
		left:-400px;
		z-index: 99999;
		overflow: hidden;
		overflow-y: scroll;
		transition:all 0.2s;
		-ms-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-webkit-transition:all 0.2s;
		-o-transition:all 0.2s;
	}
	#primary-nav.open {
		box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		-moz-box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		-webkit-box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		left:0;
	}

	#primary-nav li {
		font-size: 16px;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
		letter-spacing: 0.025em;
		line-height: 1.2;
		height:auto;
		margin-bottom: 10px;
	}
	#primary-nav a {
		color:#fff !important;	
		font-size: 1em !important;
		text-decoration: none !important;
		text-transform: uppercase;
		width: 240px;
		padding: 10px 10px 10px 30px;
		display: inline-block;	
		position: relative;
	}
	#primary-nav > li i.smallsite {
		color:#fff;
		font-size: 20px;
		text-align: center;
		line-height: 40px;
		height:40px;
		width: 60px;
		display: inline-block !important;
		cursor: pointer;
	}
	#primary-nav li.smallsite a {
		padding-left:54px;
	}
	#primary-nav li.smallsite.first a {
		padding-left:30px;
	}
	#primary-nav li.smallsite a:after {
		top:13px;
	}
	
	#primary-nav ul .back {
		color:#ff8533;
		text-shadow: none;
		margin-bottom: 10px;
		padding: 10px 10px 10px 30px;
		cursor: pointer;
	}
	#primary-nav ul .back i {
		margin-right:10px;
	}
	
	#primary-nav ul {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		background: #bc2d00;
		height: 100%;
		width: 100%;
		padding-top:30px;
		position: absolute;
		top:0;
		right:-999px;
		z-index: 9;
		transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
	}
	#primary-nav ul.active {
		right:0;
	}

	#primary-nav #primary-close {
		color:#fff;
		font-size: 0.9em;
		text-align: center;
		text-transform: uppercase;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
		letter-spacing: 0.05em;
		line-height: 1;
		background: #fe6600;
		margin:30px auto 0;
		padding:15px 0 17px; 
		cursor: pointer;
	}
	#primary-nav #primary-close i {
		margin-left:2px;
	    display: inline-block;
	}
	/* End Mobile Nav */

/*
	#primary-toggle {
		color:#fff;
		font-size: 1em;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.4);		
		line-height: 52px;
		letter-spacing: 0.05em;
		height:54px;
		margin-left:3%;
		padding-left:50px;
		float: left;
		position: relative;
	}
	#primary-toggle:after {
		font-size: 54px;
		position: absolute;
		top:0;
		left:0;
	}
	
	#overlay {
		background: rgba(0,0,0,0.4);
		height:100%;
		width: 100%;
		position: fixed;
		top:0;
		left:0;
		z-index: 1;
		display: none;
	}
	
	#primary-nav {
		background: #bc2d00;
		height: 100%;
		width: 320px;
		padding: 40px 0;
		position: fixed;
		top:0;
		left:-400px;
		z-index: 999;
		overflow-y: scroll;
		transition:all 0.15s;
		-ms-transition:all 0.15s;
		-moz-transition:all 0.15s;
		-webkit-transition:all 0.15s;
		-o-transition:all 0.15s;
	}
	#primary-nav.open {
		box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		-moz-box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		-webkit-box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		left:0;
	}
	#primary-nav > li {
		line-height: 1.2;
		height:auto;
		margin-bottom: 5px;
		padding-right:60px;
		float:none;
	}
	#primary-nav a {
		color:#fff !important;		
	}
	#primary-nav > li > a,
	#primary-nav > li.first.smallsite > a {
		padding: 10px 10px 10px 30px;
	}
	#primary-nav > li > i.smallsite {
		color:#fff;
		font-size: 20px;
		text-align: center;
		line-height: 40px;
		height:40px;
		width: 60px;
		position: absolute;
		top:0;
		right:0;
	}
	#primary-nav > li.smallsite > a {
		padding-left:55px;
	}
	
	#primary-nav ul {
		background: #8f2200;
		box-shadow: inset 0 4px 6px #751b00;
		-moz-box-shadow: inset 0 4px 6px #751b00;
		-webkit-box-shadow: inset 0 4px 6px #751b00;
		margin:5px 0 5px 30px;
		display: none;
	}
	#primary-nav ul li a {
		border-bottom: 1px solid #751b00;
		padding: 12px 15px;
	}
	#primary-nav #primary-close {
		color:#fff;
		text-align: center;
		text-transform: uppercase;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
		letter-spacing: 0.05em;
		line-height: 1;
		background: #fe6600;
		margin:20px auto 0;
		padding:20px 0 22px; 
		cursor: pointer;
	}
	#primary-nav #primary-close span:after {
		margin-left:5px;
	}
*/
	
}

@media only screen 
and (min-width :768px) 
and (max-width :1199px) {
	.tablet {display:block !important;}
	
	.constrain {width: 94%;float: none;}
	#main-content {width: 70%;}
	.tpl-4 #main-content {width: 74%;}
	#sidebar-left {width: 23%;margin-right:3%;}
	
	h1, #page-index h1 {font-size: 3em;}
	
	/* Header */
	#telephone {
		font-size: 2.2em;
		margin: 0 70px 0 0;
		clear: right;
	}
	.search-form {
	    margin: 8px 3% 0 0;
	}
	.search-form fieldset {
		background: #eee;
		box-shadow: inset 0 2px 2px rgba(0,0,0,0.1), inset 0 0 0 1px #e4e4e4;
		-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1), inset 0 0 0 1px #e4e4e4;
		-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1), inset 0 0 0 1px #e4e4e4;
	}
	.search-form input,
	.search-form button {
		color:#666;
		text-shadow: none !important;
	}
	.search-form .search-text {
		font-size: 1em;
	}
	.search-form ::-webkit-input-placeholder {color: #666;}
	.search-form :-moz-placeholder {color: #666;}
	.search-form ::-moz-placeholder {color: #666;}
	.search-form :-ms-input-placeholder {color: #666;}


	/* Banner */
	#home-banner, 
	#home-banner .slides li {
	    height: auto;
	}
	#home-banner .slides .constrain {
		padding:0 30px;
	}
	#home-banner img {
		height:auto;
		width: 30%;
	}
	#home-banner .caption {
		width: 66%;
		padding: 30px 0;
	}
	#home-banner h2 {
		font-size: 3.2em;
	}
	#home-banner .caption p {
		color:#4f5660;
	}

	
	/* Buckets */
	#buckets {
		padding:40px 0;
	}
	#page-index #buckets {
		margin:0 -3%;
	    padding: 40px 25px;	
	}
	#buckets a {
		width: 31.25% !important;
	}
	#buckets-products a {
		width: 31.25% !important;
	}	
	#buckets-products a h3 {
		font-size:14px; !important;
	}
	/* Forms */
	#contact, 
	#contact-info {
		width: 48%;
	}
	.id-194 #sidebar-right {
		padding-bottom: 20px;
	}
	
	
	/* Footer */
	#footer-middle .constrain, 
	#footer-bottom .constrain {
	    padding: 0;
	}
	#footer-middle .w25 {
		width: 30%;
	}
}


@media only screen 
and (min-width :768px) 
and (max-width :960px) {
	
	/* Header */
	#header:before {
		width: 20%;
	}
	#logo-wrap {
		width: 300px;
	}
	#logo {
		width: 280px;
	}


	/* Banner */
	#home-banner img {
		width: 40%;
	}
	#home-banner .caption {
		width: 56%;
	}
	#rfq-banner h3 {
		margin-right: 40px;
	}
	#rfq-banner br {
		display: block !important;
	}
	
	#page-index h4.center {
		margin-top: 20px;
	}
	
	
	/* Forms */
	#contact {
		width: 720px;
		float:none;
	}
	#contact-info {
		width: 460px;
		margin: 80px auto 40px;
		float:none;
	}
	.id-194 #sidebar-right {
		padding: 30px 0 10px;
	}
	.calculator {
		width: 100% !important;
	}
	
	/* Footer */
	#footer .brands {
		line-height: 1;
		height:auto;
		padding: 20px 0;
	}
	#footer .brands a {
		width:24% !important;
		margin:10px auto;
	}
	#footer-middle .w25 {
		display: none !important;
	}
	#footer-middle .center {
		padding-top: 0;
		float: none;
	}

}


@media only screen 
and (min-width:320px)
and (max-width:767px) {
	#bread-social {display:none !important;}
	.mobile {display:block !important;}
	
	.constrain {width: 94%;float: none;}
	#main-content,#logo-wrap,#telephone {width:100% !important;float: none;}
	
	h1, 
	#page-index h1,
	#home-banner h2 {font-size: 2.3em;}

	.forms h2, 
	#quickContact h4, 
	#contact-info h2 {font-size: 2em;}


	/* Header */
	#header:before {content:none;}
	#header {
		background: #fff;
		margin-bottom: 40px;
	}
	#page-index #header {
		margin-bottom: 0;
	}
	#header-wrapper {
		text-align: center;
	}
	#global-nav {
		margin-right:0;
		float:none;
	}
	#global-nav li {
		margin:0 15px;
	}
	#logo-wrap {
		height: auto;
		padding: 0;
	}
	#logo-wrap:after {content:none;}
	#telephone,
	#telephone a {
		color:#222;
	}
	#telephone {
		font-size: 2.4em;
		text-shadow: none;
		margin:25px auto;
	}
	#telephone:before {
		color:#bc2d00;
		margin-left:-12px;
	}

	.search-form {
	    margin: 8px 3% 0 0;
	}

	.search-form fieldset {
		background: #eee;
		box-shadow: inset 0 2px 2px rgba(0,0,0,0.1), inset 0 0 0 1px #e4e4e4;
		-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1), inset 0 0 0 1px #e4e4e4;
		-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1), inset 0 0 0 1px #e4e4e4;
	}
	.search-form input,
	.search-form button {
		color:#666;
		text-shadow: none !important;
	}
	.search-form .search-text {
		font-size: 1em;
	}
	.search-form ::-webkit-input-placeholder {color: #666;}
	.search-form :-moz-placeholder {color: #666;}
	.search-form ::-moz-placeholder {color: #666;}
	.search-form :-ms-input-placeholder {color: #666;}
	
	
	/* Primary Nav */
	#header > nav {
		margin-top:20px;
	}
	

	/* Banner */
	#home-banner, 
	#home-banner .slides li {
	    height: auto;
	}
	#home-banner .slides .constrain {
		padding:0 30px;
	}
	#home-banner img {
		height:auto;
		width: 40%;
		margin:0 20px 20px 0;
	}
	#home-banner .caption {
		width: 100%;
		padding: 30px 0;
	}
	#home-banner h2 {
		text-align: center;
	}
	#home-banner h2 span {
		display: inline-block;
	}
	#home-banner .caption p {
		color:#4f5660;
	}
	
	#rfq-banner {
	    line-height: 128px;	
		height:150px;
		margin: 0 auto 60px;
	}
	#rfq-banner h3 {
		margin: 0 auto;
	}
	#rfq-banner br {
		display: block !important;
	}
	#rfq-banner .button {
		font-size: 1.1em;
		width: 260px;
		margin:0 auto;
		display: block;
	}
	
	#page-index h4.center {
		margin-top: 0;
	}
	
	
	/* Forms */
	.tpl-4 #content + #sidebar-right {
		padding-top:60px;
	}
	#quickContact {
		width: 94%;
	}
	#contact {
		width: 100%;
		float:none;
	}
	#contact-info {
		width: 460px;
		margin: 80px auto 40px;
		float:none;
	}
	.id-194 #sidebar-right {
		padding: 0 0 10px;
	}
	.id-194 #sidebar-right img {
		width: 100%;
	}
	.calculator {
		width: 100% !important;
	}
	
	
	/* Buckets */
	.tpl-4 #buckets {
		padding:80px 0 40px;
	}
	#page-index #buckets {
		margin:0 -3%;
	    padding: 40px 25px;	
	}
	#buckets a {
		width: 31.25% !important;
	}


	/* Sidebar - Left */
	#sidebar-left {
		border:none;
		width: 340px;
		margin:0 0 0 -170px;
		float:none;
		position: absolute;
	    bottom: -25px;
	    left:50%;
	    z-index: 99;
	}
	#sidebar-left h3 {
		font-size: 1.2em;
		text-align: center;
		margin:0 auto;
	}
	#sidebar-left h3 a {
		text-decoration: none !important;
		text-align: center;
		background: #fff;
		border-bottom: 2px solid #ddd;
		box-shadow: inset 0 0 0 1px #ddd;
		-moz-box-shadow: inset 0 0 0 1px #ddd;
		-webkit-box-shadow: inset 0 0 0 1px #ddd;
		padding: 17px 0 15px;
	}
	#sidebar-left h3 a.active {
		background: #f4f4f4;
	}
	#sidebar-left h3 a:before {
		content:"\f394";
		color:#ccc;
		font-family: "Ionicons";
		font-size: 40px;
		font-weight: bold;
		line-height: 16px;
		vertical-align: middle;
		margin-right:15px;
		position: relative;
		top:-2px;
	}
	#sidebar-left h3 a span {
		display: inline-block;
	}

	#secondary-nav {
		background: #fff;
		box-shadow: inset 0 0 0 1px #ddd;
		-moz-box-shadow: inset 0 0 0 1px #ddd;
		-webkit-box-shadow: inset 0 0 0 1px #ddd;
		width: 100%;
		position: absolute;
		top:50px;
		display: none;
	}
	#secondary-nav > li.active > a,
	#secondary-nav .active i {
		background: none;
	}
	#secondary-nav > li:last-child {
		box-shadow: none;
	}
	#secondary-nav li i {
		line-height: 46px;
		height:44px;
		display: none;
	}
	#secondary-nav > li > a {
	    padding: 12px 20px;
	}
	#secondary-nav > li.parent > a {
	    margin-right: 0;
	}

	/* Footer */
	#footer .brands {
		line-height: 1;
		height:auto;
		padding: 20px 0;
	}
	#footer .brands a {
		width:24% !important;
		margin:10px auto;
	}
	
	#footer-middle {
		padding: 40px 0;
	}	
	#footer-middle .constrain, 
	#footer-bottom .constrain {
	    padding: 0;
	}
	#footer-middle .w25 {
		display: none !important;
	}
	#footer-middle .center {
		padding-top: 0;
		float: none;
	}
		
	#footer-bottom {
		text-align: center;
		padding-bottom: 30px;
	}
	#footer-bottom .left,
	#footer-bottom .right {
		float: none;
	}
	#footer-bottom li.sep.first {
		font-size: 0;
		display: block;
	}
	#back-top {
		font-weight: bold;
		margin:30px auto 0;
		padding-top:40px;
	}
	#back-top i {
		font-size: 18px;
		line-height: 26px;
	    border: 2px solid #fff;	
		height:30px;
		width: 30px;
		margin-left:-15px;
		position: absolute;
		top:0;
		left:50%;
	}

}


/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width:568px) {
	
	#page-index h1,
	#home-banner h2 {font-size: 2em;}
	
	.sm-mobile {display: block !important;}

	.search-form .search-text {
		width: 280px;
	}

	/* Banner */
	#home-banner .caption {
		text-align: center;
	}
	#home-banner img {
		width: 100%;
		margin:0;
	}
	#home-banner img.original,
	#footer .brands {display: none !important;}
	
	#content-cta span {
		margin:10px auto;
		display: block;
	}
	
	
	/* Buckets */
	#buckets .thumb, 
	#buckets .button,
	#buckets hr {
		display: none;
	}
	#buckets a {
	    background: #345370;
	    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	    border-radius: 30px;
	    -moz-border-radius: 30px;
	    -webkit-border-radius: 30px;
		width: 100% !important;
		height:auto;
		margin:0 auto !important;
		padding: 20px;
		float:none;
	}
	#buckets a + a {
		margin-top:20px !important;
	}
	#buckets h3 {
		color:#fff !important;
		font-family: 'Roboto', sans-serif;
		font-size: 1.2em;
		font-weight: 700;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
		margin:0;
	}

	/* Calculators */
	#cv_air .form-group,
	#airvalve_form .form-group {
		text-align: center;
	}
	#cv_air .form-control,
	#airvalve_form .form-control {
		margin:10px auto 5px;
		display: block;
	}
	#airvalve_form strong {
		margin-top:10px;
		display: block;
	}
	#acfm_form .col-xs-3 {
		width: 60%;
	}
	#acfm_form.col-xs-2 {
		width: 40%;
	}
	.calculator .buttons div {
		width: 100%;
	}
	.calculator .buttons .button {
		min-width: 130px;
		margin:0 auto;
		display: block;
	}
	.calculator .buttons .gray-btn {
		margin-bottom: 30px;
	}
	.calculator .note {
	    clear: both;
	    width: 100%;
	    padding: 10px 15px 20px;
	}
		
}

/* iPhone 4/4s (landscape) ----------- */
@media only screen 
and (max-width:480px) {	
	
	.w50,
	.forms .input-group.w50 {width: 100%;float:none;}

	.search-form .search-text {
		width: 220px;
	}
	
	/* Banner */
	#rfq-banner {
	    line-height: 148px;	
		height: 170px;
	}	
	#rfq-banner h3 {
		padding:0 15%;
	}
	

	/* Forms */
	#quickContact {
		width: 94%;
	}


	/* Footer */
	#footer-middle .social a {
		font-size: 22px;
		line-height:38px;
		height:38px;
		width:38px;
	}
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width:400px) {
	#home-banner .slides .constrain {
	    padding: 0 10px;
	}
	.flex-direction-nav {display: none !important;}
	
	#global-nav {
	    padding: 0 5px 0 20px;	
	}
	#global-nav li {
		font-size: 1em;
	    margin: 0 10px;	
	}
	
	.search-form .search-text {
		width: 160px;
	}


	#home-banner h2 {
		font-size: 2.2em;
	}

	#rfq-banner h3 {
		padding:0 10%;
	}

}

@media screen and (max-width: 459px) {
    .cds-facet-container {
        width: 100% !important;
        float: none !important;
        display: block;
        }
    
    .cds-browse-container {
        width:100% !important;
        float:none !important;
        display:block !important;
        margin-left:0 !important;
        padding-left:0 !important;
        }
    .cds.search #cds-search-right-container {
        margin-left: 0px !important;
    }
    #cds-facet-keys-input {
        width: 75% !important;
    }
}