


@media screen and (max-width: 1737px) {
	#homeQL2 li {
	}
	#homeQL2 li:nth-child(1), 
	#homeQL2 li:nth-child(2), 
	#homeQL2 li:nth-child(3) {
		float:left;
		width:32%;
		margin:0 0.5% 30px 0.5%;
	}
	#homeQL2 li:nth-child(1) {
		margin-left:1%;
	}
	#homeQL2 .top {
		padding:10px;
	}
}

@media screen and (max-width: 1648px) {
	#homeQLCats li {
		margin-bottom:30px;
	}
	#homeQLCats .lineBreak {
		display:block;
		width:100%;
		height:1px;
	}
	#homeQL2 li:nth-child(1) .top h3 {
		top:auto;
	}
	#homeQL2 .top span {
		position:relative;
		top:auto;
		line-height:1.5em;
	}
	#homeQL2 .top h3 {
		line-height:1.5em;
	}
} /* end 1648px */


@media screen and (max-width: 1260px) {
	.productView-options .form-action .button {
		width:auto;
	}
	.productView-thumbnail-link {
		max-width:100%;
	}
} /* end 1260px */


@media screen and (max-width: 1230px) {
	body {
		overflow-x:hidden;
	}
	.header .pad,
	#Footer .pad {
		width:97%;
	}
} /* end 1230px */


@media screen and (max-width: 1130px) {
	.navPages-item a {
		font-size:18px;
	}
	.body {
		margin:0 25px;
	}
	#SideNewsletterBox {
		text-align:center;
	}
	#SideNewsletterBox h5 {
		position:relative;
	}
	#SideNewsletterBox .Textbox,
	#SideNewsletterBox .btn {
		float:none;
		margin:10px;
	}
	#SideNewsletterBox .btn {
		width:auto;
		padding:10px 30px;
	}
	#ftrNewsletter .pad {
		max-width:95%;
	}
	.col1 {
		width:290px;
	}
	.col2 {
		width:240px;
	}
	#siteCredits {
		text-align:center;
	}
} /* end 1130px */


@media screen and (max-width: 1100px) {
	#homeLogos,
	#homeCarouselWrapper {
		max-width:95%;
		margin:0 auto 15px auto;
	}
} /* end 1100px */


@media screen and (max-width: 1080px) {
	.header-logo {
		width:50%;
	}
	.header-logo-image-container {
		width:100%;
	}
	.header-logo-image {
		width:100%;
		height:auto;
	}
	#MMYLookup {
		height:auto;
		text-align:center;
	}
	#MMYLookup h4 {
		float:none;
		text-align:center;
		margin:0 auto 20px auto;
	}
	#MMYLookup select {
		display:inline;
	}
} /* end 1080px */


@media screen and (max-width: 980px) {
}

@media screen and (max-width: 965px) {
	.navPages-item a {
		padding:7px 10px;
	}
	.col2 {
		width:220px;
	}
	.col3 { /* hide footer brands */
		display:none;
	}
} /* end 960px */


@media screen and (max-width: 887px) {
	#homeQLCats {
		font-size:18px;
	}
	#homeContent h3 {
		line-height:1.5em;
		padding:35px 10px;
	}
	#homeContent h3 span {
		display:block;
	}
	.homeContentBG {
		font-size:18px;
	}
} /* end 887px */


@media screen and (max-width: 875px) {
	.navPages-item a {
		font-size:17px;
		text-shadow:2px 2px 0 #545556;
		line-height:1.9em;
		padding:15px 9px;
	}
} /* end 848px */


@media screen and (max-width: 830px) {
	.navPages-list.nonMobile {
		height:59px;
	} 
	ul.navCategoriesSubmenu, ul.navfaqSubMenu {
	}
	ul.navCategoriesSubmenu .navPages-item a, ul.navfaqSubMenu .navPages-item a, .navPage-subMenu a {
		font-size:14px;
	}
} /* end 830px */


@media screen and (max-width: 800px) { /* SWITCH TO MOBILE MENU */
	body {
		padding-top:0;
		background-size:cover;
	}
	#mobileMenuBar {
	}
	.navUser {
		top:13px;
		Xbackground:none;
	}
	.navUser-action {
		padding:5px;
	}
	#quote-view-button {
		padding:6px 0;
		margin:0 15px 0 0;
	}
	.navUser-item-cartLabel {
		display:inline-block;
	}
	.navUser-action, .navUser-or, .navUser-item--cart .navUser-action {
		font-size:12px;
		line-height:1em;
		padding:6px 0;
	}	
	
	.has-activeNavPages {
		overflow:visible;
	}
	.header, .header.is-open {
		height:170px;
	}
	.TopMenu li.last.CartLink {
		top:-35px;
	}
	
	.header-logo {
		top:-24px;
		width:330px;
		height:90px;
	}
	.header-logo-image-container {
		z-index:1;
	}
	.header-logo > a {
		padding:0;
		width:100%;
		z-index:1;
	}
	.header-logo-image-container {
		width:100%;
		height:120px;
		max-height:100%;
	}
	.header-logo-image {
		width:100%;
		height:auto;
	}
	#hdrSocial {
		top:-13px;
	}
	#hdrDelaysMessage {
		top:34px;
	}
	#hdrSearchTrigger {
		display:none;
	}
	/* MENU */
	.navPages-container {
		top:118px;
	}
	.mobileMenu-toggle {
		top:7px;
		left:29px;
		border:solid 3px #FFF;
		padding:10px;
		width:36px;
		height:36px;
		background:#000;
		box-shadow:2px 2px 2px black;
	}
	.mobileMenu-toggle .mobileMenu-toggleIcon {
		top:14px;
		left:5px;
	}
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after {
		background:#FFF;
		height:3px;
	}
	.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
		background-color:#FFF;
	}
	.navPages {
		height:auto;
	}
	#mobileMenuBar,
	.mobileNav {
		display:block;
	}
	#mobileMenuBar {
		top:119px;
		height:50px;
		background:#b8bf1b;
	}
	
	/* temporary, to allow space for .pageTopDelayMessage */
	.header, .header.is-open {
	    height:212px;
	}
	.navPages-container {
	    top:158px;
	}
	#mobileMenuBar {
		top:160px; 
	}
	.pageTopDelayMessage {
	    position:relative;
	    top:-27px;
	    font-size:11px;
	    line-height: 1.2em;
	}
	.pageTopDelayMessage span {
	    display:block;
	    border:none;
	    padding:0;
	    margin:0;
	}
	#hdrDelaysMessage {
	    display:none;
	}
	/* end temporary hdr changes */
	
	.navPages-list.nonMobile {
		display:none;
	}
	.navPages {
		background:#333;
		color:#FFF:
	}
	.mobileNav h4 {
		color:#FFF;
		text-shadow:1px 1px 1px #000;
		background:#545556;
		padding:5px 0 5px 15px;
	}
	.mobileNav .navPages-item,
	.mobileNav .navPages-container li,
	.mobileNav .navPages-list--brands {
		font-size:15px;
		color:#FFF;
		padding:0;
		margin:0 0 0 15px;
	}
	
	/* BOLD THE MANUFACTURING LINKS */
	.mobileNav ul.navPages-list--categories li.navPages-item._bumpers_ > .navPages-action,
	.mobileNav ul.navPages-list--categories li.navPages-item.sliders > .navPages-action,
	.mobileNav ul.navPages-list--categories li.navPages-item.roll_cages > .navPages-action {
		font-weight:bold;
	}
	
	.mobileNav .navPages-item a,
	.mobileNav .navPages-list--brands a {
		Xfont-family: 'Oxygen', sans-serif;
    	font-family: 'Open Sans', sans-serif;
		font-size:15px;
		font-weight:500;
		color:#FFF;
		text-transform:none;
		text-decoration:none;
		padding:0;
	}
	.mobileNav .navPages-item a.mobileMenuSalesSpecials {
	    width:fit-content;
	    font-size:16px;
	    font-weight: bold;
	    Xcolor:#c8d017;
	    text-transform: uppercase;
	    line-height:2em;
	    background:#c8d017;
	    border-radius:10px;
	    padding:3px 12px;
	    margin:16px 0 8px -15px;
	}
	.mobileNav .navPages-action svg {
		fill:#FFF;
		stroke:#FFF;
	}
	.mobileNav .navPages-item a.has-subMenu.is-open .navPage-subMenu,
	.mobileNav .navPages-item .navPage-subMenu {
		display:block;
	}
	.navPage-subMenu-list {
		column-count:1;
	}
	.mobileNav .navPage-subMenu-item > .navPage-subMenu-action {
		font-size:13px;
		line-height:1.5em;
		margin-left:25px;
		border:none;
	}
	
	/*search trigger */
	.mobileSearchTrigger {
		position:absolute;
		top:15px;
		left:100px;
		display:block;
		width:135px;
		height:22px;
		background:url('./img/mobileSearchTrigger.jpg') center top no-repeat;
		text-indent:-9999px;
	}
	
	.quickSearchResults .productGrid .product {
		margin:0;
	}
	#search-results-heading {
	    padding-top:15px;
	}
	.navBar--sub {
	    margin-bottom:25px;
	}
	.facetedSearch-toggle {
	    margin-bottom:0;
	}
	#social {
		top:74px;
		right:0;
	}
	#social img {
		width:40px;
		height:auto;
	}
	
    #homeSlickSlider .slide.SetMaxWidthResponsive {
        background-size:100% auto;
        background-repeat:no-repeat;
        background-color: #000;
    }
    #homeSlickSlider .slide.CSS2023 {
        max-height:230px;
    }
	#MMYLookup {
		padding:15px 15px 20px 15px;
	}
	#MMYLookup h4 {
		margin-bottom:0px;
	}
	.breadcrumbs {
		margin-bottom:30px;
	}
	
	.tab {
		float:left;
		padding:0 20px;
	}
	.facetedSearch-toggle,
	.facetedSearch-navList.is-open {
		background:#FFF;
	}
	.facetedSearch-toggle-text {
		color:#666;
	}
} /* end 800px */


@media screen and (max-width: 765px) {
	#Footer {
		text-align:center;
	    background-position: calc(50% - 350px) 20px;
		padding-bottom:0;
	}
	.col1, .col2 {
		width:46%;
		margin:0 2%;
	}
	#Footer .col.col4 {
		float:none;
		margin:0 auto;
		clear:both;
	}
	#Footer h4 {
		margin-bottom:5px;
	}
	#Footer a, #Footer p {
		font-size:14px;
	}
} /* end 765px */


@media screen and (max-width: 750px) {
	#MMYLookup select {
		width:170px;
	}
} /* end 750px */


@media screen and (max-width: 690px) {
	#hdrDelaysMessage {
		top:-52px;
		right:auto;
		left:0;
		z-index:9;
	}
	#hdrDelaysMessage a {
		font-size:12px;
		font-weight:100;
	}
	#hdrDelaysMessage .shippingDelays {
		padding-left:0;
	}
} /* end 690px */


@media screen and (max-width:630px) {
	#MMYLookup select {
		display:block;
		width:250px;
		margin:10px auto;
	}
	
	#homeSlickSlider .SlideCaption h3 {
		font-size:20px;
	}
	#homeSlickSlider .SlideCaption h3 {
		font-size:18px;
	}

	.quicklinkWrap.ql1,
	.quicklinkWrap.ql2,
	.quicklinkWrap.ql3 {
		background-size:cover;
	}
	.quicklinkWrap.ql1 {
		min-height:275px;
	}
	.quicklinkWrap.ql2 {
		min-height:160px;
	}
	.quicklinkWrap.ql3 {
		min-height:330px;
	}
	.qlLinksBox {
		left:0;
		font-size:18px;
	}
	.qlLinksBox h3 {
		font-size:24px;
	}
	.ql1 .qlLinksBox {
		top:10px;
	}
	
	
    /* BLOG */
    .blog-post-body {
        width:90%;
    }
	
	#SideNewsletterBox h5 {
		font-size:27px;
	}
	#SideNewsletterBox .btn {
		font-size:22px;
		height:auto;
	}
	.ftrSpecialDiscounts h2 {
		font-size:20px;
		margin:0;
	}
	.ftrSpecialDiscounts h2 span {
		padding:0px;
	}
	.ftrSpecialDiscounts h3 {
		font-size:30px;
	}
	.ftrSpecialDiscounts p {
		font-size:14px;
	}

} /* end 615px */



@media screen and (max-width: 551px) {
	.body {
		margin:0 5px;
	}
	.mobileBackButton,
	.mobileBackButton:focus {
	    display:block;
	    width:fit-content;
	    font-size:14px;
	    color:#FFF;
	    text-decoration: none;
        border: solid 3px #FFF;
        border-radius:7px;
        background: #545556;
        box-shadow: 2px 2px 2px black;
        padding: 0 15px;
        margin:0 auto;
	}
	.tab {
		float:left;
		padding:0 5px;
	}
	.tab-title {
		font-size:13px;
	}
	.navBar--sub {
	    margin-bottom:10px;
	}
	.facetedSearch-toggle {
	    padding:0.5rem 1rem;
	}
	.facetedSearch-toggle-text {
	    position:relative;
	    top:5px;
	    font-size:13px;
	}
	.suggestion-title {
	    font-weight: bold;
	}
	.category-suggestion,
	.search-suggestion a {
	    font-size:14px;
	}
	.hideOnMobile {
	    display:none;
	}
} /* end 551px */



@media screen and (max-width: 550px) {
	#quote-view-button {
		margin-right:10px;
	}
	.navUser-item--cart {
		display:inline-block;
	}
	.navUser-item--cart__hidden-s {
		display:block;
	}
	.breadcrumbs {
		display:block;
	}
	.productView {
		padding:20px 15px;
	}
} /* end 550px */
	
	
@media screen and (max-width: 500px) {
	.leadTimes span {
		display:none;
	}
	#hdrSocial {
		top:77px;
	}
	#hdrSocial a {
		width:35px;
		height:35px;
	}
	
    #homeSlickSlider .slide.CSS2023 {
        max-height:125px;
    }
    #homeSlickSlider .slick-prev, 
    #homeSlickSlider .slick-next {
        top:50%;
    }
    
	#quicklinks .ql1, #quicklinks .right {
		width:100%;
	}
	#quicklinks .ql1 {
		margin-bottom:15px;
	}
	
	.ftrSpecialDiscounts h2 {
		font-size:15px;
	}
	.ftrSpecialDiscounts h3 {
		font-size:24px;
	}
	.ftrSpecialDiscounts p span {
		display:block;
		height:1px;
		text-indent:-999px;
	}
	
	#SideNewsletterBox .Textbox {
		font-size:16px;
	}
} /* end 500px */


@media screen and (max-width: 456px) {
} /* end 456px */

@media screen and (max-width: 450px) {
} /* end 450px */


@media screen and (max-width: 414px) {
} /* end 411px */


@media screen and (max-width: 400px) {
} /* end 400px */


@media screen and (max-width: 360px) {
} /* end 360px */
