/***** 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 STYLES --------*/
:root {
--navy: #1F2A5A !important;
--blue: #3A5BA0 !important;
--skyblue: #AFCBEF !important;
--darkblue: #121833 !important;
--offwhite: #F5F6F8 !important;
--grey:rgba(0,0,0,0.25) !important;
--black: #000000 !important;
--white: #ffffff !important;
--header: "interstate-condensed", sans-serif !important;
--body: "interstate", sans-serif; !important;
 --hero-height: clamp(60vh, 80vh, 100vh);
    --overlay: 0,0,0;          /* base overlay color (RGB) */
    --overlay-alpha: 0.38;     /* adjust for contrast */
    --content-max: 72rem;      /* content width cap */
}
html{scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-family: var(--header) !important;line-height: 1.25}
body {font-family: var(--body) !important;overflow-x: hidden;}
p {font-family: var(--body) !important;font-size: 16px;line-height:2;}
a:link, a:visited, a:active {text-decoration:none;color:#000;}
a:hover {text-decoration:none;}
strong {font-weight: 800;}


hr{border:none;height: 1px;background:rgba(0,0,0,0.1)}

/*--- HEADER STYLES ---------------------*/
header {padding: 15px 0;box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;position:relative;}
.flex-head {gap: 5%;}
.logo {max-width: 170px;}
.logo img {max-width: 100%;width: 100%;}
.nav-wrap {flex: 1;}
a#contact-link {padding: 0 20px;font-weight: 500;transition: .4s all;line-height: 3;display: inline-block;font-size: 15px !important;}
header .blue-btn span:before,.icon-btn span:before {content: "\f095";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 5px;color: var(--skyblue);}
.head-contact {display: flex;align-items: center;gap: 15px;}
/*---HERO--------------------------------*/
/*.hero {background-image:linear-gradient(135deg,rgba(20, 20, 20, 0.65) 0%,rgba(20, 20, 20, 0.45) 70%),url("/siteart/hero.webp");background-repeat: no-repeat;background-size: cover;background-position: center center;background-color:var(--darkblue)}*/


  .hero {
    position: relative;
    display: grid;
    place-items: center;
    overflow: clip; /* prevent scroll bleed while preserving compositing */
    color: #fff;
    isolation: isolate; /* keep overlay/video below content */
    background: #000; /* safe color during video load */
  }

  .hero__video,
  .hero__image-fallback {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;   /* fill without distortion */
    object-position: center;
    z-index: -2;         /* below overlay & content */
  }

  .hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(var(--overlay), calc(var(--overlay-alpha) + 0.12)) 0%,
      rgba(var(--overlay), var(--overlay-alpha)) 40%,
      rgba(var(--overlay), calc(var(--overlay-alpha) + 0.08)) 100%
    );
    z-index: -1;
  }

  .hero__content {
       margin-inline: auto;
    display: grid;
    gap: 1rem;
    width: 90%;
    display: flex;
    height: 50vh;
	  min-height: 500px;
    padding: 90px 0;
  }

  .hero__title {
    text-wrap: balance;text-align: left;
  }

  .hero__subtitle {
    text-wrap: pretty;text-align: right;
  }

  .hero__actions {
    margin-top: 1.25rem;
    display: inline-flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: center;
  }

  .btn {
    --btn-bg: #ffffff;
    --btn-fg: #111111;
    --btn-border: transparent;
    padding: 0.85rem 1.15rem;
    border-radius: 999px;
    border: 1px solid var(--btn-border);
    color: var(--btn-fg);
    background: var(--btn-bg);
    font-weight: 600;
    text-decoration: none;
    transition: transform 120ms ease, opacity 120ms ease, background 180ms ease;
  }
  .btn:hover { transform: translateY(-1px); }
  .btn:active { transform: translateY(0); }

  .btn--primary {
    --btn-bg: #00e0b8;
    --btn-fg: #0b1721;
  }
  .btn--ghost {
    --btn-bg: transparent;
    --btn-fg: #ffffff;
    --btn-border: rgba(255,255,255,0.6);
  }
  .btn--ghost:hover { background: rgba(255,255,255,0.1); }

  /* Accessibility: reduce motion prefers */
  @media (prefers-reduced-motion: reduce) {
    .hero__video { display: none; }
    .hero { background: url("/siteart/hero-img.webp") center/cover no-repeat #000; }
  }

  /* Optional: small screens adjust overlay for better contrast */
  @media (max-width: 480px) {
    :root { --overlay-alpha: 0.48; }
  }

.hero-txt {height: 50vh;justify-content: space-between;gap: 5%;padding: 5% 0;min-height:400px;color:#fff;min-height: 500px;text-align: left !important;}
.hero-info p {font-size: 20px;text-align: left !important;}
.hero-info {align-content: flex-end;box-sizing: border-box;flex-basis: 50%; }
.hero-title {box-sizing: border-box;flex-basis: 50%;}
.hero h1 {font-size: 72px;}
.hero-vid {width: 100%;max-width: 100%;}
.hero-vid video {width: 100%;height: auto;display: block;}

.service-opts {grid-template-columns: repeat(4, 1fr);gap: 15px;}
.service-opt {padding: 30px 40px;box-sizing: border-box;border:1px solid var(--navy);background:var(--navy);text-align: center;text-transform: uppercase;border-radius: 5px;text-align: center;}
.service-opt h2 {color:var(--white); font-size: 24px !important;line-height: 1.5}
.service-opt h2 span {color:var(--skyblue);font-size: 16px;display: block;letter-spacing: 1px}
.inner-pg h2 {font-size: 36px;font-weight: 700;}

.flex-element{gap:15px;}
.category-wrap {grid-template-columns: repeat(5, 1fr);flex:1;gap: 5px;}
/*
.img-tail {overflow: hidden;width: 25%;box-sizing: border-box;border-radius: 5px;}
.img-tail img {height: 100%;width: 100%;object-fit: cover;}
*/

a.cat {padding: 30px;box-sizing: border-box;border: 1px solid #ddd;border-radius: 5px;text-align: center;background:#fff;transition: box-shadow 200ms ease, transform 200ms ease;}
a.cat:hover{transform: translateY(-4px);box-shadow: 0 16px 40px rgba(0,0,0,0.10), 0 0 0 4px rgba(10, 102, 255, 0.10);}

a.cat img {max-width: 100%;width:250px;margin: 0 auto;}

a.cat h3 {text-align: left;text-transform: uppercase;font-size: 20px;letter-spacing: 1px; color:var(--blue);font-weight: 600;}

.home-txt {max-width: 990px !important;}
.home-imgwrap {overflow: hidden;}
.image-grid {grid-template-columns: repeat(5, 1fr);gap:10px;align-items: flex-end;margin-right: -10%;margin-left: -10%;}
.image-box {border-radius: 4px;overflow: hidden;height:275px;}
.image-grid .image-box:nth-child(2),.image-grid .image-box:nth-child(5) {height: 325px;}
.grid-brands {grid-template-columns: repeat(5, 1fr);gap:10px;}

.show-box {background-color: #fff;padding: 30px;min-height: 200px;display: inline-flex;align-items: center;justify-content: center;border-radius: 5px;transition: box-shadow 200ms ease, transform 200ms ease;border:1px solid var(--offwhite)}
.show-box:hover,.all-brands:hover {transform: translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.10),0 0 0 4px rgba(10, 102, 255, 0.10);}
a.all-brands {background-color: var(--navy);padding: 30px;min-height: 200px;display: inline-flex;align-items: center;color: var(--white);border-radius: 5px;transition: box-shadow 200ms ease, transform 200ms ease;box-sizing: border-box;}
a.all-brands h3 {font-size: 28px;text-transform: uppercase;color:var(--skyblue)}
a.all-brands .link-btn {color:var(--white) !important}
a.all-brands .link-btn:after {color:var(--skyblue) !important}
.show-logo {width: 100%;max-width: 200px;}
.show-box img {width: 100%;height: 100%;object-fit: contain;}

/*---BODY--------------------------------*/
.wid90 {width:90%;margin:0 auto;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.page-wid {max-width: 1400px;}
.center {text-align: center;}
.pad-xl{padding-top:60px !important;padding-bottom:60px !important;}
.pad-xl-top{padding-top:60px !important;}
.pad-l-top{padding-top:40px !important;}
.pad-l-bottom{padding-bottom:40px !important;}
.pad-xl-bottom{padding-bottom:60px !important;}
.pad-l{padding-top:40px !important;padding-bottom:40px !important;}
.relative {position: relative;}
.base-align {align-items: baseline;}
.align-center {align-items:center;}
.center-content {align-content:center;}
.just-center{justify-content: center;}
.just-between{justify-content: space-between;}
.just-end{justify-content: flex-end;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.block,#block {display: block;}
#yellow-txt {color:var(--yellow)}
#blue-txt {color:var(--darkblue)}
.light-bg {background: rgb(175 203 239 / 15%);}
.inline {display: inline;}
.half-pg {flex-basis: 50%;}
.quarter-pg {flex-basis: 25%;}
.full-pg {flex: 1;}
.page-img {overflow: hidden;border-radius: 4px;display: inline-flex !important;}
.page-img img {height: 100%;width:100%;object-fit: cover;}
.page-content a {color:#111;}
.page-content a:hover {color:var(--grey);}
.dark-bg {background-color:var(--darkblue);}
.offwhite {background-color:var(--offwhite);}
.flex-pg {gap: 5%;}
.blue-bg {background-color: var(--navy);}
.skyblue {background-color: var(--skyblue);}
.grey-bg{background: linear-gradient(135deg, #F8F8F8 0%, #E8E8E8 50%, #D9D9D9 100%);}
.half-map {position: relative;}
.half-map iframe {position: absolute;top: 0;bottom: 0;left: 0;right:0;height:100%;width:100%;}
.breadcrumb-wrap {padding: 30px 0;}
nav[aria-label="breadcrumb"] {padding: 15px 0;}
nav[aria-label="breadcrumb"] ul {font-size: 15px;display: flex;list-style: none;padding: 0;margin: 0;width: 100%;}
nav[aria-label="breadcrumb"] li+li:before {content: ">";padding: 8px 10px;}
nav[aria-label="breadcrumb"] a {padding: 8px 0;border-radius: 90px;font-size: 15px;color: var(--darkblue);font-weight: 800;transition:.3s all;opacity: .65;text-decoration: none;box-sizing: border-box;}
nav[aria-label="breadcrumb"] a:hover {opacity: 1;}
nav[aria-label="breadcrumb"] li {padding: 0;line-height: 2;}
nav[aria-label="breadcrumb"] span {padding: 8px 0;font-size: 15px;font-weight: 500;text-decoration: none;box-sizing: border-box;}

/*---landing pages---*/
.landing-pg h1 {font-size: 62px;}
.landing-pg h1 span {font-size: 28px;text-transform: uppercase;display: block;letter-spacing: .5px;font-weight: 500;color: var(--blue);}

.grid-services.grid-container {grid-template-columns: repeat(3, 1fr);gap: 20px;}
.serviceoption {padding: 20px;box-sizing: border-box;text-transform: uppercase;background: var(--offwhite);box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;border-radius: 5px;}

.serviceoption h3 {font-family: "interstate", sans-serif;font-size: 18px;font-weight: 500 !important;display: inline;vertical-align: middle;}

.serviceoption i {font-size: 28px;margin-bottom: 10px;color: var(--skyblue);display: inline;vertical-align: middle;margin-right: 5px;}

/*---subhero---*/
.sub-hero {background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: var(--darkblue); color: var(--white);}
div#about-pg {background-image: linear-gradient(135deg, rgba(20, 20, 20, 0.85) 0%, rgba(20, 20, 20, 0.65) 70%), url("/siteart/travel-trailer-highway.webp");}
#contact-pg {background-image: linear-gradient(135deg, rgba(20, 20, 20, 0.85) 0%, rgba(20, 20, 20, 0.65) 70%), url("/siteart/google-maps.webp");}
.sub-herotxt h1 span {color: #fff;opacity: 0.75;}

.sub-herotxt {padding:80px 0 !important;}

.flex-container.flex-title .half-pg:nth-child(2) {align-content: flex-end;}

.flex-title .link-btn {color:var(--white) !important}

ul.list-items i {font-size: 32px;color: var(--darkblue);}

ul.list-items li{padding: 30px 15px;box-sizing: border-box;display: inline-flex;align-items: center;width: 100%;/* margin-bottom: 10px; */border-radius: 0;font-family: var(--header);text-transform: uppercase;font-size: 20px;gap: 15px;font-weight: 500;border-bottom: 1px solid #ddd;}

.grid-team {grid-template-columns: repeat(4, 1fr);gap: 20px;}
.team-member {padding: 20px;box-sizing: border-box;/* text-transform: uppercase; */background: var(--offwhite);box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;border-radius: 5px;text-align: center;}
.team-member i {color:var(--darkblue);font-size:32px;}
.team-member strong {text-transform: uppercase;font-family: var(--header);font-size: 18px;font-weight: 600;display: inline-block;}

.form-half div#formpage {background: var(--offwhite);padding: 30px;box-sizing: border-box;border-radius: 20px;}

.form-half h2 {font-size: 24px !important;margin-bottom: 15px;}

/*---about search---*/
.search-container form {display: flex;justify-content: space-between;width: 100%;gap: 10px;}

input.search-field {padding: 20px;border: 1px solid #fff;background: #fff;flex-grow: 1;width: 100%;border-radius: 5px;box-sizing: border-box;font-size: 16px;font-family:var(--body);}

input.search-field:focus {outline: 1px solid #ddd;}

/*--CONTACT PAGE---*/
.contact-info li {    padding: 20px 0;
    box-sizing: border-box;
    width: 100%;border-radius: 0;border-bottom: 1px solid #ddd;}
.contact-info li:last-of-type {border: none;}
.half-pg.form-half {flex-grow: 1;}
.quarter-pg {flex-basis: 25%;}

.contact-info h3 {font-size: 18px;color:var(--darkblue);text-transform: uppercase;    margin-bottom: 5px;}



.contact-info p {line-height: 1.5;}

.contact-info i {color:var(--skyblue)}
/*--------FORM STYLES--------------------*/
.blue-btn {padding: 12px 20px;font-size: 15px;line-height: 2;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--body);color:var(--white) !important;background:var(--navy);font-weight: 500;border-radius: 3px;border: 1px solid var(--navy);display: inline-block;text-align: center;text-transform: uppercase;letter-spacing: 1px;}

.sky-btn {padding: 12px 20px;font-size: 15px;line-height: 2;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--body);color:var(--white) !important;background:var(--blue);font-weight: 500;border-radius: 3px;border: 1px solid var(--blue);display: inline-block;text-align: center;text-transform: uppercase;letter-spacing: 1px;}

.grey-btn {padding: 12px 20px;font-size: 15px;line-height: 2;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--body);color:var(--navy) !important;background:var(--offwhite);font-weight: 500;border-radius: 3px;border: 1px solid var(--offwhite);display: inline-block;text-align: center;text-transform: uppercase;letter-spacing: 1px;}

.link-btn {padding: 10px 0;font-size: 16px;line-height: 2;cursor: pointer;transition: .4s all;font-weight: 500;font-family: var(--body);color:var(--black) !important;background:transparent;font-weight: 500;border: none;display: block;text-align: left;letter-spacing: .5px;}
.link-btn:after {content: "\f178";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 5px;color: var(--blue);}


/*-------- FOOTER STYLES ----------------*/
footer{color:var(--white)}
.flex-foot {gap:5%;}
.foot-col {flex-basis: 25%;}
.foot-col ul li {margin-bottom: 10px;display: block;}
.foot-col ul li a {color:var(--white);font-size: 15px;line-height: 1.5;}
.foot-col ul li strong {font-family:var(--header);text-transform: uppercase;font-size: 16px;padding-bottom:10px;margin-bottom: 10px;border-bottom:.5px solid rgba(255,255,255,0.25);display:block; width: 100%;font-weight: 600;}
#foot-address:before {content: "\f3c5";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 5px;color: var(--skyblue);}
#foot-phone:before {content: "\f095";font-family: "Font Awesome 7 Free";font-weight: 900;margin-right: 5px;color: var(--skyblue);}
#foot-social:before {content: "\f09a";font-family: "Font Awesome 7 Brands";font-weight: 900;margin-right: 5px;color: var(--skyblue);}

/*---INVENTORY---*/
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family:var(--header) !important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i,.list-top-section .list-listings-count {color:var(--orange) !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:var(--blue) !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px var(--blue) !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: var(--darkblue) !important; border-color:var(--darkblue);}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #222 !important; border: solid 1px #222 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #333 !important; color: #fff !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important; }
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important; }
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: #333 !important; border-color: #333!important;color:#fff !important}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: var(--orange) !important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}
/*---------- RESPONSIVE STYLES ----------*/

@media (prefers-reduced-motion: reduce) {
  a.cat { transition: none; }
  a.cat:hover { transform: none; }
}


@media only screen and (max-width: 1450px) {
	.hero h1 {font-size:62px;}
	.service-opt {padding: 30px 15px;}
	.category-wrap {grid-template-columns: repeat(4, 1fr);}
}
@media only screen and (max-width: 1200px) {
	.service-opt h2 {font-size: 22px !important;}
	.hero h1 {font-size: 54px;}
	.show-logo {width: 100%;}
}

@media screen and (max-width: 1250px) {
	.head-contact {gap: 10px;}
	a#contact-link {padding: 0 10px;}
	header .blue-btn{padding: 12px 15px;}
}

@media only screen and (max-width: 1165px) {
	.flex-head {gap: 2%;}
	.grid-brands {grid-template-columns: repeat(4, 1fr);}
}

@media only screen and (max-width: 1090px) {
	a#contact-link {display: none;}
	a.cat h3 {font-size: 18px;}
	a.all-brands h3 {font-size: 22px;}
	.hero__content {flex-direction: column;justify-content: center;}
	.hero-title,.hero-info {flex-basis: auto !important;flex: unset;}
	.service-opt h2 {font-size: 20px !important}
	.flex-title{flex-direction: column;gap: 15px;}
	.flex-title .half-pg.align-right {text-align: left !important;}
	.service-opt {padding: 30px 5px;}

	.grid-team {grid-template-columns: repeat(3, 1fr);}
	.img-tail {display: none;}
}


@media only screen and (max-width: 990px) {
	.grid-brands,.category-wrap{grid-template-columns: repeat(3, 1fr);}
	.grid-services.grid-container {grid-template-columns: repeat(2, 1fr);}	
}

@media only screen and (max-width: 930px) {
	.service-opts {grid-template-columns: repeat(2, 1fr);}
	.service-opt {padding: 15px 5px;}
	.flex-pg {flex-wrap:wrap;gap: 30px;}
	.flex-reverse{flex-wrap: wrap-reverse !important}
	.flex-pg .half-pg,.quarter-pg {flex-basis: 100%;}
}

@media only screen and (max-width: 767px) {
	.category-wrap,.grid-brands {grid-template-columns: repeat(2, 1fr);}
	.show-logo {max-width: 200px}
	.flex-foot{flex-wrap:wrap;gap:30px;}
	.foot-col {flex-basis: 45%;flex-grow:1;}
	.grid-team {grid-template-columns: repeat(2, 1fr);}
	.landing-pg h1 {font-size: 48px;}
	.landing-pg h1 span {font-size: 20px;}
}


@media only screen and (max-width: 550px) {
	.flex-title .flex-container {flex-wrap:wrap;}
}


@media only screen and (max-width: 500px) {
	.hero h1 {font-size: 48px;}
	.category-wrap, .grid-brands,.service-opts {grid-template-columns: repeat(1, 1fr);}
	a.all-brands h3 {font-size: 28px;}
	.image-box:first-of-type {display: none !important;}
	.image-grid {grid-template-columns: repeat(4, 1fr);}
	header .blue-btn{display: none;}
	
	.hero-txt{min-height: 550px;}
	.grid-services.grid-container {grid-template-columns: repeat(1, 1fr);}
	
	.grid-team {grid-template-columns: repeat(1, 1fr);}
	
	.inner-pg h2 {font-size: 28px;}
}

@media only screen and (max-width: 400px) {
	.image-box:nth-child(2) {display: none !important;}
	.foot-col {flex-basis: 100%;}
	.image-grid {grid-template-columns: repeat(3, 1fr);}
}