/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
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, p {
font-family: 'Montserrat', sans-serif;
	font-size: 15px; line-height: 28px;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}

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


hr{border:#000 1px solid;}

.width-70 {width: 70%; margin: 0 auto}
.width-80 {width: 80%; margin: 0 auto;}
.width-90 {width: 90%; margin: 0 auto;}

.bold {font-weight: 800;}
.light {font-weight: 500}
.yellow {color:#f5e633}
.blue {color:#264c85}
.white {color:#fff}
.black {color:#000}

.padding25, #padding25 {padding: 25px 0;}
.padding50, #padding50 {padding: 50px 0;}
.padding100, #padding100 {padding: 100px 0;}

.lt-btn {min-width: 200px; width: 100%; padding: 15px 25px; display: inline-block; vertical-align: middle; background: #E5EAF1; color:#000; font-weight: 900; text-align: center; font-size: 14px; letter-spacing: 1px; transition: .3s ease;}
.lt-btn:hover {background: #212121; color:#fff;}


.bl-btn {background: #264c85;min-width: 200px; width: 100%; padding: 15px 25px; display: inline-block; vertical-align: middle; color:#fff; font-weight: 900;text-align: center; font-size: 16px; letter-spacing: 1px; transition: .3s ease;}
.bl-btn:hover {background: #333;color: #fff;}

.flex-stretch {display: flex; flex-direction: row; align-items: stretch}
.flex-center {display: flex; flex-direction: row; align-items: flex-start;}

.white-btn {background: #fff; padding: 15px 0; max-width: 300px; width: 100%; display: inline-block; vertical-align: middle; text-align: center;color:#264C85; font-weight: 800;  transition: .3s ease; margin: 5px auto}
.white-btn:hover {background: #333; color:#fff; transition: .3s ease;}

hr {background: #EEEEEE; border:0; height: 1px; width: 100%; margin: 10px 0;}
/*--- HEADER STYLES ---------------------*/
header {border-bottom: 4px solid #264c85; height: 109px; position: relative; z-index: 999;}
.gray-header {background: #f1f1f1; padding: 8px 0;}
.gray-header p, .gray-header a {color:#000; font-size: 11px; text-align: right; font-weight: 600; transition: .3s ease;}
.gray-header a:hover {color:#45A13F}
.gray-header span {margin: 0 10px;}
.flex-header {display: flex; flex-direction: row; align-items: center;}
.logo {width: 30%;}
.logo img {max-width: 350px; width: 100%; text-align: center; margin-top:-20px;}
.header-right {width: 70%; text-align: right; margin-top:-15px;}

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

/*---BANNER--*/

/*.specials-banner {background:linear-gradient(90deg,rgba(11, 42, 106, 1) 0%, rgba(3, 28, 86, 1) 100%);text-align: center;cursor: pointer}*/
.specials-banner {background:#fff, rgba(3, 28, 86, 1) 100%);text-align: center;cursor: pointer}
.specials-banner img {margin: 0 auto;width:100%;display: block;}

/* SLIDESHOW */
.cycle-slideshow {width: 100%; line-height: 0; z-index: 10; position: relative;    min-height: 420px;}
.cycle-slideshow img{width: 100%; z-index: 5 !important; position: relative;}
.cycle-slideshow .cycle-pager {text-align: center; width: 100%; z-index: 25 !important; position: absolute; bottom: 10px; overflow: hidden;}
.cycle-slideshow .cycle-pager span {margin: 0; padding: 0; font-family: arial; font-size: 30px; line-height: 30px; width: 18px; height: 18px; display: inline-block; color: #fff; cursor: pointer;}
.cycle-slideshow .cycle-pager span.cycle-pager-active {color:#F6E633;}
.cycle-slideshow .cycle-pager > * {cursor: pointer;}
.slide {width: 100%; z-index: 5 !important;height: 100%;}
.slide img {width: 100%; z-index: 5 !important;object-fit: cover;height: 100%;}
.slide .slide-link{position: absolute; width: 100%; max-width: 470px; background: #fff; padding:20px 30px; box-sizing: border-box; color: #fff; bottom: 30px; z-index: 30; line-height: normal; text-align: left;}
.slide .slide-link img{max-width:180px; width:100%; padding-bottom:10px;}
.slide .slide-link .link-text h2{  color: #000; font-weight:800;font-size: 22px; line-height: 35px; margin-top:5px;}
.slide .slide-link .link-text p{ margin: 0 0 10px; color: #000; line-height: 32px; font-size: 18px; font-weight:400; margin-bottom:10px;}

.slide .button-link { margin: 15px 0; font-weight:900;  text-transform: uppercase; font-size:14px; text-align: center; text-decoration: none; box-sizing: border-box; color: #000;  transition: .3s ease; display:inline-block; vertical-align:middle; background: #e5eaf1; padding: 15px 20px;}
.slide .button-link:hover{background: #333; color: #fff;}

.brands-flex {display: flex; flex-direction: row; align-items: center; padding-top:20px; padding-bottom: 20px;}
.brands-title {background: url(../siteart/brands-bg-img.png); background-size: cover; padding: 48px 5%; width: 30%; margin-right: 20px; background-color: black;}
.brands-title h2 {font-size: 35px;}
.brands-slider {width: 60%;}
/* Logo Bar */
.brandsSlider {
    width: 100%;
    height: 122px;
    overflow: hidden;
	background: #f1f1f1;
}
.brandsSlider h5 { position: relative; top: 10px; margin: 0; }
.brandsSlider .slick-slider  section {
	display: block;
	width: 100%;
	height: 122px;
	position:relative;
}
.brandsSlider .slick-slider  section a {
	width: 100%;
	height: 100%;
	display: table;
	position:absolute;
}
.brandsSlider .slick-slider  section a span, .brandPage div.columns section {
	display: table-cell;
	vertical-align:middle;
}
.brandPage div.columns { 
	display: table; 
	max-height: 150px; 
	border: 1px solid #eee;
}
.brandPage img {
	display: block; 
	margin: 15px auto;
	max-height: 90px;
	max-width: 140px;
}
.responsive .slick-list.draggable {
    width: 90%;
    margin: 0px auto;
}
.responsive button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 99999;
}
.responsive .slick-slide img {
    display: table-cell;
	vertical-align:middle;
    max-height: 75px;
	max-width: 115px;
	margin: 0px auto;
}
.responsive .slick-slide { 
	display: block;
	padding: 0 15px 0 0;
	height: 125px;
	position:relative;
}

.grid h2 {font-size: 40px; line-height: 45px;}
.grid-row {display: flex; flex-direction: row; align-items: stretch; margin: 20px 0;}
.browse-brands {background: url(/siteart/hp-grid/browse-brands.png); background-size: cover; background-position: center; padding-top:360px; padding-left:  3%; padding-bottom:  3%; padding-right:3%; width: 25%; margin-right: 20px; transition: .3s ease;}
.used-eq {background: url(/siteart/hp-grid/pre-owned-equipment.png); background-size: cover; background-position: center; padding-top:360px; ; padding-left:  3%; padding-bottom:  3%; padding-right:3%; width: 25%; transition: .3s ease;}
.brand-col {width: 40%; margin-left: 20px;}
.grid a {color:#fff; background-color: black;}
.grid-row {width: 100%;}
.grid-row h3 {font-size: 25px; line-height: 30px;}
.const {background: url(/siteart/hp-grid/construction-equipment.png); background-size: cover;padding: 9% 5%;font-size: 25px; line-height: 30px; margin-bottom: 20px;transition: .3s ease;}
.lawn {background: url(/siteart/hp-grid/lawn-garden.png); background-size: cover;padding: 9% 5%;font-size: 25px; line-height: 30px; margin-bottom: 20px;transition: .3s ease;}
.power {background: url(/siteart/hp-grid/power-equipment.png); background-size: cover;padding: 9% 5%;font-size: 25px; line-height: 30px; transition: .3s ease;}
.filler-img {background: url("/siteart/planter-img.jpg"); background-size: cover; height: 200px;  width: 23%;padding-left: 40px; padding-right: 40px; }
.filler-img img{ padding-top: 120px;}
.inv-specials {background: url(/siteart/hp-grid/inventory-specials.png); background-size: cover; width: 70%; background-color: black;}
.special-title {display: inline-block; vertical-align: middle; width: 45%; padding-top:7%;}
.special-btn {display: inline-block; vertical-align: middle; width: 45%;text-align: center; margin: 0 auto;padding-top:7%; }
.const:hover, .lawn:hover, .power:hover, .inv-specials:hover, .browse-brands:hover, .used-eq:hover, .filler-img:hover {transition: .3s ease; opacity: .9; border-top-right-radius: 50px;}

.hp-text {width: 65%; margin: 2% 5% 2% 0;}
.hp-text p {padding-top:15px;}
.agcon {background: #333; padding: 15px 2%; width: 35%; text-align: center;}
.agcon img {text-align: center !important; max-width: 150px; width: 100%; margin: 0 auto;}
.agcon p {text-align: left; color:#fff;}

.parts-service {background-size: cover; width: 33%; padding: 2% 2%; text-align: center;background: url(/siteart/blue-field.jpg);background-color: black;}
.parts-service h2 {font-size: 50px; line-height: 50px;}
.parts-service p {color:#fff; width: 90%; margin: 0 auto; padding-top:10px;}
.parts-service-btn {background-size: cover; width: 66.6%; padding: 2% 2%; text-align: center;background: url(/siteart/white-field.png);display: flex;align-items: center;justify-content: center;}
.flex-button {display: flex;gap: 20px;justify-content: center;}
.flex-button a {flex: 1;width: 100%;}
.parts-service-btn .white-btn {max-width: 100%;background: #fff; padding: 15px 0; width: 100%; display: inline-block; vertical-align: middle;  color:#264C85; font-weight: 900; font-size: 16px; transition:.3s ease;max-width: 100%;}
.parts-service-btn .white-btn:hover {background:#333; color:#fff;transition:.3s ease; }

.loc-left {background: url(/siteart/4-locations-bg.png); background-size: cover; width: 31%; padding: 4% 2%; text-align: center;flex-grow: 1;background-color: black;}
.loc-left h2 {font-size: 50px; line-height: 50px;}
.loc-left p {color:#fff; width: 90%; margin: 0 auto; padding-top:10px;}
.map-right {width: 66.6%;flex-grow: 1;position:relative;}
.map-right iframe {height: 100%;width: 100%;position: absolute;top:0;left:0;right:0;bottom:0;    max-height: 100% !important;}
.hp-loc {background: #333; display: flex; flex-direction: row; align-items: stretch}
.col-4 {width: 25%; text-align: center; padding: 25px 0; }
.col-4 p {text-transform: uppercase;}
.col-4 p a {color:#fff;}
.col-4#border-right {border-right:1px solid #212121; margin: 15px 0;}

/* FORM PAGES */
.filler-bg {background: url(/siteart/filler-bg.jpg); background-size: cover; background-position: top;}
.filler-img a {display: inline-block;width: 100%;height: 100%;box-sizing: border-box;}
.form-stretch {display: flex; flex-direction: row; align-items: stretch;border-top-left-radius: 50px;}
.quote-left {background: url(/siteart/get-a-quote-img2.jpg); background-size: cover; background-position: center; width: 34%; border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.value-left {background: url("/siteart/value-trade-img-new.jpg"); background-size: cover; background-position: bottom; width: 34%; border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.demo-left {background: url(/siteart/schedule-demo-imng.jpg); background-size: cover; background-position: bottom; width: 34%; border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.parts-left {background: url(/siteart/parts-img.jpg); background-size: cover; background-position: bottom; width: 34%; border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.service-left {background: url(/siteart/service-img.jpg); background-size: cover; background-position: center; width: 34%; border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.careers-left {background: url(/siteart/careers-img.jpg); background-size: cover; background-position: center; width: 34%; border-top-left-radius: 50px;border-bottom-right-radius: 50px;}
.form-right {width: 65%; padding: 5% 5%;background: #fff; border: 1px solid #f1f1f1; border-bottom-left-radius: 50px;}


/* SUB PAGES */
.sub-hero {background: url(/siteart/subhero4.jpg);  background-color:#000!important; background-size: cover; background-position: bottom; width: 100%; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: black;}
.sub-hero h1 {padding: 3% 0; text-align: center; margin: 0 auto; font-weight: 900; font-size: 60px;color:#fff!important; 
  background:url(/siteart/subhero-text.jpg) center center no-repeat;
  -webkit-background-clip: text;
	background-attachment: fixed;
  -webkit-text-fill-color: transparent;
  background-size:cover;
  margin:0px;
  color:transparent;}

.big-box {background: #333; padding: 5% 6%;width: 40%}
.big-box h2 {font-size: 28px; line-height: 30px; padding-bottom: 20px;}
.big-box p {color:#fff}

.sml-box {background:url(/siteart/financing-bg.jpg); background-color:#000; background-size: cover; background-position: center; background-repeat: no-repeat;background-attachment: fixed; padding: 5% 6%;}
.sml-box h3 {font-size: 22px; line-height: 28px; padding-bottom: 20px; color:#fff;}
.sml-box p {color:#fff}
.sml-box .lt-btn {width: 200px; margin-top:10px;}
.sml-box2 {background:url(/siteart/financing-bg.jpg); background-color:#000; background-size: cover; background-position: center; background-repeat: no-repeat;background-attachment: fixed;width: 50%;border-top-right-radius: 50px; }
.farm-pg {
	text-align: center;
}

.cnh{
	color: white;
	font-size: 15px;
	padding-left: 4%;
	list-style:circle;
}

.sml-box2 img {width: 100%;border-top-right-radius: 50px;}
.sml-box2 h3 {font-size: 22px; line-height: 28px; padding-bottom: 20px; color:#fff;}
.sml-box2 p {color:#fff;}
.sml-box2 .lt-btn {width: 200px; margin-top:10px;}
.parts-box {width: 50%;}
.parts-box img {width: 100%; margin: 3px auto;}
.right-box {background: #fff; border: 1px solid #ddd; padding: 8% 5%; width: 50%; margin-left: 2%;}
.right-box .lt-btn,.right-box .bl-btn{width: 200px; margin-top:10px;}
.right-box h2 {font-size: 35px; line-height: 42px; padding-bottom: 10px;}

.bl-bg {background:url(/siteart/bl-bg.jpg); background-color:#000; background-size: cover; ; display: inline-block; width: 100%;}
.bl-bg h2 {font-size: 40px; line-height: normal}

.haul-left {width: 48%; display: inline-block; margin-top:3%; vertical-align: middle;} 
.haul-left img {width: 10%; height: auto; display: inline-block; vertical-align: middle; }
.haul-text {display: inline-block; vertical-align: middle;  margin-left: 15px; width: 80%;}
.haul-text h4 {font-weight: 400; font-size: 16px; line-height: 24px;}
.haul-right {background: url(/siteart/towing-bg.jpg); background-size: cover; background-position: left; background-attachment: fixed; padding: 5% 5%; width: 38%; margin-left: 2%;display: inline-block; vertical-align: middle;  border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.haul-right p {color:#fff; padding-bottom: 15px;}
.haul-right h3 {font-size: 16px; color:#fff;}
.haul-right h3 a{font-size: 16px; color:#fff; font-weight: 500; transition:.3s ease;}
.haul-right h3 a:hover{color:#F6E633;}


.location-bg {background: #000 url(../siteart/machine-lot-overlay.JPG); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; }
.location-bg h2 {font-size: 40px; line-height: 45px;}
.loc-stretch {display: flex; flex-direction: row; align-items: stretch; }
.loc {background: #f1f1f1; width: 50%; margin: 1% .5%;}
.loc img {width: 100%;}
.loc-info {width: 80%; margin: 0 auto; padding: 5% 0;}
.loc-info h3 {font-size: 20px; color:#264c85}
.loc-info p {padding-bottom: 20px; text-transform: uppercase; letter-spacing: .5px; font-size: 14px;}
.loc-info p a {color:#000; font-weight: 700;}
.hours .drk {width: 90%; background: #264c85; font-size:12px; padding: 10px 5%; display: block; color:#fff; font-weight: 700; letter-spacing: 1px;}
.hours .lt {width: 90%; background:#2D5A9E; font-size:12px; padding: 10px 5%; display: block;margin: 5px 0; color:#fff; font-weight: 700; letter-spacing: 1px;}
.loc .lt-btn {width: 100%; margin: 0 auto; padding: 10px 0;border-top:1px solid #ddd}


.brand-flex {display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap;}
.brand {width: 18%; margin: .5%; border:1px solid #f1f1f1; text-align: center; transition: .3s ease;}
.brand:hover {background: #f1f1f1;}
.brand:hover h3 {border-top:1px solid #fff}
.brand:hover .new-text {background: #fff;}
.brand img {max-height: 50px; width: auto; text-align: center;  margin: 0 auto; padding: 15px 0;}
.brand h3 {border-top:1px solid #f1f1f1; padding: 10px 0; text-align: center; color:#333; font-size: 14px; }
.new-text {background: #f1f1f1; color:#333; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; font-size: 12px; width: 80px; padding: 5px 0;text-align: center; display: block;}
.new-text img {display: block;}

.precision-logos {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.logo-box {
  border: 1px solid #ccc; /* Thin outline */
  padding: 5px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.logo-box:hover {
  transform: scale(1.05); /* Slight enlargement */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow */
}

.logo-box img {
  display: block;
  max-width: 100%;
  height: auto;
}

.center {
	text-align: center;
}
.precision-farm {
	padding: 5% !important;
}

.flex-center .right-side {
	width: 50%;
	position: relative;
}

.precision-logos {
	display: flex;
	bottom: 100%;
    position: absolute;
    width: 100%;
    justify-content: center;
	padding-left: 20px;
	padding-bottom: 20px;
}

.precision-logos img {
	width: 100%;
}

.contact-info {
  margin-top: 15px;
  font-size: 1.1em;
  color: #FFFFFF;
  padding: 10px 15px;
  border-left: 4px solid #d4b000; 
 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); 
  border-radius: 4px; 
}

.contact-info strong {
  color: #FFFFFF;
  font-weight: 600;
}

.contact-info a {
  color: #FFFFFF;
  text-decoration: none;
}

.contact-info a:hover {
  text-decoration: underline;
}

.contact-input{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.machine-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 20px;
}

.rental-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-self: flex-start;
}

.rental-detail{
	text-align: left;
	justify-content: flex-start;
}

.rental-detail .label{
	font-weight: 600;
}
.machine-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  flex-basis: 30%;
  flex: 1;
}
/*
.machine-image {
  width: 80%;
  height: 300px;      
  object-fit: cover;  

}
*/

.rental-img{
	width: 100%;height: 300px;overflow: hidden;
}

.rental-img img{height: 100%;width: 100%;object-fit: cover;object-position: center center;}

.special-img {width: 100%;height: 250px;overflow: hidden;}
.special-img img {height: 100%;width: 100%;object-fit: cover;object-position: center center;}
.deals-section {
  background-color: #184865;
  padding: 40px 20px;
  color: #fff;
}


.slide {
  width: 100%;
  margin: 0;
  padding: 0;
}


.promo-banner {
	padding: 0;
	margin: 0;
	height: 100%;
}

.mobile-kinze-button {
  display: none;
  text-align: center;
  margin-top: 15px;
	text-wrap:wrap;
}

.banner-image {
  width: 100%;
  height: 60vh; 
  object-fit: cover;
  display: block;
}

.deals-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  flex-wrap: wrap;
}

.deals-logo {
  max-width: 240px;
  height: auto;
}

.deals-title {
  font-size: 40px;
  margin: 0;
}
.machine-info {
 width: 90%;
   margin: 0 auto;
  padding: 15px 0 !important;
  text-align: center;
}

.deals-section {
  background-color: #012746;
  padding: 40px 20px;
  color: #fff;
}

.machine-title {
  font-size: 1.2rem;
  color: #FFFFFF;
	text-transform: uppercase;
	line-height: 1.2;
}

.machine-detail {
  font-size: 0.9rem;
  color: #ffffff;
}

.machine-price {
  font-size: 1rem;
  font-weight: bold;
  color: #FFD700;
  margin-bottom: 10px;
}


.details-button {
  display: inline-block;
  background-color: #fed500;
  color: #012746;
  padding: 20px 50px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.details-button:hover {
  background-color: #e6c200;
}

.rental-button{
	display: inline-block;
  background-color: #fed500;
  color: #012746;
  padding: 20px 50px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.rental-button:hover {
  background-color: #e6c200;
}

.team-name {
	text-align: center;
	margin-top: 10px;
	font-weight: 600;
	font-size: 16px;
	color: #f5e633!important;
	line-height: 1;
}


.team-img {
	margin-top: 40px;
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
}

.team-img img {
	max-width: 100%;
	border-radius: 40px 0 0px 0;
	display: block;
}

.team-img-row {
	display: flex;
	gap: 20px;
	margin: 30px 0;
}

.team-img {
	flex: 1;
	overflow: hidden;
}

.team-img img {
	width: 100%;
	height: auto;
	display: block;
}

.rental-info{
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	align-items: center;
	padding: 12px;
}

.rental-header{
	text-align: end;
	padding-bottom: 12px;
}

.rental-card{
	display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  flex-basis: 30%;
  flex: 1;
}

.parts-box1 {
	width: 100% !important;
	padding: 5% 0 !important;
	margin-left: 0 !important;
}

.parts-locations {
	gap: 10px;
	margin-top: 5%;
	flex-wrap: wrap;
	display: flex !important;
}
.parts-location {
	flex-grow: 1;
	flex-basis: 40%;
}
span.parts-location img {
    max-width: 100%;
    display: block;
}
.grid-row.brands-wrap {gap: 20px !important;}

/*-------- FOOTER STYLES ----------------*/
footer{background: #f1f1f1; width: 100%;}
.foot-flex {display: flex; flex-direction: row; align-items: stretch;}
.foot-col {width: 25%; margin: 1% 1%; }
.foot-col h4 {font-weight: 800; color:#264c85; font-size: 16px;}
.foot-col p a{text-transform: uppercase; color:#264c85; font-size: 14px; line-height: 28px; letter-spacing: .5px; font-weight: 500}
.foot-col .bl-btn {background: #264c85; color:#fff; max-width: 200px; text-align: center; padding: 10px 0; font-weight: 700; letter-spacing: 1px; font-size: 16px; transition: .3s ease; }
.foot-col .bl-btn:hover {background: #333; color:#fff; }
.foot-col .fab {color:#000; font-size: 25px; padding: 5px 3px;}
.foot-col img {max-width: 350px; width: 100%; text-align: center; margin-top:3%;}


.flex-foot {flex-direction: column;}
.flex-foot a{flex: 1;}
.flex-foot .white-btn {width: 100%;    max-width: 100% !important;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.body-wrapper {margin: 3% 0; display: inline-block; width: 100%;}
.view-listing-details-link, .contact-options a, .fin-calc-mobile>a, .detail-contact-bar .contact-bar-btn {background:#264c85 !important }
.detail-additional-data .data-row .data-label  {background: #ddd !important; color:#000 !important; font-weight: bold}



  .mobile-only{
    display: none !important;
  }

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

@media only screen and (max-width: 1500px) {
	.width-70 {width: 90%;}
}
@media only screen and (max-width: 1350px) {
	.loc-stretch {display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; }
	.loc {background: #f1f1f1; width: 49%; margin: .5% .5%;}
}

@media (max-width: 1260px) {
  .machine-gallery {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
    flex-wrap: nowrap;
    text-align: center;
  }

/*
  .machine-card {
    flex: 0 0 auto;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-shadow: none;
    background: none;
    border: none;
  }

  .machine-image {
    display: none;
  }
*/
  .machine-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .machine-title {
    font-size: 1.1rem;
    margin-bottom: 0.3rem;
  }

  .machine-detail,
  .machine-price {
    font-size: 1rem;
    margin: 0.2rem 0;
  }

    .mobile-only{
    display: block !important;
  }

  .desktop-only{
    display: none;
  }

  .details-button {
    margin-top: 0.5rem;
    font-size: 0.95rem;
    padding: 0.4rem 0.8rem;
  }
}

@media only screen and (max-width: 1250px) {
	.slide .slide-link {padding: 20px 30px;}
	.browse-brands, .used-eq {padding-top:300px;}
	.special-title, .special-btn{display: block; width: 100%; text-align: left; margin: 0 auto; }
	.special-title {line-height: 45px;}
	.special-btn {margin-bottom: 5%; padding-top:3%;}
	.special-btn .lt-btn {        box-sizing: border-box;
        width: 100%;}
	.filler-img {height: auto; background-position: right;}
	.width-70, .width-80 {width: 90%;}
	.brands-title {width: 20%;}
	.brands-title h2 {line-height: normal}
	.brands-slider {width: 67%;}
	.right-box {padding: 5% 4%}
	.brand {width: 23.5%;}
	.loc-left h2,.parts-service h2 {font-size: 32px !important;line-height: 1.25;}
	
}

@media only screen and (max-width:1250px) {
	.slide {height: auto;}
}

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

  .banner-image{
    height: 100% !important;
    object-fit: cover !important;

  }

 .cycle-slideshow{
  min-height: auto;
 }


  .deals-title{
    font-size: 18px;
  }

  .machine-title{
    font-size: 14px;
  }

  .machine-detail{
    font-size: 12px;
  }

  .machine-gallery{
    gap: 5px;
  }

  .desktop-only{
    display: none;
  }

}
@media only screen and (max-width: 1050px) {
	.flex-button {flex-wrap:wrap;}
	.flex-button a {flex-basis: 100%;}
}
@media only screen and (max-width: 1000px) {

@media screen and (max-width: 1000px) {
 }
.promo-banner {
    position: relative;
  }
    .mobile-kinze-button {
		display: block;
		position: absolute;
		top: 45%; 
		left: 50%; 
		transform: translate(-50%, -50%);
		z-index: 10;
		text-wrap:wrap;
		 
  }

  .mobile-kinze-button .button-link {
	  background-color: #FFFFFF;
	  color: #001c51;
	  padding: 20px 10px; 
	  font-size: 14px; 
	  font-weight: bold;
	  text-align: center;
	  cursor: pointer;
	  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	  transition: background-color 0.3s ease;
	  text-wrap:wrap;
	  min-width: 200px;
}


  .mobile-kinze-button .button-link:hover {
    background-color: #005fa3;
  }
	.slide {height: auto !important;}
	header {height: auto;}
	.logo img {margin-top:0; padding-top:15px;}
	.gray-header p, .gray-header a {text-align: center}
	.gray-header p span {display: inline-block; width: 45%; vertical-align: middle; align-items: center;}
	.grid-row h3 {font-size: 20px; line-height: 26px;}
	.browse-brands, .used-eq {padding-top:250px;}
	.slide .slide-link{display:none; }
	.cycle-slideshow .cycle-pager span {color:#333;}	
	.cycle-slideshow .cycle-pager {display: none;}
	.flex-center, .flex-stretch {display: block;}
	.hp-text {width: 100%;}
	.agcon {width: 90%; padding: 5%; }
	.parts-service, .parts-service-btn { padding: 3% 0;width: 100%; text-align: center;}
	.loc-left {width: 100% !important;padding: 3% 0; text-align: center;}
	.parts-service-btn .white-btn {margin: 5px 0;}
	.map-right {width: 100%; margin: 0 auto; height: 400px;}
	.foot-flex {flex-wrap: wrap;}
	.foot-col {width: 48%; margin: 2% 1%}
	.big-box {background: #264C85}
	.flex-center .right-side {width: 100%;}
	.big-box, .sml-box {width: 90%; padding: 8% 5%;}
	.sml-box2 {width: 100%; margin-top:15px; border-radius: 0}
	.sml-box2 img {border-radius: 0; margin-bottom: 15px;}
	.parts-box {width: 100%; padding: 0 ; margin: 0 auto;}
	.parts-box img {display: inline-block; vertical-align: middle; width: 49.5%;}
	.right-box {width: 80%; padding: 8% 10%; margin: 20px auto}
	.haul-left {width: 100%; margin: 0 auto; padding-bottom: 15px;}
	.haul-right {width: 90%; margin: 2% auto; border-radius: 50px;}
	.brand {width: 32%;}
	
	
	.desktop-only.precision-logos {display: none;}
	.mobile-only.precision-logos {display: flex; position: static; padding-left: 0;}
	.special-img {height: 150px;}
}

@media only screen and (max-width: 900px) {
	.parts-location {
    flex-grow: 1;
    flex-basis: 100%;
}
	.hp-loc p.white {
    font-size: 14px; /* or whatever size you need */
  }
	
  .parts-location img[src="/siteart/filler.png"] {
    display: none;
  }

}

@media only screen and (max-width: 800px) {
	.sub-hero h1 {font-size: 30px; line-height: normal}
	.inv-specials,.filler-img {flex-basis:40%;flex-grow:1;}
	.filler-img {box-sizing: border-box !important;margin: 0;}
	.inv-specials h2 {font-size: 30px; line-height: 35px}
	.grid-row {flex-wrap: wrap; }
	.browse-brands, .used-eq {width: 40%;flex:1;}
	.brand-col {width: 100%; margin: 20px auto 0 auto;}
	.brands-flex {display: block;}
	.brands-title h2 {text-align: center; }
	.brands-title {width: 100%; margin: 0 auto; padding: 5% 0;}
	.brands-slider {width: 100%; margin: 0 auto; }
	.hp-loc {flex-wrap: wrap; align-items: stretch}
	.col-4 {width: 49.7%; margin: 0 auto;border:1px solid #212121 }
	.col-4#border-right {border:1px solid #212121; margin: 0 auto;}
	.col-4 p, .col-4 a {font-size: 14px;}
	.form-stretch {display: block;}
	.quote-left {width: 100%; height: 100px; border-top-right-radius: 50px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
	.form-right {width: 90%; margin: 0 auto;}
	.filler-bg {background-position: top right;}
	.brand {width: 48.5%;}
	.brand h3 {font-size: 12px;}
	.grid-row:last-of-type {gap: 20px;}
	    .details-button {padding: 15px !important;font-size: 1rem !important;width: 90% !important;margin: 0 auto !important;box-sizing: border-box !important;}
	
}
@media (max-width: 768px) {
  .machine-gallery {
    flex-direction: row;
    align-items: center;
  }
	


  .machine-card {
    flex: 1 1 100%;
    max-width: 90%;
  }

  .machine-image {
    width: 100%;
    height: 200px; /* Slightly shorter for mobile */
  }

  .details-button {
    padding: 15px 30px;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 670px) {
	
}
@media only screen and (max-width: 670px) {
	.logo {width: 70%;}
	.gray-header p, .gray-header a {font-size: 10px; line-height: 18px;}
	.slide .slide-link .link-text h2 {font-size: 21px; line-height: 28px;}
	.slide .slide-link .link-text p {font-size: 18px;}
    .slide .slide-link img{max-width:160px; width:100%; padding-bottom:10px; padding-bottom: 5px;}
	.browse-brands, .used-eq {width: 41.5%;}
	.col-4 {width: 49.5%; margin: 0 auto;border:1px solid #212121 }
	.location-bg h3 {padding-bottom: 15px;}
	.loc {width: 99%; margin: .5% .5%;}
	.machine-card {max-width: 100% !important;}
	.inv-specials,.filler-img {flex-basis:100%;}
	.filler-img img {padding-top: 100px;padding-bottom: 30px;}
	.mobile-kinze-button .button-link { font-size: 12px;text-wrap:wrap;
}
	.machine-gallery {flex-wrap:wrap;}
	.machine-card {flex-basis: 100%;flex-direction: row;}
	
}

@media only screen and (max-width: 500px) {
	a.browse-brands,a.used-eq {flex-basis:100%;margin: 0;padding-top: 100px;}
	a.browse-brands {
    margin-bottom: 20px;
}
	.grid h2 {font-size: 32px; line-height: 1.25}
	.col-4 {width: 99%}
	
	.loc-left h2 {
    font-size: 32px;
	}
	.special-img {display: none;}
	.machine-info {width: 100%;}
	

	}

@media only screen and (max-width: 400px) {
		.team-img-row {
		flex-wrap: wrap;
	}
	
	.team-img {
		flex-basis: 100%;;
	}
}