/***** 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 --------*/
:root {
--primary: #E6581D !important;
--primary-dark: #D14D17 !important;
--offwhite: #F5F6F8 !important;
--grey:rgba(0,0,0,0.25) !important;
--black: #000000 !important;
--white: #ffffff !important;
--header: 'Arvo', serif  !important;
--body: "Source Sans 3", sans-serif !important;
}
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)}
h1,h2,h3,h4,h5{font-family: var(--header) !important;}
body { font-family: var(--body) !important;}
p { font-family: var(--body) !important;}
a:link, a:visited, a:active {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
hr {
  border: none;height: 1px;background:#000;opacity: .25;
}
.black-bg {background:#000;}
/*--- HEADER STYLES ---------------------*/
.top-bar {background: #000 !important;padding:8px 0;text-transform: uppercase;font-weight: 700;color: #fff;text-align: center;font-family: var(--header);font-size: 14px;line-height: 20px;}
.top-bar a {color: #fff;font-family: var(--header);font-size: 14px;}
.top-bar .wid90{display: flex; justify-content: space-between;    align-items: center;}
.top-bar .wid90 .top-txt{flex: 1;}
.top-bar a {transition: .3s all;}
.top-bar a:hover{color: var(--primary);}
.left-side{text-align: left;}
.middle-side {text-align: center;}
.right-side{text-align: right;}

.whitebutton {padding: 10px;font-size: 15px !important;color: #fff !important;background: transparent !important;border: 1.5px solid #fff;font-weight: 700;transition: all 0.5s ease;text-transform: none !important;cursor: pointer;line-height: 1;text-transform: uppercase !important;display: inline-block;font-family: var(--body) !important;letter-spacing: .5px;}
.whitebutton:hover {background: var(--primary) !important;border-color: var(--primary) !important;color: #fff !important;}
.orange-btn {padding: 10px;font-size: 15px !important;color: #000 !important;background: var(--primary) !important;border: 1.5px solid var(--primary);font-weight: 700;transition: all 0.5s ease;text-transform: none !important;cursor: pointer;line-height: 1;text-transform: uppercase !important;display: inline-block;font-family: var(--body) !important;letter-spacing: .5px;}

.rental-require .inner-wrap .check-list li::before {
    color: #000;
}
.black-btn {padding: 10px;font-size: 15px !important;color: #fff !important;background: #000 !important;border: 1.5px solid #000;font-weight: 700;transition: all 0.5s ease;text-transform: none !important;cursor: pointer;line-height: 1;text-transform: uppercase !important;display: inline-block;font-family: var(--body) !important;letter-spacing: .5px;}

.black-border {padding: 10px;font-size: 15px !important;color: #000 !important;background: transparent !important;border: 1.5px solid #000;font-weight: 700;transition: all 0.5s ease;text-transform: none !important;cursor: pointer;line-height: 1;text-transform: uppercase !important;display: inline-block;font-family: var(--body) !important;letter-spacing: .5px;}
.black-border:hover {background: var(--primary) !important;border-color: var(--primary) !important;color: #fff !important;}

.main-header {background: #fff;box-shadow: rgb(0 0 0 / 7%) 0px 3px 6px, rgb(0 0 0 / 8%) 0px 0px 20px;}
.main-header .wid90{display: flex;align-items:center; justify-content: space-between;padding: 15px 0;gap: 5%;}
.left-nav, .nav-right {flex: 1;}
.nav-right {display: flex; align-items: center; gap: 40px}
.left-nav nav.primary {text-align: left !important;}
.social-icons {display: flex; gap: 2px;}
.social-icons a {color: #000;font-size: 16px;margin: 0 3px;}
.logo {width: 250px;}
.logo img {width: 100%;height: 100%;object-fit: contain;}
.main-header a{transition: .3s all;}
.main-header a:hover {color: var(--primary) !important;}
.social-media {font-size: 18px;text-align: left;display: flex;justify-content: space-between;gap: 5px;}
.nav-right nav {gap: 0 !important;}
a.bottom-bar {background: var(--primary);padding: 10px 0;color: #fff;position: unset !important;text-align: center;text-transform: uppercase;font-weight: 700;color: #000;text-align: center;font-family: Arvo, serif;font-size: 16px;line-height: 1.5;padding: 0;z-index: 1 !important;letter-spacing: 1px;transition: .3s all;display: block;pointer-events: auto !important;width: 100%;padding: 10px 0 !important;}
a.bottom-bar:hover {background:var(--primary-dark)}
/*---home page hero---*/
.swiper {width: 100%;height: 100%;}
.hero .swiper-slide {text-align: center;font-size: 18px;background: #444;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.autoplay-progress {position: absolute;right: 16px;bottom: 16px;z-index: 10;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: rgba(255,255,255,0.75);}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 4px;stroke: rgba(255,255,255,0.75);fill: none;stroke-dashoffset: calc(125.6px * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}
.logoSwiper .swiper-wrapper {align-items: center !important;}
.logoSwiper a {display: inline-flex;align-items: center;justify-content: center;filter: brightness(0) invert(1);opacity: .75;width: 180px;transition:.3s all;max-width: 100%;}
.logoSwiper a:hover {opacity: 1.0;}
.logoSwiper img {object-fit: contain !important;}
.swiper-button-next, .swiper-button-prev {color:#fff !important;}
.hero .swiper-slide {height: unset !important;}
/*---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,.content-center {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;}
#orange-txt {color:var(--primary)}
.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;display: inline-flex !important;}
.page-img img {height: 100%;width:100%;object-fit: cover;}
.page-content a {color:#111;}
.third-pg {flex-basis: 33%;BOX-SIZING: BORDER-BOX;}
.page-content a:hover {color:var(--grey);}
.dark-bg {background-color:var(--black);}
.orange-bg {background-color:var(--primary);}
.offwhite {background-color:var(--offwhite);}
.flex-pg {gap: 5%;}
.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;}


/*---home---*/
.home-txt h1 {font-size: 36px;text-transform: uppercase;margin-bottom: 15px;}
.home-txt h1 span{color:var(--primary);}
.sub-pg h1 span {
    display: block;
    font-size: 28px;
    color: var(--primary);
    font-style: italic;
    font-weight: 500;
}
.dirt-bg {background-image: url("/siteart/dirt-bg.webp");background-size: cover;background-position: center center;background-color:#39251B}
.cat-grid {grid-template-columns: repeat(3, 1fr);gap: 30px;}
a.cat {background: var(--primary);display: flex;flex-direction: column;overflow: hidden;position: relative}
a.cat img { width: 100%; height: 100%; object-fit: cover;display: block;transform: scale(1);transition: transform 0.4s ease;will-change: transform;}

.cat-img {overflow: hidden;height: 250px;}
.cat:hover .cat-img img {transform: scale(1.1); /* adjust scale as needed */}

.cat-title {padding: 20px;box-sizing: border-box;text-transform: uppercase;font-size: 18px;letter-spacing: 1px;}
.dirt-bg h2 {color: var(--white);text-transform: uppercase;font-size: 32px;margin-bottom: 20px;line-height: 1.5;}

.page-banner {padding: 20px 0;color:var(--white);text-align: center;}
.page-banner h2 {font-size:28px;text-transform: uppercase;line-height: 2;}

.our-services {background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%), url("../siteart/develon-excavator-inshop.webp");background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;background-color:#000;padding: 50px 0;color:#fff;}

.our-services .cat-grid {gap: 5%;}
.service-opt i{font-size: 82px;margin-bottom: 15px;}

.sub-pg h1 {font-size: 42px;font-weight: 800;color: #000;text-transform: uppercase;letter-spacing: 1px;}

.check-list {padding-inline-start: 0px;line-height: 2;}
.check-list li:before {content: "\f00c";color:var(--primary);font-weight:900;margin-right: 5px;font-family: "Font Awesome 7 Free"}
.flex-list {display: flex;flex-wrap: wrap;gap: 1rem;list-style: none;padding: 0;margin: 0;}

.flex-list li {flex: 1 1 clamp(180px, 25%, 300px);border: 1px solid #ccc;padding: 1rem;text-align: center;}
.flex-list li a {display:inline-block;width: 100%;transition:.3s all;}
.grey-box {flex: 1;text-align: center;padding: 30px 15px;background: var(--offwhite);border-radius: 8px;box-sizing: border-box;}
.grey-box h3 {text-transform: uppercase;font-size: 32px;margin-bottom: 10px;color:var(--primary);letter-spacing: 1px;}
.grey-box ul li {margin-bottom: 15px;font-weight: 500;}
/*---ACCORDION---*/

.accordion-header { width: 100%;text-align: left;padding: 15px 20px;font-size: 1rem;border: none;background: #f5f5f5;cursor: pointer;outline: none;font-family: var(--body);font-weight: 600;font-size: 16px !important;line-height: 2;display: inline-flex;align-items: center;justify-content: space-between;
}
  .accordion-header.active {background: #e0e0e0;
  }

  .accordion-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;padding: 0 1rem;
	  margin-bottom: 8px;background: #fafafa;
  }


.icon {
  font-size: 1.5rem;
  line-height: 1;color:var(--primary)
}


  .accordion-content p {margin: 1rem 0;
  }
.location-wrap {gap: 5%;}
.location-cat {flex: 1;width: 50%;
}

.location-cat h3 {text-transform: uppercase;font-size: 22px;margin-bottom: 8px;}

.location-cat h3::before {
  content: "\f3c5";
  color:var(--primary);
	font-weight:900;
	margin-right: 5px;
	font-family: "Font Awesome 7 Free"
}

.location-cat a[href^="tel:"] {
  color: var(--black);
	font-size: 18px;font-family:var(--header);
  text-decoration: none;
  font-weight: bold;display: block;
	margin-bottom: 15px;
}
/*---RENTAL PAGE---*/
.rental-wrap {grid-template-columns: repeat(4, 1fr);gap: 10px;display: grid;}
/*======= Rental Rates ====*/
.rental-require {box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;border-radius: 8px;color: #fff !important;}
.offwhite.rental-require {color:#000 !important;}

.rental-tables h3 {text-transform: uppercase;margin-bottom: 10px;color:var(--primary);font-size: 32px;}
.rental-require {border-radius: 30px;box-sizing: border-box;}
.rental-require .inner-wrap { padding: 40px; box-sizing: border-box; }
.rental-require .inner-wrap .check-list li:before {color:#fff;}
.offwhite.rental-require .inner-wrap .check-list li:before {color:var(--primary);}
.rental-flex-header {display: flex;flex-direction: row;color: #fff !important;column-gap: 1px;}

.rental-flex-header .rental-item {text-align: center;
    font-size: 14px !important;
    background: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
	
}
.cgequipmentcomhdev-s6xrdq.MuiPaginationItem-previousNext {color:#000!important;}
.list-top-section .list-listings-count {
	color: #286C96!important;}
.rental-flex {display:flex;}
.orange-bg {
	background: #e6581d !important;
	color:#000!important;
}

.rental-models {
	font-weight: 800 !important;
}
.rental-flex .rental-item {
border: 1px solid #000;
    border-top: 0;
}
.rental-item {
	flex: 1;
    text-transform: uppercase;
    padding: 8px 10px;
    font-size: 14px;
}

.margin-top {
	margin-top: 40px;
}

.mobile-show {
	display: none;
}

.rental-buttons {
	 padding: 40px 0;
}
.rental-btn-title {
	text-align: center;
    font-size: 22px;
    font-family: 'Arvo', serif;
    margin-bottom: 15px;
    font-weight: 500;
}

ul.rental-list {
	margin: 0 !important;
	padding-left: 15px !important;
}


/*--- ABOUT US ---------------------*/
.about-bg {background-color:#000;background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%), url("../siteart/develon-excavator-inshop.webp");background-repeat:  no-repeat;background-position: center;background-size: cover;background-attachment: fixed;padding: 50px 0;}
.white-bg {background:#fff;padding: 45px;box-sizing: border-box;text-align: center;max-width: 950px;}
.white-bg h2 {font-size: 32px;text-transform: uppercase;letter-spacing: 1px;font-weight: 800;color:var(--primary)}
.video-embed {width: 100%;position: relative;aspect-ratio: 16 / 9;}

.video-embed iframe {position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;}
.big-banner h2 {line-height: 2;color: #fff;font-size: 36px;text-transform: uppercase;padding: 20px 0;display: block;}
.video-section h2 {
    text-transform: uppercase;
    font-size: 28px;
    text-align: center;
    margin-top: 30px;
}

/*----SHOWROOM---*/
.showroom-wrap.grid-container {grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 40px;}
.showroom-category {
    box-shadow: rgb(0 0 0 / 7%) 0px 3px 6px, rgb(0 0 0 / 8%) 0px 0px 20px;
}

.showroom-category h2 {
	color: #000 !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    font-size: 18px !important;
	padding: 10px 0;
}

.showroom-category img {
	width: 100%;
    height: 100%;
    object-fit: contain;
	
}

.show-img {
      height: 120px;
    width: 200px;
}

.cat-button {
	padding: 15px 10px;    display: block;
    background: #000;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .5px;text-align: center;
	transition: all 0.4s ease-out;
}
.showroom-category:hover .cat-button {
	background: #e6581d;
    color: #fff;
} 
.cat-button:hover {
	background: #e6581d;
    color: #fff;
}


.showroom-category .width {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}
/*--- FOOTER STYLES ---------------------*/

.footer {background: #000;color: #fff;}
span.foot-title {font-size: 18px;font-weight: 800;text-transform: uppercase;color: var(--primary);font-family: 'Arvo', serif;}
.foot-container {display: flex;color: #fff;gap: 80px;justify-content: space-between;padding: 50px 0;flex-wrap: wrap-reverse !important;width: 90%; margin: 0 auto;}
.foot-col {flex:1;line-height: 24px;font-size: 16px;}
.foot-col ul {list-style: none;margin: 10px 0;padding: 0;line-height: 24px;}
.foot-col a {color: #fff;transition: .3s all;line-height: 28px;}
.foot-col a:hover {color: var(--primary) !important;}
.foot-col img {max-width: 100% !important;width: 250px !important;padding-bottom: 10px !important;}
.foot-col p {font-size: 15px;line-height: 1.5;margin: 10px 0 20px 0;}
.foot-col i { font-size: 28px;margin: 0 5px;}
.foot-address p{margin: 10px 0 !important;color: #fff;font-size: 16px;line-height: 28px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.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: 8px !important;
    -o-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !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 {color:#000000 !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:#000000 !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 #000000 !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: #fff !important; color: #000000 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !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: #fff !important; color: #000 !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: transparent !important; color: #000!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: #000!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 screen and (max-width: 1212px)  { 
	.left-nav {display: none;}	
	.main-header .wid90 {justify-content: space-between;}
	.nav-right {flex: none;}
	.logo img {width: 270px !important;}
	.social-icons a {font-size: 18px !important;
}
}
@media only screen and (max-width: 1200px) {
	.middle-side{display: none;}
}
@media only screen and (max-width: 1100px) {
	.foot-col:first-of-type {flex-basis: 100%;
    text-align: center;
}
	.foot-col {text-align: center;}
	
	.rental-flex-header {display:none;}
	.rental-models .mobile-show {color:#fff !important}
	.mobile-show {display:block !important;font-weight: 800;color:var(--primary)}
	
	.rental-flex {
        flex-wrap: wrap;
        row-gap: 0px;text-align: center;
        column-gap: 0px;
    }

	
	    .rental-flex .rental-item {
        border: 0.5px solid #000;
    }
	
	    .rental-models {
        flex-basis: 100% !important;
        background: #000 !important;
        color: #ffff;
        font-size: 16px !important;
    }
	
	    .rental-models .mobile-show {
        display: inline-block;
        font-weight: 700;
        margin-right: 5px;
    }
	
	.rental-item {
        flex-basis: 23%;
    }
	
	.rental-wrap {grid-template-columns: repeat(3, 1fr);}
	.cat-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
}
@media only screen and (max-width: 900px) {
.flex-pg {flex-wrap: wrap;gap: 30px;}	
	.grey-box {flex-basis:100%;}
	.flex-pg .half-pg,.flex-pg .full-pg,.flex-pg .third-pg {flex-basis: 100%;}
	.parts-service .flex-pg:nth-child(odd) {flex-wrap: wrap-reverse !important;}
	.parts-service .half-pg.pad-xl {padding: 0 !important;}
	.location-wrap {flex-wrap:wrap;gap: 30px;}
	.location-cat {width: 100%;}	
	.flex-title {flex-wrap:wrap;gap: 10px;}
	.flex-title div {flex-basis: 100%;}
	
}
@media only screen and (max-width: 750px) {
	.foot-container{gap: 40px;}
	.foot-col{flex-basis: 100%;text-align: center;}
	.rental-wrap {grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 500px) {
	.top-bar .wid90 .top-txt {
    flex-basis: 100%;
    text-align: center;
}
	    .rental-item {flex-basis: 40%;}
	
}
@media only screen and (max-width: 400px) {
	.main-header .wid90{flex-wrap:wrap;gap: 10px;}
	.main-header .wid90 .logo,.main-header .wid90 .nav-right{flex-basis: 100%;text-align: center;}
	.nav-right{flex-wrap:wrap;}
	.nav-right .mobile-menu,.nav-right .social-icons{flex-basis: 100%;justify-content: center;}
	.sub-pg h1 {font-size: 32px;}
	.rental-wrap {grid-template-columns: repeat(1, 1fr);}
	    .rental-item {
        flex-basis: 100%;
    }
}