#banner { border-top:4px solid #8c8c99;   }
#banner .showcase-a { width: 100%; }
html.js .showcase-a .wrap { min-height: 500px; height: auto !important; }
#banner .showcase-a ul.items li figure img { max-width: 100%; width: 100%; height: auto !important; }
.showcase-a ul.items li { height: auto !important; }
.showcase-a ul.items li .text { top:20%; }
.banner-description { margin: 0; padding: 0; }
.cta-a ul li { margin: 0 0 20px 18px; float: none; display: inline-block; vertical-align: top; }
#logo a { width: 138px; }
.cta-a ul li a, 
.cta-a ul li a:hover { min-height: 105px; }
.mobile-header { display: none; text-align: right; padding:10px 0; }
.mobile-header ul li .fa { color: #fff; font-size: 20px; cursor: pointer; }
.mobile-header .search-a input { width: 96%; padding: 0 12px; }
.mobile-header .form-search { padding: 10px; display: none; } 
.siteby { padding: 0 20%; }
.wrap-a { width: auto; }

.nav-cover { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9998; }
.openme { display: block !important; }
.content img { max-width: 100%; }
#content::before { min-height: 370px; }
.oem-parts td {  }
.textaligncenter { text-align: center; }
.secondary iframe { padding-bottom: 20px; }
.spare-parts td { vertical-align: top; }
#main img { max-width: 100%; height: auto; }
#outerImageContainer {
    max-width: 90%;
    overflow: hidden;
    height: auto !important;
}

#imageDataContainer {
    max-width: 90%;	
    overflow: hidden;
}

#lightboxImage {
    max-width: 100%;
}


.showcase-a ul.controls { top: 50%; }
.showcase-a ul.items li .text { left: 50px; }
.showcase-a ul.controls li a, 
.showcase-a ul.controls li a:hover { height: 106px; width: 86px; background-position: 0 0 !important; }
.showcase-a ul.controls li.prev a { background: url('/images/arr-prev.png') no-repeat 0 0;   }
.showcase-a ul.controls li.next a { background: url('/images/arr-next.png') no-repeat 0 0; }

/* New Banner */
#banner.banner2 { position: relative; }
#banner.banner2 ul { padding: 0; margin: 0; list-style-type: none; }
#banner.banner2 li {  }
#banner.banner2 li img { width: 100%; height: auto; }
#banner.banner2 ul li .text {
    background: rgba(0, 0, 0, 0) url("../images/bg-trans-b.png") repeat scroll 0 0;
    color: #fff;
    left: 5%;
    margin: 0;
    max-height: 320px;
    overflow: hidden;
    padding: 25px;
    position: absolute;
    top: 15%;
    width: 345px;
    visibility: hidden;
}

#banner.banner2 ul li .text.bounceInDown { visibility: visible; }

/*==================MEDIA QUERIES===================*/
@media screen and ( min-width:940px ) and ( max-width:1200px ) {
	#content .cta-a li {  }
} 

@media screen and ( max-width:1024px ) {
	.cta-b .column { width: 31%;  }
	#footer .footer-utils .logo { width: 60px; }
	#footer .footer-utils .logo a { width: 100%; }
	#content { width: auto; }
	#content .content-inner { padding:20px 25px 70px; }
}

@media screen and ( max-width:940px ) {
	#content.homepage, 
	.inner-a { width: auto; padding: 0 15px; }
	#content .content-inner, 
	.cta-a ul { width: auto; padding-top: 25px; }
	.cta-a ul { text-align: center; }
	#nav, #top .top-utils { right: 15px; }
	#footer .footer-utils .footer-links { width: 400px; }
	#footer .footer-utils .footer-links ul { width: 110px; }
	.cta-a ul li  { float: none; display: inline-block;  }
	.siteby { padding: 0 17%; }
	.cols-a .primary, .cols-b .primary { width: 68%; }
	/* Menu */
}

@media screen and ( max-width:880px ) {
	.cols-a .primary, .cols-b .primary { width: 65%; }
}

@media screen and ( min-width:768px ) and ( max-width:939px ) {
	#nav ul li { margin:0 0 0 15px; }
	.cols-a .primary, .cols-b .primary { width: 63%; }
}  

@media screen and ( max-width:800px ) {
	#nav, .top-utils form { display: none; }
	#logo { position: relative; top:0; margin-bottom: 10px; }
	#logo a { margin: 0 auto; }
	.mobile-header { display: block; background: #000; margin: 0; clear: both; }
	.mobile-header ul { padding: 0; margin: 0; }
	.mobile-header ul li { display: inline-block; padding: 0 5px; }
	#top .top-utils { position: relative; text-align: center; float: none; margin-bottom: 10px; }
	#top .top-utils p.contact { float: none; }
	#top { margin-bottom: 20px; }
	#nav {  left: 0; position: fixed; top: 0; background: #000; display: block; max-width: 250px; width: 100%; padding: 15px 10px; z-index: 9999; height: 100%; }
	#nav { left: -115%; }
	#nav ul li { float: none; display: block; margin-left: 0; }
	#nav ul ul { position: relative; width: 100%; }
	#nav ul ul { top:0; }
	#nav .parent span { cursor: pointer; display: block !important; height: 100%; position: absolute; right: 10px; top: 0; width: 35px; color: #fff !important; font-size: 25px; }
	#nav .parent span em { display: table; height: 100%; text-align: center; width: 100%; position: relative; left: 0; top:0; }
	#nav ul > li.parent > a { padding: 0 45px 0 0; }
	#nav ul li:hover ul { display: none; }
}

@media screen and ( max-width:767px ) {
	.cta-b .column { width: auto; margin:0 0 20px 0; text-align: center; }
	#footer .footer-utils .logo { width: 60px; }
	/* Main menu */
	#footer .footer-utils .footer-links { width: 385px; text-align: center; }
	#footer .footer-utils .footer-links ul { width: auto; float: none; display: inline-block; text-align: left; }
	.siteby { padding: 0 12%; }
	.cols-a .primary, .cols-b .primary { width: auto; float: none; margin: 0 0 25px 0; }
	.cols-b .secondary { float: left; }
	.newslist-c { width: 100% !important; }
	.cols-a .secondary { width: 100%; }
	.bx-wrapper .bx-controls-direction a { 
		width: 75px;
		height: 100px;
	}
}

@media screen and ( max-width:680px ) {
	#footer .footer-utils .newsletter-a { clear: both; float: none !important; padding: 15px 0; margin: 0 auto !important; text-align: center; width: 200px !important; }
	#footer .footer-utils .logo { margin-left: 100px; }
	.cta-a ul li  { margin: 0 0 20px 0; }
	.siteby { padding: 0 50px }
	.photogalleryTable .photogalleryItem { }
	.contact-form-a .form .field-b textarea { width: auto; }
}

@media screen and ( max-width:607px ) {
	html.js .showcase-a .wrap { min-height:288px }
	.siteby { padding: 0 20px }
}

@media screen and ( max-width:567px ) {
	#footer .footer-utils .logo, 
	#footer .footer-utils .footer-links { float: none; margin: 0 auto; padding: 15px 0; }
	#footer .footer-utils .footer-links ul { margin: 0 0 0 15px; }
	#footer .footer-utils .footer-links ul:first-child { width: 60px; }
	#footer .footer-utils .footer-links ul:last-child { width: 75px; }
	.copyright { text-align: center; }
	.siteby,
	.privacy-terms { display: block; }
	.gridrow-a .column.w6 { width: 100%; }
	.gridrow-a .column.w6 ul,
	.gridrow-a .column.w6 ol { padding: 5px 0 20px 0; }
	.contact-form-a, .contact-form-a .form .field-a, .contact-form-a .form .field-b { width: auto; }
	.contact-form-a .form .field input[type="text"], input#CaptchaV2, .contact-form-a .form .field-b textarea { width: 91%; }
	.contact-form-a .form .field-a select { width: 100%; }
	#content .cols-b .primary img { width: 100%; }
	#content.homepage{ background: #fff; }
	.oem-parts td { display: block; width: 100%; }
}

@media screen and ( max-width:549px ) {
	#content { padding: 0; }
	.bx-wrapper .bx-controls-direction a { 
		width: 55px;
		height: 80px;
	}
}

@media screen and ( max-width:480px ) {
	html.js .showcase-a .wrap { min-height: 153px;  }
	.showcase-a ul.items li .text { top:0; padding: 10px; left:0; width: 94%; }
	.showcase-a ul.items li .text h4 { font-size: 23px; line-height: 23px; margin:0 0 5px 0; }
	.showcase-a ul.items li .text p { font-size: 12px; margin:0 0 5px 0; }
	#footer .footer-utils .footer-links { width: auto; }
	#content figure { float: none; margin:10px 0 20px 0; width:auto; display: block; text-align: center; }
	#content figure img { display: inline-block; text-align: center; }
	.primary table.displayblock td { display: inline-block; }
	.fax-number { display: block; }
	.spare-parts td { width: 100%; display: block; }
	.photogalleryTable .photogalleryItem { width: 100%; display: inline-block; }
	.photogalleryTable .photogalleryItem a { display: block; text-align: center; }
	#banner.banner2 ul li .text { top:0; left:0; padding: 15px; }
	.bx-wrapper .bx-controls-direction a { 
		width: 40px;
		height: 51px;
	}
	
	.photogalleryTable .photogalleryItem
}

@media screen and ( max-width:360px ) {  
	#banner.banner2 ul li .text {width: auto;} 
}

@media screen and ( max-width:320px ) {
	#banner.banner2 ul li .text { top:0; left:0; padding: 15px; }
	.showcase-a ul.items li .text p { font-size: 11px; margin:0 0 5px 0; }
	.cta-a ul li { width: 280px; }
	.cta-a ul li a img ~ * { margin-left: 99px !important;  }

	.banner-description p { font-size: 12px; padding: 0 0 10px 0; }
}


/* Banner Responsive */
@media screen and ( min-width:940px ) and ( max-width:1200px ) {
	html.js .showcase-a .wrap { min-height:500px; }
} 
@media screen and ( min-width:900px ) and ( max-width:939px ) {
	html.js .showcase-a .wrap { min-height:450px }
} 
@media screen and ( min-width:800px ) and ( max-width:899px ) {
	html.js .showcase-a .wrap { min-height:400px }
} 
@media screen and ( min-width:767px ) and ( max-width:799px ) {
	html.js .showcase-a .wrap { min-height:365px }
} 
@media screen and ( min-width:650px ) and ( max-width:766px ) {
	html.js .showcase-a .wrap { min-height:313px }
} 
@media screen and ( min-width:600px ) and ( max-width:645px ) {
	html.js .showcase-a .wrap { min-height:292px }
} 
@media screen and ( min-width:550px ) and ( max-width:599px ) {
	html.js .showcase-a .wrap { min-height:266px }
} 
@media screen and ( min-width:500px ) and ( max-width:549px ) {
	html.js .showcase-a .wrap { min-height:247px }
}
@media screen and ( min-width:481px ) and ( max-width:499px ) {
	html.js .showcase-a .wrap { min-height:243px }
}