/***** 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;  
} 

/*-------- COLORS --------

*/

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


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

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

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

hr.highlight-green {color: #00FD2F !important;}
hr.white {color: #fff !important;}

.gomme {font-family: "gomme-sans", sans-serif;}
.gomme-semi {font-family: "gomme-sans", sans-serif;font-weight: 600;}
.poppins {font-family: "poppins", sans-serif;}
.pop-reg {font-family: "poppins", sans-serif;font-weight: 400;}
.pop-med {font-family: "poppins", sans-serif;font-weight: 500;}
.pop-semi {font-family: "poppins", sans-serif;font-weight: 600;}
.pop-bold {font-family: "poppins", sans-serif;font-weight: 700;}

.heading1 {font-family: "gomme-sans", sans-serif;font-size: 75px;font-weight: 600;line-height: 80px;}
.subheading1 {font-family: "poppins", sans-serif;font-size: 20px;font-weight: 400;}
.lg-heading {font-size: 60px;font-weight: 600;font-family: "gomme-sans", sans-serif;    line-height: 65px;}
.m-heading {font-size: 30px;font-weight: 600;font-family: "gomme-sans", sans-serif;text-transform: uppercase;}
.sm-heading {font-size: 20px;font-weight: 600;font-family: "gomme-sans", sans-serif;text-transform: uppercase;}
.foot-title {font-family: "gomme-sans", sans-serif;font-size: 24px; text-transform: uppercase; font-weight: 600;}
.body {font-family: "poppins", sans-serif; font-size: 16px;font-weight: 400; margin-top:0px!important;}
body{margin-top:-19px!important;}
.addy a {font-family: "poppins", sans-serif; font-size: 16px;font-weight: 600;}

.black {color: #151515;}
.black-bg {background-color: #151515;}
.white {color: #fff;}
.white-bg {background-color: #fff;}
.gray {color: #5D5D5D;}
.gray-bg {background-color: #5D5D5D;}
.highlight-green {color: #00FD2F;}
.green {color: #009D04;}
.green-bg {background-color: #009D04;}
.dark-green {color: #004000;}
.dark-green-bg {background-color: #004000;}




/* sections */
.flex-container {display: flex;}
.flex-width {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
}

.f-row { display: flex; flex-direction: row; }
.f-col { display: flex; flex-direction: column; align-items: flex-start; }

.jc-c { justify-content: center; }
.jc-fs { justify-content: flex-start; }
.jc-sb { justify-content: space-between; }

.ai-fs { align-items: flex-start; }
.ai-fe { align-items: flex-end; }
.ai-c { align-items: center; }
.ai-s { align-items: stretch; }

.ac-c { align-content: center; }
.f-wrap { flex-wrap: wrap; }

.ta-c { text-align: center; }
.ta-l { text-align: left; }

.padtb-20 { padding-top: 20px; padding-bottom: 20px; }
.padtb-40 { padding-top: 40px; padding-bottom: 40px; }
.padtb-50 { padding-top: 50px; padding-bottom: 50px; }
.padtb-80 { padding-top: 80px; padding-bottom: 80px; }
.padtb-90 { padding-top: 90px; padding-bottom: 90px; }

.padt-50 { padding-top: 50px; }
.padt-100 { padding-top: 100px; }

.padb-70 { padding-bottom: 70px; }
.padb-20 { padding-bottom: 20px; }

.padlr-norm { padding-left: max(4%, calc(50% - 1200px)); padding-right: max(4%, calc(50% - 1200px)); }

.margt-16 { margin-top: 16px; }
.margt-20 { margin-top: 20px; }
.margt-40 { margin-top: 40px; }

.margb-neg40 { margin-bottom: -40px; }
.margb-8 { margin-bottom: 8px; }
.margb-16 { margin-bottom: 16px; }
.margb-40 { margin-bottom: 40px; }
.margb-80 { margin-bottom: 80px; }

.marglr-auto { margin-left: auto; margin-right: auto; }

.colgap-24 { column-gap: 24px; }
.colgap-60 { column-gap: 60px; }
.colgap-lg { column-gap: min(200px, 10vw); }

.rowgap-24 { row-gap: 24px; }
.rowgap-24 { row-gap: 24px; }
.rowgap-32 { row-gap: 32px; }
.rowgap-40 { row-gap: 40px; }
.rowgap-50 { row-gap: 50px; }

.wid95 {width: 95%;margin: 0 auto;}
.wid90 {width: 90%;margin: 0 auto;}
.wid85 {width: 85%;margin: 0 auto;}
.wid80 {width: 80%;margin: 0 auto;}
.wid75 {width: 75%;margin: 0 auto;}




.button {
    align-items: center;
    background-clip: padding-box;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: "poppins", sans-serif;;
    font-weight: 500;
    letter-spacing: 1px;
    justify-content: center;
    margin: 0;
    min-height: 3rem;
    padding: calc(.5rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
    transition: all .2s ease-in-out;
}

.green.button {
    background-color: #009D04;
    background-image: linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0));
}

.green.button {
    background-color: #009D04;
    color: #fff;
}
.green.button:hover {
    background-color: #004000;
	transition: all .2s ease-in-out;
}

.black.button {
    background-color: #151515;
    color: #fff;
}
.black.button:hover {
    background-color: #5D5D5D;
	transition: all .2s ease-in-out;
}



/*--- HEADER STYLES ---------------------*/

.mig-header, .header-logo-div, .header-logo, .mig-header-main, .mig-topheader, .mig-topheader-col, .nav-div { 
	position: relative; }
.mig-header, .header-logo-div, .header-logo, .mig-header-main, .mig-topheader, .mig-topheader-col, .nav-div { 
	display: flex; }
.mig-header, .header-logo-div, .header-logo, .mig-topheader, .mig-topheader-col, .nav-div { 
	flex-direction: row; }
.mig-header, .mig-header-main, .mig-topheader, .mig-topheader-col, .nav-div { 
	align-items: stretch; }
.mig-header { 
	z-index: 1004; width: 100%; background: #EDEDEfD; }
.mig-header:after, .mig-topheader {  }
.mig-header:after { 
	position: absolute; content: ""; z-index: 2; width: 100%;}
.header-logo-div { 
	padding: 0 min(80px, max(0.75%, calc(50vw - 1200px))) 0 max(1.75%, calc(50vw - 1200px)); background: #151515; }
.header-logo-div:after { 
	position: absolute; content: ""; z-index: 2; top: 0; left: calc(100% - 0); width: 75px; height: 100%; background: #151515; clip-path: polygon(0% 0%, 100% 0%, 1px 100%, 0% 100%);    right: -75px;}
.header-logo, .header-logo img { 
	width: 300px; }
.header-logo {}
.header-logo img, .foot-logo img { 
	height: auto; object-fit: contain; object-position: center; }
.header-logo img {}
.mig-header-main { z-index: 0; flex-grow: 1; flex-direction: column; }
.mig-topheader { z-index: 3; justify-content: flex-end; padding: 12px max(1.75%, calc(50vw - 1180px)) 12px 100px;border-bottom: #009D04 solid 2px}
.mig-topheader a { min-height: unset!important; padding: 0 8px!important;}
.mig-topheader-col { column-gap: 50px; }
.mig-topheader-l { justify-content: flex-start; }
.mig-topheader-r { justify-content: flex-end; }
.head-loc i {font-size: 14px;}
.nav-div { 
	z-index: 5; 
/*	height: 70px; */
	justify-content: stretch; 
	padding: 0 max(1.75%, calc(50vw - 1180px)) 0 40px; }
.mig-topheader-col.mig-topheader-l span {font-size: 16px;font-weight: 600;text-transform: uppercase;font-family: "gomme-sans", sans-serif;
}


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


.breadcrumbs {
    display: flex;
    font-size: 15px !important;
    color: #403f3b !important;
    padding: 3% 0 2%;
    flex-wrap: wrap;
    align-items: center;
    letter-spacing: 0.05em;
    gap: 10px;
	font-family: "poppins", sans-serif;
}
.breadcrumbs a {
    display: inline-block;
    padding: 12px;
    color: #403f3b;
    font-size: 15px !important;
	font-family: "poppins", sans-serif;
}

.hero-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 75% 25%;
    background-color: #000;
    display: flex;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    align-items: center;
    width: 100%;
    max-width: 100%;
}
.hero-wrap.home {
    background-image: url("../siteart/hero-slide.jpg");
    height: 600px;
}
.hero-wrap.about {
	background-color: #383838;
    height: 250px;
}
.hero-wrap.about h1 {
	margin: 0!important;
}
.hero-wrap.contact {
    background-image: url("../siteart/contact-hero.png");
    height: 300px;
}
.hero-wrap.service {
    background-image: url("../siteart/serv-hero.png");
    height: 300px;
}
.hero-wrap.thankyou {
    background-image: url("../siteart/hero1.jpg");
    height: 300px;
}
.hero-txt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
	text-align: center;
}
.hero-txt h1 {
	margin-bottom: 15px;
}

h2.subheading1.white.gray-bg, h3.subheading1.white.gray-bg {
    padding: 9px 30px 5px;
    border-radius: 40px;
}

.hero-btn {
    margin-top: 30px;
	place-self: center;
}


/* HOME SEARCH */
.flex-container {display: flex;}
.search-bar {justify-content: space-between;gap:30px;align-items: center;padding: 30px 0;}
.col-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}
.search-col {width: 100%;flex: 1;}
.search-col label {display: block;font-family: "poppins", sans-serif;font-weight: 600;letter-spacing: 1px;margin-bottom: 15px;}
.search-col select, .search-col input {width: 100%;box-sizing: border-box;padding: 10px;font-size: 16px;border: none;color: #000 !important;}
.example-val {margin-bottom: 25px;font-family: "poppins", sans-serif; font-weight: 600;letter-spacing: 1px;}
form.search-bar.flex-container select {font-family: "poppins", sans-serif; }
.search-col.last {width:fit-content;flex: .1;}

button.search-btn {background: #009D04;border: none;color: #fff;padding: 20px;border-radius: 3px;box-sizing: border-box;font-size: 18px;height: 100%;width: 100%;cursor: pointer;transition: all .2s ease-in-out;}

button.search-btn:hover {background-color: #004000;transition: all .2s ease-in-out;}
/* NOUI SLIDER */
.noUi-target{position: relative; direction: ltr}
.noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value{position: absolute}
.noUi-horizontal{height: 12px; z-index: 0}
.noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.noUi-horizontal .noUi-handle-upper{top: -5px}
.noUi-background{background: #ccc;}
.noUi-connect{background: #fff!important; border: 1px #e8e8e8 solid;}
.noUi-target{width: calc(100% - 15px); margin: 15px auto;}
.noUi-handle{position: relative;background: #009D04 !important;border: 1px solid #009D04;border-radius: 3px;z-index: 1;}
.noUi-handle:after, .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.noUi-handle:after{left: 12px}
.noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #fff;}
.example-val{font-weight: 700;}
.example-val span{font-weight: 500;}
#slider-price-value-lower:before, #slider-price-value-upper:before{content: '$'; padding-right: 2px}



.home-cat {
    border-radius: 5px;
    background: #F2F2F2;
}


/*HOME CATEGORIES*/
.home-categories {
    margin: 100px auto 100px;
}
.home-categories h3 {
    font-size: 50px;
	text-align: start;
    margin-bottom: 50px;
}
.home-categories h4 {
    font-size: 20px;
    text-align: center;
    align-content: center;
    line-height: 40px;
    text-transform: uppercase;
    font-family: "gomme-sans", sans-serif;
    font-weight: 600;
	padding: 10px
}
.cats-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.home-cat {
    position: relative;
	display: flex;
	transition: all .2s ease-in-out;
	justify-items: center;
	flex-direction: column;
    justify-content: space-between;
    align-items: center;
	height: 250px;
}
.home-cat img {
	position: relative;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    max-width: 100%;
	padding: 10px;
}
.cat-btns a {
    width: 100%;
	text-align: center;
}

.cat-btns {
    width: 100%;
    display: flex;
    gap: 1px;
    border-top: 1px solid #fff;
}
.equip-wrap {
    margin-top: 50px;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.equip-wrap .home-cat h4 {
	transition: all .2s ease-in-out;
}
.equip-wrap .home-cat:hover h4 {
	color: #FF6633;
	transition: all .2s ease-in-out;
}
.equip-wrap .home-cat img {
    height: 110px;
}

.green-btn {
    background-color: #009D04;
    background-image: linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0));
}

.green-btn {
    align-items: center;
    background-clip: padding-box;
    background-color: #009D04;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: "poppins", sans-serif;
	font-size: 15px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    justify-content: center;
    margin: 0;
    min-height: 3rem;
    padding: calc(.5rem - 1px) calc(.5rem - 1px);
    position: relative;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
    transition: all .2s ease-in-out;
}
.green-btn:hover {
    background-color: #004000;
	transition: all .2s ease-in-out;
}


.all-inv {
	position: relative;
    display: block;
    transition: all .2s ease-in-out;
    justify-items: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 250px;
	background-color: #000;
}

.all-inv img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
	background-color: #000;
}
.all-inv h4 {
    font-size: 30px;
	font-weight: 600;
	text-transform: capitalize;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-content: center;
    line-height: 38px;
}




.guides-bg {
	background-image: url(../siteart/find-perfect-rv-02.jpg);
    min-height: 232px;
/*    background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #151515;
    display: flex;
    align-items: center;
    gap: 50px;
	padding: 0 100px;
}
.guides-wrap a.black-bg.white.button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.guides-wrap a.black-bg.white.button:hover {
	background-color: #5D5D5D;
    transition: all .2s ease-in-out;
}


.inventory-wrapper {
    margin: 100px auto 0;
}


.home.about-img {
	position: relative;
	background-image: url("../siteart/about-camper.jpg");
    background-position: center top;
    background-size: cover;
    min-height: 700px;
}
.home-about h3.subheading1.white.gray-bg {
    display: inline;
}
.text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.text-container.flex-width {
    padding-left: 100px;
}
.abt-aside {
    position: absolute;
    align-content: center;
    top: 0;
    bottom: 0;
    align-self: anchor-center;
    padding: 50px;
    max-width: 270px;
    left: -7vw;
}
.abt-aside p {margin-bottom: 12px;}
.abt-aside h4 {text-align: center; margin-bottom: 32px;}
.abt-btns {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}



.cta-section {
    position: relative;
    width: 100%;
    padding-bottom: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 3px;
    justify-content: space-between;
}
.lg-cta-50 {
    width: calc(50% - 2.5px);
    min-height: 500px;
    justify-content: flex-end;
}

.lg-cta {
	position: relative;
    padding: 80px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    flex: 1
}
.lg-cta > img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	background-color: #fff;
}
.lg-cta > img {
    filter: brightness(.5);
    transition: .2s ease all;
	background-color: #000;
}
.lg-cta .title {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 45px;
    line-height: 1.15;
    text-shadow: 0 0 12px #000;
	font-family: "gomme-sans", sans-serif;
	text-transform: uppercase;
}
.lg-cta .subtitle {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 30px;
    line-height: 1.15;
    text-shadow: 0 0 12px #000;
	font-family: "poppins", sans-serif;
	text-transform: uppercase;
}

.lg-cta:hover { background: #004000; }
.lg-cta:hover > img { opacity: .4; transform: scale(1.0); transition: .3s ease all; }
.lg-cta:hover span { text-shadow: 0 0 12px #000, 0 0 20px #000; }


iframe.scrolling {
    width: 100%;
}

a.lg-cta.lg-cta-25.ta-c.rt {
    background-color: #000;
}
/*------------BRANDS SLIDER----------*/
.brand-slider.slick-initialized.slick-slider {
    width: 90%;
    margin: 30px auto;
}







/*-------- PAGE STYLES ------------*/


section.contact-deets {
    display: flex;
	gap: 50px;
    margin-bottom: 100px;
}
.con-col.lf.blue-bg {
    padding: 75px 50px 50px 50px;
	margin-top: -70px;
    position: relative;
    z-index: 10;
	min-width: 317px;
}
p.loc-title {
    font-family: "raleway", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 9px;
}
.red-border {
    border-left: 3px solid #CD1433;
    padding-left: 1rem;
}
.con-col.rt {
    margin-top: 50px;
}
.contact-loc a:hover {
	transition: opacity 0.2s ease;
	opacity: 0.7
}


.half-pg {flex-basis: 50%;}


.contact-location-wrap.abt h3.m-heading {
    text-transform: capitalize;
}

/*---ACCORDION---*/
.accordion,.subaccordion{display: block; position: relative; margin-bottom: 10px; color: #666; border-radius: 5px; transition: all .2s ease-in-out;border-bottom: 1px solid #ddd;border-radius: 0px !important;}
.accordion:hover{}
.accordion .accordion-header,
.subaccordion .subaccordion-header{display: flex; align-items: center; font-weight: 700; border-radius: 5px; cursor: pointer;margin-bottom: 10px;justify-content: space-between}
.accordion .accordion-header:after,.subaccordion .subaccordion-header:after{font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 900; content: "\f107"; margin-left: 20px; color: #ddd;}
.accordion .accordion-header h3,.accordion .accordion-header a,.accordion .accordion-header h2 {line-height: 3;font-size: 22px;}
.subaccordion .subaccordion-header h4 {line-height: 2;font-size: 16px;}
.accordion .accordion-header h3{color:#000;}
.accordion .accordion-content,.subaccordion .subaccordion-content {display: none;padding: 0 30px 30px;border-left: none;}
.accordion .accordion-content p,.accordion .accordion-content a {color:#000;}
.accordion .accordion-content a {margin-bottom: 10px;}
.accordion .accordion-content ul li a,.subaccordion .subaccordion-content ul li a  {line-height: 2;font-weight: 600;font-size: 15px;}
.accordion.active{}
.accordion.active:hover{}
.accordion.active .accordion-header:after,.subaccordion.active .subaccordion-header:after{transform: rotate(90deg); color: #999;}
.accordion.active h2,.subaccordion.active h4 {color: #111;}
.inner-title {display: inline-flex;align-items: baseline;width: 100%;margin-right: 2%;justify-content: space-between;}
.accordion-header::before {content: "\f3c5";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 15px;color: #009D04;}
.service-accordion .accordion-header::before {content: " ";}
.accordion .accordion-header a {color:var(--skyblue);transition:.3s all;}
.accordion .accordion-header a:hover {color:var(--blue);}

.contact-location-wrap .wid90.flex-container {
    gap: 4vw;
}


/*-------- FOOTER STYLES ----------------*/
footer{}

.foot.top {
	border-bottom: 0.5px solid #00FD2F;
}
.foot.top .wid90 {
    display: flex;
    gap: 10vw;
    align-items: center;
}
.foot.mid .wid90 {
    display: flex;
    justify-content: space-between;
	gap: 60px;
    flex-wrap: wrap;
}
.foot.mid {
	border-bottom: 1px solid #5D5D5D;
}
.hours {
    display: flex;
    gap: 50px;
}
.call a.highlight-green.poppins {
    font-size: 20px;
    font-weight: 600;
}
.foot-icons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}






/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







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

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width:768px) and (max-width: 1130px) {
	
}


@media only screen and (max-width: 1300px) {
	.text-container.flex-width {padding-left: 50px;}
}
@media only screen and (max-width: 1200px) {
	.hero-wrap {height: 500px;}
	.heading1 {font-size: 50px;line-height: 50px;}
	.lg-heading, .home-categories h3 {font-size: 40px;line-height: 45px;}
	.m-heading {font-size: 25px;line-height: 30px;}
	h2.subheading1.white.gray-bg, h3.subheading1.white.gray-bg {font-size: 16px;}
	.lg-cta .title {font-size: 30px; margin-bottom: 10px;}
	.lg-cta .subtitle {font-size: 22px;}
	.button {font-size: 15px;}
	.hero-txt h1 {margin-bottom: 0;}
	.cats-wrap {grid-template-columns: repeat(3, 1fr);}
	.guides-bg img {display: none;}
	.guides-bg {gap: 0;padding: 0 50px;min-height: 385px;}
}
@media only screen and (max-width: 1110px) {
	.col-wrap {flex-direction: column;}
	.contact-location-wrap .wid90.flex-container {
		flex-direction: column;
		gap: 50px;
	}
}
@media only screen and (max-width: 1000px) {
	.foot.top .wid90 {
		flex-direction: column;
		gap: 40px;
		text-align: center;
		font-size: 15px;
	}
}
@media only screen and (max-width: 991px) {
	.mig-topheader {display: none!important;}
	.mig-header-main {background-color: #151515;align-self: center;}
	.header-logo-div:after {display: none;}
	.mig-header {
		background: #151515;
	}
	.header-logo img {padding: 10px 0;}
	
}
@media only screen and (max-width: 900px) {
	.cats-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
	div#about {
		flex-direction: column;
	}
	h2.lg-heading.margb-40.margt-20 br {
		display: none;
	}
	.text-container.flex-width {
        padding: 50px;
		margin-bottom: 150px;
    }
	.abt-aside {
		align-content: center;
		top: auto;
		bottom: auto;
		padding: 50px;
		max-width: 270px;
		left: auto;
        right: 0;
        place-self: center;
        margin-right: 50px;
		margin-top: 200px;
	}
	.home.about-img {
		position: relative;
		background-image: url(../siteart/about-camper.jpg);
		background-position: center center;
		background-size: cover;
		min-height: 500px;
	}
}
@media only screen and (max-width: 800px) {
	.cta-section {flex-direction: column;}
}
@media only screen and (max-width: 700px) {
	form.search-bar.flex-container {flex-direction: column; gap: 0;}
	.col-wrap {margin-bottom: 30px;}
	.search-col.last {width: 100%;}
	.abt-aside {
		position: relative;
		margin: -200px 0 0 0;
		width: 100%;
		max-width: max-content;
	}
	.aside-list {
		place-items: center;
		text-align: center;
	}
	h4.white.sm-heading br {
		display: none;
	}
	.heading1 {
        font-size: 30px;
        line-height: 32px;
    }
	.hero-txt h1 {
        margin-top: 10px;
    }
	.lg-heading, .home-categories h3 {
        font-size: 28px;
        line-height: 28px;
    }
	.m-heading, .all-inv h4 {
        font-size: 20px;
        line-height: 25px;
    }
	.home-categories h4 {font-size: 18px;}
	.text-container.flex-width {
        padding: 25px;
    }
	.button {min-height: 2.7rem;}
}
@media only screen and (max-width: 600px) {
	.cats-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
	.text-container.flex-width {margin-bottom: 220px;}
	.home.about-img {min-height: 500px;}
	.guides-bg {padding: 0 25px;}
	.inner-title {flex-direction: column;}
	.accordion .accordion-header, .subaccordion .subaccordion-header {align-items: baseline;}
}
@media only screen and (max-width: 500px) {
	.body {font-size: 15px;}
	.abt-aside {padding: 50px 25px;max-width: fit-content;}
	.header-logo, .header-logo img {width: 225px;padding-top: 5px;}
	.foot-logo img {width: 225px;padding-left: 0;}
	.home-about h3.subheading1.white.gray-bg {
		display: block;
		text-align: -webkit-center;
	}
	h2.subheading1.white.gray-bg, h3.subheading1.white.gray-bg {
        font-size: 15px;
		line-height: 20px;
    }
	.abt-btns {
		flex-direction: column;
		gap: 15px;
	}
	.nav-div {padding: initial;}
	.mig-header {
		display: flex;
		flex-direction: column;
		text-align-last: center;
		width: auto;
	}
	.header-logo-div {
		align-self: center;
	}
	#menu-button a.menu-toggle {
		font-size: 20px;
	}
}