/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

.black-bg.about a {
	color: #fff;
}

.black-bg.about a:hover {
	color: #1b8dcd;
}

.home-parts {display: flex; justify-content: center; }

/*-------- COLORS --------
light blue: 1b8dcd
dark blue 075d85
*/

/***** END RESET *****/
::-moz-selection {
    background: #edeceb; 
    color: #000;
    text-shadow: none;
}
::selection {
    background: #edeceb;
    color: #000;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	
	background:#fff;
	color: #000; 
	font-weight:400;
	overflow-x:hidden;
	width: 100%;font-family: 'Open Sans', sans-serif !important;
	
}
h1 { font-size: 45px; color:#e8e8e8; line-height: 40px; text-transform:uppercase;  font-weight: 800; font-style: italic; padding:10px 0; font-family: 'Open Sans', sans-serif !important;}
h2 {font-size: 30px; text-align: left; color:#e8e8e8; font-weight: 800; font-style: italic; text-transform:uppercase; padding: 5px 0; font-family: 'Open Sans', sans-serif !important;}
h3 {font-size:20px; color: #fff; font-weight:400;text-transform:uppercase; font-family: 'Montserrat', sans-serif !important; letter-spacing: 1px;}
h4{font-size: 16px; color:#e8e8e8; text-transform:uppercase; line-height: 30px; font-weight:700; font-family: 'Montserrat', sans-serif !important; letter-spacing: 1px;}
p {font-family: 'Montserrat', sans-serif !important;font-size:16px; line-height: 30px;  }
li{text-align: left;}

a{text-decoration: none;font-family: 'Open Sans', sans-serif !important;}
strong {font-weight: 700;}
#strong{font-weight: 700;}

.clear{clear:both;}

.left{float: left;}
.right{float: right;}

#pad{padding: 25px 0;}
#welcomepad{padding: 75px 0;}

/*--- HEADER STYLES --------------------------*/
header {
	width:100%;
	margin: 0 auto;
	font-size:18px;
	background:rgba(0,0,0,.3);
	position: absolute;
	z-index:999;
}
header .wrapper-inner{width: 95%;}

.mobile-top-header{width: 100%; text-align: center; margin: 0 auto; background: none; display: none; padding:10px 0;}
.mobile-top-header .phone{color:#fff !important; margin-right: 100px !important;}
.mobile-top-header .phone a{color:#fff !important;}
.mobile-top-header p{display: inline-block; color:#fff; font-weight:700; letter-spacing: 1.25px; font-size: 15px; margin: 0 15px; text-align: center;}
.mobile-top-header a{color:#fff;}
.mobile-top-header a:hover{color:#1b8dcd;}

.mobile-top-header .social{margin-left: 0; display: block; text-align: center; margin: 0 auto;}
.mobile-top-header .fa, .mobile-top-header .fab{font-size: 20px; display: inline-block; margin: 0 10px; color: #1b8dcd;}
.mobile-top-header .fa:hover, .mobile-top-header .fab:hover{color: #fff;}




.top-header{text-align: right;}
.top-header .locations{border: none; display: inline-block;}
.top-header .locations:first-child{margin-right: 50px;}

#head-location{	
	font-size: 14px;
	color:#fff; 
	background: #1b8dcd; 
	padding: 5px 20px; 
	font-weight: 300;
	display: inline-block;
	text-align: center;
	letter-spacing: 1.25px;
	margin:0 5px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;}
#head-location:hover{	
	background:#fff; 
	color: #1b8dcd; 
}
.top-header .locations .social{display: inline-block;}
.top-header .locations .social .fa, .top-header .locations .social .fab{font-size: 24px; margin: 5px; color: #1b8dcd; }
.top-header .locations .social .fa:hover, .top-header .locations .social .fab:hover{color: #fff;}

#topleft {
    display: inline-block;
	position:absolute;
	z-index:9999;
}

.logo {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
}
.logo img{
        display: inline-block;
    float: left;
   margin-top: 31px;
    height: 100px;
    width: auto !important;
}


#topright {
	float:right;
	display:inline-block;
	text-align: right;
	width:100%;
	background:#000;
}
#topright .wrapper-inner{padding:0;}


img.flex-logo {
}

img.flex-logo-small {
}
/*---BODY--------------------------------*/
.wrapper-inner{padding: 15px 0px; width:75%; margin: 0 auto;}

.inv-wrapper{padding: 15px 0px; width:75%; margin: 0 auto; text-align: left;}
.inv-wrapper h1{text-align: left!important;}

.wrapper-center{padding: 15px 0px; width:75%; margin: 0 auto; text-align: center;}
.wrapper-center p {text-align: left;}
.wrapper-center h2,.wrapper-center h3{text-align: center;}
.black-bg{background: #000; color:#fff;}
.darkblue-bg{background: #075d85; color:#fff;}
.darkblue-bg a, .darkblue-bg h3{color:#fff;}

.left-col{width:60%; display:inline-block; vertical-align: middle;}
.right-col{width: 35%; display: inline-block; text-align: right; vertical-align: middle;}

#blue-button{
	color:#fff; 
	border: 1px solid #177BB5;
	background: #177BB5; 
	padding: 10px 25px; 
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: left;
	letter-spacing: 1.25px;
	margin:5px 0;
	cursor: pointer;
}
#blue-button:hover{background:#fff; color:#075d85;border: 1px solid #fff;}
#blue-button .fa{color:#075d85; font-size:22px; margin-left:18px;}

#back-button{
	color:#fff; 
	background: #1b8dcd; 
	padding: 10px 25px; 
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	letter-spacing: 1.25px;
}

#back-button:hover{background:#fff; color:#075d85;}
#back-button .fa{color:#075d85; font-size:22px; margin-right:18px;}


.hero-text{
	text-align:left;
	position:absolute;
	top:18vw;
	left: 10%;
	color:#fff;
	z-index:998;
	overflow: hidden;
	display: block;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
        /* Opera/IE 8+ */}


.hero-text h1 span{font-weight: 300; color:#1b8dcd;  font-size: 3.5vw; }
.hero-text h1 { font-size: 2.5vw; color:#fff; line-height: 3vw; text-align:left; text-transform:uppercase;  font-weight: 700; padding:10px 0; font-style: italic; margin-bottom: 10px;}

.cycle-slideshow img{width:100%;}

/*---SUB PAGES----------------------*/
#pageimage{width: 100%; display: block;}
.sub-hero-text{
	width:60%;
	text-align:center;
	position:absolute;
	top:14vw;
	left: 0;
	right: 0;
	margin: 0 auto;
	color:#fff;
	z-index:99;
	overflow: hidden;
	display: block;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
        /* Opera/IE 8+ */
}

.parts.sub-hero-text{
	width:60%;
	text-align:center;
	
	margin: 0 auto;
	color:#fff;
	position: inherit !important;
	overflow: hidden;
	display: block;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
        /* Opera/IE 8+ */
}


.sub-hero-text h1 span{font-weight: 300; color:#1b8dcd;  font-size: 3vw; }
.sub-hero-text h1 { font-size: 2.25vw; color:#fff; line-height: 3vw; text-align:center; text-transform:uppercase;  font-weight: 700; padding:10px 0; font-style: italic; margin-bottom: 10px;}

#sub-blue-button{
	color:#fff; 
	background: #1b8dcd; 
	padding: 10px 25px; 
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: left;
	letter-spacing: 1.25px;
	margin: 0 5px;
}
#sub-blue-button:hover{background:#fff; color:#075d85;}
#sub-blue-button .fa{color:#075d85; font-size:22px; margin-left:18px;}

/*---HOME PAGE-----------------*/
#anniversary{width: 100%; max-width: 320px;}


.black-bar{
	width: 100%;
	background: #000; 
	padding: 25px 0;
	
}
.black-bar h2{
	color:#fff; 
	font-weight: 800;
	font-style:italic;
	font-size:35px;
	line-height:35px;
	text-align: left;
	display: inline-block;
}
.black-bar h2 span{
	color:#1b8dcd; 
}
.black-bar #blue-button{margin-top: 15px;}

 
.scrolling{
    width:100%;
    height:90px;
}


/*---ZOOM HOME PAGE-----------------------------*/
.categories{
	width: 100%; 
	margin:  0 auto; 
	text-align: center; 
	position: absolute; 
	margin-top:-70px; 
	z-index: 997;
}

.zoom-container {
	width:100%;
	max-width:20%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: none;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0px 5px;
}

.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 45px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1b8dcd;
	font-style: italic;
	font-family: 'Open Sans', sans-serif !important; 

}
.zoom-container .zoom-caption p{	
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
}
.zoom-container:hover img {
	
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: none;
}

/*---PARTS/SERVICE--------------------------*/
#service-button{display: inline-block; border: #1b8dcd solid 1px; width:100%; max-width: 350px; padding:10px 10px; text-align: center; margin: 5px; text-transform: uppercase;}
#request-service h2 {text-align: left !important;}

.service-col{display: inline-block; margin: 5px 20px; padding:10px 0; width:100%; max-width: 300px;text-align: center !important;}
.service-col p {text-align: center !important;}
.team-list.staff-text,.team-list.staff-text h4, .team-list.staff-text p {
	text-align: left !important;
}
.flex-gallery {
	display: flex;
    justify-content: center;
    gap: 15px;
    align-content: center;
    align-items: center;
	flex-wrap: wrap;
}

.flex-gallery img {
	max-width: 100%;
	width: 100%;
}

.gallery-img {
	flex-basis: 24%;
}
#parts-manu{vertical-align: bottom; display: inline-block; width: 100%; max-width: 350px; margin: 20px;}

.parts-box{width: 330px; min-height: 250px; background:#fff; display: inline-block; margin:5px 3px; flex-basis: 24%;}
.parts-box img{width: 80%;}

#parts-title{
	width: 100%;
	color:#fff; 
	background: #1b8dcd; 
	padding: 10px 0px; 
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	letter-spacing: 1.25px;
}


/**---- PARTS ----**/

.part-slide {
	    padding: 20px 0;
}

.parts-wrap {
display: flex;
    justify-content: center;
    flex-wrap: wrap;
	gap: 10px;
}

.parts-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.parts-btn {
	line-height: normal !important;
    background: #1b8dcd;
    flex-basis: 49.5%;
    color: #fff;
    background: #3f3f3f;
    padding: 15px 0;
    font-weight: 300;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-align: left;
    letter-spacing: 1.25px;
    margin: 5px 0;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-text {
	    text-align: center;
    max-width: 300px;
}

.small {
	  font-size: 16px;
}

.btn-text img {
	max-width: 100%;
	padding-bottom: 10px;
}

.parts-image {
	    background: url(../siteart/pageimages/partspage.jpg) repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 170px 0 30px;
}
#flyer{width: 100%;}

/*---BRANDS PAGE---------------------------*/
#manu-box{background:#fff;padding: 20px; display: inline-block;  margin:10px 5px ;flex:1;flex-grow: 1;}
#manu-box img{width: 100%; max-width: 200px; margin: 0 auto;}
#manu-box:hover{opacity: .6;}

.manu-cat{width: 400px; min-height: 360px; background:#fff; display: inline-block; margin: 5px; padding:15px 0px 0 0px;}
.manu-cat h2{font-size: 20px;color:#1b8dcd}
.manu-cat img{width: 90%; height: 250px; }
.flex-manu a,.no-link {flex: 1;}
#read-more{
	width: 100%;
	color:#fff; 
	background: #1b8dcd; 
	padding: 10px 0px; 
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	letter-spacing: 1.25px;
}
#read-more:hover{background:#075d85;}

#back-button{margin: 20px 0;}

.brand-left{display: inline-block; width: 35%; float: left;}
.brand-left img{width: 100%;}
.brand-right{display: inline-block; width: 60%; float: right;}
.brand-right p, .brand-right h3{text-align: left;}

.flex {width: 100%; display: flex; flex-direction: row; align-items: stretch; gap: 50px; margin: 25px 0; }
.flex-left {width: 50%; }
.flex-right {width: 50%;}
.flex-text {align-self: center; }

.flex img {width: 100%; height: 100% !important; box-sizing: border-box; object-fit: cover; }


#brands-button{
	color:#fff; 
	background: #1b8dcd; 
	padding: 10px 0; 
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: block;
	text-align: center;
	letter-spacing: 1.25px;
	width: 100%;
	margin: 10px 0;
}
#brands-button:hover{background:#fff; color:#075d85;}
#brands-button .fa{color:#075d85; font-size:22px; margin-right:18px;}

.video-col{width: 45%; margin: 5px; display: inline-block;}
.video {padding-bottom: 50px;;}

/*---CONTACT--------------------------------*/
.staff-row {padding: 2% 0; display: inline-block; vertical-align: top; width: 100%; max-width:  33%;}
.staff-row img {max-width:200px; width: 100%;display:inline-block;}

.staff-text {display:inline-block; width:80%; vertical-align:top; text-align: center !important; color:#fff;}
.staff-text a{color:#fff;}
.staff-text h4 {text-align: center !important;}
.staff-text p{text-align: center !important;}
#underline{text-decoration: underline;}


/*---LOCATIONS------------------------------*/
.location{ border: #1b8dcd solid 1px; flex:1;flex-basis: 22%;  display: inline-block; padding:10px; margin: 10px 3px; text-align: center;}
.location a{color:#1b8dcd;}
.location h2 {text-align: center;}

.location .left{float: left; display: inline-block; width: 30%;}
.location .right{float: right; display: inline-block; width: 70%;}

.location-flex {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(100px, auto);
    text-align: center;
}
.inline {
	display: inline-block;
	vertical-align: middle;
}


.location-ico {
	width: 30px;
}

.direction-btn {
	padding: 10px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.direction-btn:hover {
	opacity: .8;
}

#map-ico {
	width: 68px;
}

.map-text {
	text-transform: uppercase;
    font-weight: 800;
    color: #1b8dcd;
    text-align: center;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif !important;
    margin-top: -10px;
    display: block;
}



/**---- FOOTER -----------------------------*/
.manu-left{background:#177BB5; width:20%;display: inline-block; padding:35px 0; color:#fff;}
.manu-left h2 {color:#fff!important;}
.manu-left h1{color:#fff; font-size: 2vw;}
.manu-right{display: inline-block; width: 75%; text-align: center}
.flex-manu {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#manu-img{display: inline-block; width: 100%; max-width: 170px; margin: 0 25px;}
#manu-imgSpecial{display: inline-block; width: 100%; max-width: 270px; margin: 0 25px;}


footer{background:#000; color:#fff; margin: 0 auto; font-size: 12px; text-align: center;padding: 10px 0;}
footer a{color:#fff;}
footer a:hover{text-decoration: underline;}




/*--------FORM STYLES--------------------------------------*/
#formpage #blue-button a{color:#fff; width:180px; padding:0px 40px;}
#formpage #blue-button:hover{background:#075d85;border: 1px solid #fff;}
#formpage { 
	margin: 0 auto;  
}

#formpage div {
	padding:5px 5px;
	color: #fff;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #8e8d8d;
	font-size:13px;
	background:#fff;
    border-radius: 0 !important;
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
}

#formpage textarea {
	padding:6px 10px;
	border:1px solid #8e8d8d;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
	font-weight: 300;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #8e8d8d;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
}

.formfield {
	width:100%; 
	float:left; 
	margin-right: 12px; 
	margin-top: 10px;
	text-align:left;
	font-family: 'Montserrat', sans-serif; 
	font-weight: 300;

	
}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
	font-family: 'Montserrat', sans-serif; 
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
	text-align: left;	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#abacac; 
	color:#FFF;
	border:1px solid #abacac;
	outline-style:none;
}


#formpage input.button,
#formpage input.button:focus {
    width:180px;
    margin:0;
    background: #1b8dcd; 
	padding: 8px 10px; 
	font-weight: 300;
    font-size:15px;
	letter-spacing:1px;
    color:#fff;
	font-family: 'Montserrat', sans-serif;
	float: none;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-align: center;
    border-radius: 0 !important;
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
}
#formpage input.button:hover {
	width:180px;
    margin:0;
    padding:8px 10px;
    background: #075d85; 
	color:#fff !important;
}



/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
} 

/*control the Captcha */

.CaptchaPanel {
	margin:0 auto !important;
	padding:0 0 0 0 !important;
	line-height:normal !important;
	color:#000;
	width: 30%; 
	text-align:center;
}

.CaptchaImagePanel {
margin-top: 10px;
padding:0 0 0 0;
	text-align: center;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
	text-align: center;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
	text-align: center;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

.video-col {width:55%; aspect-ratio:16/9;}
.video-col iframe {width:100%; height: 100%;}

/*-------- RESPONSIVE STYLES --------*/


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

	.zoom-container .zoom-caption{top:30px;}
	.zoom-container .zoom-caption h3{font-size: 25px;}

	.staff-row{float: none;}
	
	.parts-box {
		flex-basis: 32.5%;
	}
	
	.gallery-img {
    flex-basis: 22%;
}
	
	

#manu-img{ max-width: 130px; margin: 0 20px;}
#manu-imgSpecial{ max-width: 210px; margin: 0 20px;}
}
@media screen and (max-width:1350px){
	header .wrapper-inner {
		margin-bottom: 50px;
	}
	
	.logo img {
		margin-top: 78px;
	}
	
	.parts-btn {
		    flex-basis: 49%;
	}
	
	.sub-hero-text h1 {
		padding: 45px 0 10px;
	}
	.location {
		flex-basis: 21%;
	}
	
}
@media screen and (max-width:1275px){
	
	
	.slick-slide img {
		max-width: 160px !important;
	}
	.part-slide {
    padding: 0;
}
	
}

@media screen and (max-width:1200px){
	.top-header{text-align: center;}	
	
.zoom-container .zoom-caption p{display: none;}
.zoom-container{max-width: 23%;}
.zoom-container .zoom-caption {top: 40px;}

.hero-text{top:24vw;}
.sub-hero-text{top:16vw;}
	
.wrapper-inner, .wrapper-center{width: 90%;}
.categories{position: relative; margin-top: 0; background: #000;}
	
#welcomepad{padding:0;}

#pad{padding:50px 0;}

.manu-cat{width: 45%; min-height: auto;}
	.manu-cat img{width: auto; height:200px;}
	
	
.manu-left{width:100%; float: none; text-align: center; margin:  0 auto; padding:10px 0;}
.manu-left h1{text-align: center; font-size:30px;}
.manu-left h1 br{display: none;}
.manu-right{float: none; text-align: center; margin: 0 auto; width: 100%; padding:20px 0;}
	
}

@media screen and (max-width:1150px){
	.slick-slide img {
    max-width: 160px !important;
}
}

@media screen and (max-width:1024px){
.left-col{width: 100%; float: none; text-align: center;}
.left-col h1{text-align: center;}
.right-col{float: none; text-align: center; margin: 0 auto; display: block;}

h1{font-size: 40px;}

.black-bar .left{float: none; text-align: center; }
.black-bar .right{float: none; text-align: center; }
.black-bar h2{text-align: center; float: none; margin: 0 auto; font-size: 28px;}


.hero-text, .sub-hero-text{display: none;}

/*---LOCATIONS------------------------------*/
.location{ border: #1b8dcd solid 1px; width:90%; display: block; padding:10px; margin: 15px auto; flex-basis: 30%}

.location .left{float: none; display: block; width: 100%;}
.location .right{float: none; display: block; width: 100%;}

	
.brand-left{ width: 100%; float: none; margin-bottom: 10px;}
.brand-left img{width: 50%;}
.brand-right{ width: 100%; float: none;}


.zoom-container{max-width: 48%; margin:3px 0;}
.zoom-container .zoom-caption p{display: block;}

.staff-row{max-width: 45%;}	
.staff-row img{max-width: 175px; margin-top: 15px;}
}
@media screen and (max-width:1150px){
	
		.location-flex {
	
    grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width:870px) {
	
	.manu-cat img {
		height: 166px;
		width: auto;
	}
	
}

@media screen and (max-width:850px) {
	    #manu-img {
        width: 90%;
        box-sizing: border-box;
        margin: 0 auto;
    }
	
	#manu-imgSpecial {
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
    }
	
	#manu-box:nth-child(5) {
		flex-grow: 0;
	}
	
	#manu-box{padding:15px 0; flex-basis: 48%; }
}

@media screen and (max-width:832px){
	.parts-box {
    flex-basis: 49%;
}
	.btn-text {
		width: 200px;
	}
	
	.location {
		flex-basis: 45%;
	}
	
	.gallery-img {
		flex-basis: 48%;
	}
	.gallery-img {
    flex-basis: 48%;
}
	.flex {flex-direction: column; }
	.flex:nth-of-type(2) {flex-direction: column-reverse !important; }
	.flex-left, .flex-right {width: 100%; }
}

@media screen and (max-width:740px){
	header{position: relative; background: #000;}
	
	.top-header .locations{text-align: center; margin:10px auto; float: none; width: 100%;}
	#head-location{font-size: 13px; padding: 5px 0; width: 100%; display: block; margin: 5px auto;}
	.social{display: block; text-align: center;}
	
	header .wrapper-inner {
    margin-bottom: 0px;
    padding-bottom: 50px;
	}
	.logo img {
		 margin-top: 211px;
		
	}
	
	.sub-hero-text h1 {
		display: none !important;
	}
   
	.parts-image {
		padding: 50px;
	}
	
	.top-header .locations:first-child {
     margin-right: 0 !important;
}
	
	.service-col {
		max-width: 100%;
		margin: 5px 0 !important;
	}
	
	#formpage div {
	 padding: 0 !important; 
	}
	
	.formfield,#formpage #blue-button a {
    width: 95% !important;
	}
	
	#service-button {
		max-width: 90%;
	}
	
	#formpage textarea {
		width: 90% !important
	}
	.logo img{margin-top: 195px; max-width: 130px; height: auto !important;}
	header .wrapper-inner {padding-bottom: 30px;}

	.manu-cat img {
		height: 150px;
		width: auto;
	}
	
	
}	
	


@media screen and (max-width:720px){
	
	
	#service-button{font-size: 14px;}
	
	.black-bar h2 br{display: none;}

	
	.manu-cat{width: 60%;}
	
	#home-map {height: 290px;}
	
	
	.video-col{width:100%; margin: 5px 0;}
	
	.parts.sub-hero-text {
    width: 90%;

	}
}

@media screen and (max-width:670px){
	.parts-box {
    flex-basis: 48%;
}
}
@media screen and (max-width:630px){

	
	.location {flex-basis: 100%;}
	#carolina, #florida {
		text-align: center;
	}
	
		
		.location-flex {
	
    grid-template-columns: repeat(1, 1fr);
}
}

@media screen and (max-width:600px) {
	#manu-box {flex-basis: 100%;}
}


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

	.parts-box {
    flex-basis: 100%;
	}
	.parts-btn {
	flex-basis: 100%;
    height: 180px;
	}
	.parts-wrap {
		gap: 0 !important;
	}
	
}

@media screen and (max-width:530px){
	
	.zoom-container{max-width: 90%;}
	.zoom-container .zoom-caption {top: 50px;}
	#anniversary{max-width: 500px;}
	
	
	.staff-row{max-width:100%;}	
	
	.manu-cat{width:95%;}
	.manu-cat h2{font-size:24px;}
	.logo a {
		margin-top: 165px;
}
	
	.logo img {
		margin-top: 3px;
		width: 120px;
		height: auto !important;
	}
	
	.logo {
		display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 0;
	}
	
}

@media screen and (max-width:480px){
	.logo img {
		margin-top: 5px;
	}
	
	.logo a {
		margin-top: 175px;
	}
	.logo {
    flex-direction: column;
	}
	
	.gallery-img {
    flex-basis: 100%;
}
	
	.flex-gallery {
		gap: 10px;
	}
	.flex-manu{gap: 20px;}
	.flex-manu a,.no-link {flex-basis: 100%;}
	.flex-manu a img,.no-link img {max-width: 200px!important; margin-top:15px;}
}

	#manu-imgSpecial {
		max-width: 280px!important;
	}

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

	.zoom-container .zoom-caption {top: 30px;}
	
	.logo img{margin-top:0px; max-width: 100px;}
	
	.parts-image {padding: 90px 0 !important;}
}