/* **********  Narrow Desktop  ********** */


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

#getItBy { position: relative; left: 0; width: auto }

}

/* **********  Sub Nav  ********** */


@media screen and (max-width: 1100px) { #subNav a { padding-left:15px; padding-right:15px; } }
@media screen and (max-width: 1020px) { #subNav a { padding-left:10px; padding-right:10px; } }
@media screen and (max-width: 940px) { #subNav a { padding-left:5px; padding-right:5px; } }

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



}




/* **********  Main Nav  ********** */

#mainNav a.navSectionLink { display:none; }

@media screen and (max-width: 1070px) {
#mainNav a { padding-left:15px; padding-right:15px; }
#mainNav ul.megamenuList:before { left:190px; }
}


@media screen and (max-width: 930px) {
#mainNav a { padding-left:10px; padding-right: 10px; }
#mainNav ul.megamenuList:before { left:165px; }
}

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

header#header.f-ms { border-bottom: 1px solid #e6e6e6; }
#navWrapper.f-ms { border:none; background:#333; position:absolute; width:100%; display:none; }
#navWrapper.f-ms.active { display:block; }
#navInner.f-ms { right: 0; float: none; }
#mainNav ul { left: 0; border-bottom:1px solid #4D4D4D; }
#mainNav li { float: none; border-top:1px solid #4D4D4D; }
#mainNav a { padding:10px 50px 10px 25px; color:#FFF; background:url(../Resources/mobile-arrow.png) center right no-repeat; }
#mainNav:hover li a { color:#FFF; background:url(../Resources/mobile-arrow.png) center right no-repeat; }
#mainNav li:hover ul { display:none; }
#mainNav li:hover li a, #mainNav li:hover li a:hover { color:#FFF; padding:10px 50px 10px 25px !important; background:url(../Resources/mobile-arrow.png) center right no-repeat; }
#mainNav:hover li a.current, #mainNav li:hover li a.current:hover{ color:#d2aa4b; }
#mainNav li:hover li a { font-size:1em; }
#mainNav a.navSectionLink { display:block; }

#mainNav li.active > a { background-image:url(../Resources/mobile-arrow-over.png); }
#mainNav li.active ul { display:block; }
#mainNav li.active #megamenu { display:none; }

#mainNav ul ul { position:relative; background:#1A1A1A; padding:0; margin:0; border:none; }
#mainNav ul ul:before { display:none; }


#hamburger.f-ms { display:block; }
#straplineDiv.f-ms { display:none; }

#headerTop.f-ms { padding:0; height:60px; }

#logoDiv.f-ms { position:absolute; top:10px; left:20px; }
#rgblogo.f-ms { width:62px; height:40px; }
#avdistilogo.f-ms { width:auto; height:40px; }
#utility.f-ms { width:230px; padding-top: 8px; }


#searchFormDiv.f-ms { width:auto; }
#search.f-ms { width:0; border:none; }

.resources .categoryItemWrapper { width:47.7%; }


}

/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3) and (max-width: 860px), (-o-min-device-pixel-ratio:13/10) and (max-width: 860px), (min-resolution:125dpi) and (max-width: 860px)
{
#mainNav a, #mainNav:hover li a, #mainNav li:hover li a, #mainNav li:hover li a:hover, #mainNav li:hover li a.current { background-image:url(../Resources/mobile-arrow@2x.png); background-size:38px 15px }
#mainNav li.active > a { background-image:url(../Resources/mobile-arrow-over@2x.png); background-size:38px 15px }

}





/* **********  Categories Grid  ********** */

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

#categories { margin-left:-2%; }
.categoryItemWrapper { width:48%; margin-left:2%; }

}


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

#categories { margin-left:0; margin-bottom:20px; }
.categoryItemWrapper { width:100%; margin:0; }
.categoryImage { display:none; }
.categoryShadow { display:none; }
#categoriesInner { padding:0; }
.categoryText { padding:10px 40px 10px 10px; border-bottom:1px solid #e6e6e6; overflow:visible; }
p.pCategoryListName { font-size:1em; }
.categoryArrow { bottom:-1px; right: 0px !important; opacity: 1; background:#e6e6e6 url(../Resources/category-mobile-arrow.png) center center no-repeat; width:36px; border-top:none; border-left:none; border-right:none; }
.categoryItemWrapper:hover { transform:none; }

.resources .categoryItemWrapper { width:97.7%; }

}


/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3) and (max-width: 650px), (-o-min-device-pixel-ratio:13/10) and (max-width: 650px), (min-resolution:125dpi) and (max-width: 650px)
{
.categoryArrow { background-image:url(../Resources/category-mobile-arrow@2x.png); background-size:7px 15px }

}




/* **********  Tablet Portrait  ********** */

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

#homeFader .slideText { padding-left:20px; padding-right:20px; }
#homefaderbuttonleft, #homefaderbuttonright { top:auto; bottom:0; width: 44px; }
#homeFader .slide { min-height:390px; }

.teamGridWrapper { margin-left:-2.6%; }
.teamItem { width:30.73%; margin-left:2.6%; margin-bottom:2.6%; }

#manufacturersGrid .manufacturer { width:31.1%; }

#productsGrid .product { width:47.26%; }

#newsContent .newsItem {width:97%; }


#caseStudiesGrid .caseStudy { width:47.92%; }

.manufacturerImageLeft, .manufacturerImageRight { width:48%; }


}


/* **********  Mobile Landscape  ********** */

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

#homeFader .slideText { font-size:0.5em; }

#footer.f-ms { text-align:center; }
#cedia.f-ms { margin-top:0; margin-right:15px; width:80px; height:auto; }
#infocomm.f-ms { margin-top:0; width:103px; height:auto; }
#footerSocial .capsSpaced { display:none; }
#footerSocial img { margin:8px !important; }
p.pFooterCopyright { display:none; }

.teamGridWrapper { margin-left:-4%; }
.teamItem { width:46%; margin-left:4%; margin-bottom:4%; }

#manufacturersGrid .manufacturer { width:47.8%; }

#accessoriesSliderWrapper .product, #relatedSliderWrapper .product { width:48.4%; }

.webCourseLogo { float:none; width:auto; }
.webCourseText { margin:0; padding-top:20px; }

#caseStudiesGrid .caseStudy { width:97.92%; }

.imageLeft, .imageRight { float:none; width:100%; margin:10px 0; }


#formTable th, #formTable td { display:block; }

#ordersTable .optional { display:none; }
#ordersTable .inlineButtonLink { padding: 5px; font-size: 0.88em; margin: 3px; }


/* Dealer Area sub-nav */

#subnavOuter { background-color: #FFF; }
#subNavInner { float: none; right: 0; }
#subNav ul { left: 0; border-top: 1px solid #e6e6e6; }
#subNav li { float: none; }
#subNav a { position: relative; padding: 10px 46px 10px 20px; border-bottom: 1px solid #e6e6e6; }
#subNav a:after { content:" "; position:absolute; display:block; width:36px; height:100%; background:#e6e6e6 url(../Resources/mobile-dealer-arrow.png) center center no-repeat; top:0; right:0; border-bottom:1px solid #FFF; }


.manufacturerImageLeft, .manufacturerImageRight { width:100%; float:none; margin-left:0; margin-right:0; }



}

/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3) and (max-width: 568px), (-o-min-device-pixel-ratio:13/10) and (max-width: 568px), (min-resolution:125dpi) and (max-width: 568px)
{
#subNav a:after { background-image:url(../Resources/mobile-dealer-arrow@2x.png); background-size:9px 16px }

}