﻿/***** BEGIN RESET *****/
 @import url("https://use.typekit.net/amr7szs.css");
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;  
} 

/***** 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 --------*/

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

h1, h2, h3 {
	font-family: 'darkmode-on-cc-hebrew', sans-serif;
}

#home p, header p, footer p, #about p, #contact p, #consign p, #services p, #parts p, #financing p, #kalmbach-feed p, #showrooms p, #thankyou p, #promotions p, #promotions-inner p, #promotions-inner li {
	font-family: 'neulis-sans', sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #2C2C2C;
}

/*--- HERO STYLES ---------------------*/
.home-hero {
	background: url("/siteart/home-hero.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #2C2C2C;
}

.home-hero .wrapper {padding-top: 13vw!important; padding-bottom: 13vw!important; text-align: center;}
.home-hero .wrapper h1 {color: #fff; max-width: 970px; margin: 0 auto 80px;}

.home-hero .span-color {color: #FF904B!important;}

.inner-hero {background: #FF904B; padding-top: 25px; padding-bottom: 25px;}
.inner-hero a {font-size: 18px; color: #2C2C2C;font-family: 'neulis-sans', sans-serif; font-weight: 700;}
.inner-hero a:hover {text-decoration: underline;}
.inner-hero i {margin-right: 15px;}

#promotions-inner .inner-hero div a:first-child {margin-right: 30px;}

/*---BODY--------------------------------*/
/*col-5*/
.col-5 {margin-top: 5px; justify-content: center; gap: 5px; align-items: center; width: 100%;}
.col-5 .img-height {
	width: 380px; 
	height: 430px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	transition: all .4s ease-out;
	background: #2C2C2C;
}
.col-5 .img-height img {width: 100%; height: 100%; object-fit: cover; transition: all .4s ease-out;}
.col-5 .img-height:hover img {opacity: 0.15;}
.col-5 .heading-mdsm {
	position: absolute;
	color: #fff!important; 
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 10px;
}

/*promotions-slider*/
/*--- Image Slider ---*/
.promotions {background: #F4F4F4; margin: 80px; padding-bottom: 80px;}
.promotions .wrapper > div {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.promotions .hero-slide-wrap {max-width: 1300px;width: 100%;}
.promotions .equipment-image {
	height: 100%;
	width: 100%;
    overflow: hidden;
}
.promotions .equipment-image img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
}
.promotions .heading-md {text-align: center; padding-top: 80px; padding-bottom: 40px; 
	margin-bottom: 0!important;}

/*center-section*/
.center-section {
	background: url("/siteart/grass-feild.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
	background-color: #2C2C2C;
	padding-top: 100px;
	padding-bottom: 100px;
}

.center-section .wrapper {
	margin: 0 auto!important;
	max-width: 890px!important;
	width: 100%;
	text-align: center;
}
.center-section p {color: #fff!important;}
.center-section .p-first {margin-bottom: 30px;}
.center-section .heading-md {color: #fff!important; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.center-section .h2-span {text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
#home .center-section .flex {margin-top: 70px; gap: 20px; justify-content: center; flex-wrap: wrap;}

/*img-left*/
.img-left {padding-top: 80px!important;padding-bottom: 80px!important;}
.img-left .img-height {
	width: 100%;
	max-width: 955px;
	margin-right: 20px;
}
.img-left .content-right {
	background: #FF904B;
	padding: 75px 90px;
	width: 100%;
	max-width: 450px;
}

.img-left .content-right .heading-md {margin-bottom: 0!important;}
.img-left .content-right a.flex {justify-content: space-between; max-width: 445px; width: 100%; align-items: center;margin-bottom: 40px;}
.img-left .content-right a.flex > i {font-size: 40px;}
.img-left .content-right a {color: #2C2C2C;}
.img-left .content-right > a:hover i {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: .3s ease-in-out;
	transition: .4s ease-in-out;
}

.img-left .content-right ul a:hover { text-decoration: underline;}

.img-left .content-right ul i {color: #2C2C2C; margin-right: 20px;}
.img-left .content-right > ul a {font-family: 'neulis-sans', sans-serif; color: #2C2C2C; font-size: 20px;}
.img-left .content-right > ul p {font-size: 20px!important; }
.img-left .content-right > ul > li:nth-child(2) {margin-top: 35px; margin-bottom: 35px;}

.img-left .content-right > ul .flex i {margin-top: 5px;}

/*brands-slider*/

.brands-slider .heading-md {display: none;}
.brands-slider {background: #F4F4F4;}
.brands {padding-bottom: 15px!important;}
.brands .hero-slide-wrap {width: 100%;margin: 0 auto;}

.brands .brands-logo-image {
	position: relative;
	overflow: hidden;
	width: 100%;
    max-width: 1050px;
    height: 160px;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	transition: transform .2s;
}

.brands .brands-logo-image:hover {
	transform: scale(0.90);
}

.brands .brands-logo-image > a > img {
	display: block;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
}

.brands .slide-brands {
	height: 100%;
	padding-top: 50px;
	padding-bottom: 35px;
}

.brands .slide-brands div {height: 100%;}
.brands .slide-brands .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}

/*---PAGES--------------------------------*/
/*about*/
.inner-img-left {padding-top: 80px!important; padding-bottom: 80px!important; justify-content: space-between; align-items: center;}
.inner-img-left .img-height {max-width: 770px;width: 100%;height: 500px; margin-right: 30px;}
.inner-img-left .img-height img {width: 100%; height: 100%; object-fit: cover;}
.inner-img-left .content-right {max-width: 725px; width: 100%;}
.inner-img-left p {margin-bottom: 70px; }
/*.inner-img-left .heading-md {color: #2C2C2C;}*/

/*financing*/
#financing .inner-img-left > div:first-child {margin-right: 30px;}
#financing .inner-img-left .img-height {max-width: 600px; width: 100%; height: 100%;transition: transform .2s;}
#financing .inner-img-left .img-height img {width: 100%; height: 100%;}
#financing .inner-img-left .img-height:hover {transform: scale(0.90);}
#financing .inner-img-left .img-height:first-child {margin-bottom: 60px;}

/*kalmbach-feed*/
#kalmbach-feed .p-first {margin-bottom: 30px!important;}
#kalmbach-feed .inner-img-left p { margin-bottom: 0;}
#kalmbach-feed .inner-img-left .content-right > div {margin-top: 70px!important;}
#kalmbach-feed .inner-img-left .img-height {height: 550px;}
#kalmbach-feed .inner-center-section {padding-bottom: 80px;}
#kalmbach-feed .inner-center-section .heading-md {text-align: center; 
/*	color: #2C2C2C;*/
}
#kalmbach-feed .inner-center-section .center-list {padding: 0;}
#kalmbach-feed .center-section .wrapper > div {margin-top: 70px;}
#kalmbach-feed .center-section {
	background: url("/siteart/kalmbach-feeds-promotions.jpg") no-repeat!important;
	background-size: cover!important;
	background-position: center!important;
	background-color: #2C2C2C!important;
}

.grey-box {background: #F4F4F4;margin: 80px;}
.grey-box .wrapper {padding: 80px 20px!important; max-width: 890px!important; width: 100%; margin: 0 auto;text-align: center;}
.grey-box .wrapper > div:last-child {margin-top: 70px!important;}

.orange-bk {margin: 80px auto 0!important;}
.orange-bk > .flex {background: #FF904B; padding: 75px 90px; justify-content: space-between; align-items: center; gap: 40px;}
.orange-bk > .flex > div:first-child {max-width: 630px; width: 100%;}
.orange-bk i {color: #2C2C2C; margin-right: 15px;}
.orange-bk a {color: #2C2C2C;font-family: 'neulis-sans', sans-serif; font-size: 18px;}
.orange-bk a:hover {text-decoration: underline;}
.orange-bk ul > li:first-child {margin-bottom: 35px;}

.more-info {padding-bottom: 80px!important; justify-content: space-between; align-items: flex-end; gap: 40px;}
.more-info > div:first-child {max-width: 995px; width: 100%;}

/*----------------------promotions----------------------*/

#promotions .inner-img-left .img-height {height: 600px;}
.all-promotions {background: #F4F4F4; margin: 80px;}
.all-promotions .wrapper {padding: 80px 20px 20px;}
.all-promotions .promotion-description {margin-bottom: 50px;}
.all-promotions .img-height {max-width: 600px; width: 100%; height: 100%;}
.all-promotions .img-height img {width: 100%; height: 100%;}
.img-left-promotions, .img-right-promotions {gap: 60px;align-items: center; margin-bottom: 60px;}
.img-right-promotions {justify-content: space-between;}

/*individual promotions*/
#promotions-inner hr.promotions-list {
	border-bottom: #FF904B 3px solid;
	width: 100%;
	max-width: 200px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-bottom: 10px;
}
#promotions-inner .p-first, #promotions .p-first {margin-bottom: 20px!important;}
.promotions-hero .heading-md {margin-top: 80px;}
.eyecatching {font-weight: 700; color: #bd4800!important;}
.promotions-hero .flex > div:first-child  {max-width: 800px; width: 100%;}
.promotions-hero .hero-img {width: 100%; margin-top: 40px;}
.promotions-hero .hero-img img {width: 100%; height: 100%;}
.promotion-details .heading-mdsm {margin-bottom: 40px;}
.promotions-hero .flex {justify-content: space-between; align-items: flex-end;}
#promotions-inner .heading-sm  {margin-bottom: 20px;}
#promotions-inner .bold-text {font-weight: 700!important;}

/* Cub cadet Promos */
/*
.cub-promos {
    display: flex; flex-direction: column; font-family: 'neulis-sans', sans-serif; max-width: 1000px; margin: auto; text-align: center; margin-bottom: 50px;
}
.promo-box {
    display: flex; flex-direction: row; justify-content: center;  margin-bottom: 50px; overflow: hidden; width: 100%;
}
.promo-box > h3 {
    align-self: center;
    text-align: center;
    background-color: #fec42f;
    padding: 50px 20px;
    font-size: 25px;
    height: 100%;
}
.promo-box > div {
    border: 1px solid #808080;
    overflow: hidden;
}
.promo-box > div > h3 {
    font-size: 25px;
    padding: 10px 25px;
    text-align: center;
}
.promo-box > div > div {
    display: flex;
    flex-direction: row;
    background-color: #f2f2f2;
    height: 100%;
}
.promo-box > div > div > ul {
    text-align: left;
    height: 100%;
    width: 100%;
    padding-left: 10px;
}
.cub-hr{
    border: none;
    background-color: #fec42f;
    height: 5px;
    width: 100%;
}

@media screen and (max-width: 600px){
    .promo-box {
        flex-direction: column;
    }
    .promo-box > h3 {
        width: 100%;
        padding: 25px;
    }
}
*/


/* Cub Cadet Promos */
.cub-promos {
    display: block;
    font-family: 'neulis-sans', sans-serif;
    max-width: 1000px;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
}
.cub-promos a{color: inherit;}

.promo-box {
    display: grid;
    grid-template-columns: 240px 1fr; 
/*    gap: 16px;*/
    align-items: stretch; 
    margin-bottom: 50px;
    width: 100%;
    transition: 0.3s ease all;
}

.promo-box:hover {
    transform: scale(1.02);
    transition: 0.3s ease all;
}

.promo-box > h3 {
    display: flex;               
    align-items: center;
    justify-content: center;
    background-color: #fec42f;
    padding: 50px 20px;
    font-size: 25px;
    margin: 0;                  
}

.promo-box > div {
    border: 1px solid #d4d4d4;
    overflow: hidden;
    display: flex;               
    flex-direction: column;
    margin: 0;                   
}

.promo-box > div > h3 {
    font-size: 25px;
    padding: 10px 25px;
    text-align: center;
    margin: 0;
}

.promo-box > div > div {
    display: flex;
    flex-direction: row;
    background-color: #f2f2f2;
    flex: 1 1 auto;
}

.promo-box > div > div > ul {
    text-align: left;
    width: 100%;
    padding-left: 10px;
    margin: 0 0 12px 0; 
}

.cub-hr{
    border: none;
    background-color: #fec42f;
    height: 5px;
    width: 100%;
}

@media screen and (max-width: 600px){
    .promo-box {
        grid-template-columns: 1fr; 
    }
    .promo-box > h3 {
        padding: 25px;
    }
}

/*parts*/
.parts-links {padding-top: 80px!important; justify-content: space-between; align-items: flex-end;}
.parts-links > div:first-child {max-width: 730px; width: 100%;}
.parts-links p {margin-bottom: 70px;}
.parts-links .img-height, .promotions-hero .flex .img-height {max-width: 300px; width: 100%; height: 100%;transition: transform .2s;}
.parts-links .img-height img, .promotions-hero .flex .img-height img {width: 100%; height: 100%;}
.parts-links .img-height:hover {transform: scale(0.90);}

/*showrooms*/
#showrooms .grey-box .wrapper {max-width: 1600px!important;margin: 0 auto!important;}
#showrooms .btn-margin-top {margin-top: 70px!important;}
.grey-box .box-text {max-width: 890px!important; width: 100%; margin: 0 auto!important;}
#showrooms .grey-box .flex {justify-content: center; gap: 40px; flex-wrap: wrap;}
#showrooms .grey-box .img-height {max-width: 300px; width: 100%; height: 100%;transition: transform .2s;}
#showrooms .grey-box .img-height:hover {transform: scale(0.90);}
#showrooms .grey-box .img-height img {width: 100%; height: 100%;}

/*services*/
#services .center-section {
	background: url("/siteart/our-services.jpg") no-repeat!important;
	background-size: cover!important;
	background-position: center!important;
	background-color: #2C2C2C!important;
}
#services .center-section .center-btn {margin-top: 70px;}
.center-list {
	flex-wrap: wrap; 
	justify-content: center;
	gap: 10px;
	max-width: 1600px;
	padding: 100px 15px 0;
	text-align: center;
	margin: 0 auto;
}
.center-list > div {width: 300px; padding: 20px 0; background: #FF904B;}
.center-list > div p {color: #2C2C2C!important;}
/*consignment*/
#consign .img-left {padding-top: 0px!important;}
/*contact*/
#contact .img-left {padding-bottom: 0!important;}
#contact .img-left .content-right .heading-md {margin-bottom: 40px!important;}
/*--------FORM STYLES--------------------*/
.form-bg {background: #F4F4F4; margin: 80px 80px 0 80px; }

.form-all .heading-md {margin-bottom: 10px;}
.form-all .heading-mdsm {text-align: left; margin-top: 20px; margin-bottom: 20px;}
.form-all p {max-width: 600px; margin: 15px auto 40px;}

.form-all {
	box-sizing: border-box;
	max-width: 1200px!important; 
	width: 100%;
	margin: 0 auto 100px!important;
	text-align: center;
	padding: 80px 100px 160px;
}

 .label {
	font-family: 'neulis-sans', sans-serif;
	text-align: left!important;
	font-weight: 500;
	 font-size: 17px;
}

.label-row {margin-bottom: 15px;}

.flex-form {
	width: 100%;
	max-width: 1205px;
	padding: 15px;
	margin: 52px auto;
}

.flex-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

.form-half {
	display: inline-block;
	width: calc(50% - 8px);
	margin: 15px 15px 15px 0;
}

.form-half input, .form-half select {
	padding: 15px;
	width: 100%;
	border: 1px solid #2C2C2C;
	font-family: 'neulis-sans', sans-serif;
	box-sizing: border-box;
	background: #F4F4F4;
	font-size: 17px;
}

.form-2nd-row {margin-right: 0;}

.form-full textarea {
	width: 100%;
	padding: 15px;
	border: 1px solid #2C2C2C;
	box-sizing: border-box;
	margin-bottom: -8px;
	font-family: 'neulis-sans', sans-serif;
	background: #F4F4F4;
}

.form-full {margin: 15px 0 30px 0;}

input::placeholder, textarea::placeholder {color: #2C2C2C;}
select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

/*--------Captcha--------------------*/

.include-captcha{display:none;}
#submit-btn {float: right;}
.CaptchaWhatsThisPanel > a:hover {text-decoration: underline;}
.CaptchaWhatsThisPanel > a, .CaptchaMessagePanel {color: #2C2C2C;font-family: 'neulis-sans', sans-serif;}
.CaptchaPanel {text-align: right!important;}
.captcha-button {float: right;}

/*-------- FOOTER STYLES ----------------*/
.my-site-footer {background: #2C2C2C; padding-top: 80px!important; padding-bottom: 65px!important;}
.my-site-footer .wrapper {justify-content: space-between;}
.footer-heading {color: #fff;font-family: 'darkmode-on-cc-hebrew', sans-serif!important; font-weight: 700; transition: all .4s ease-out; margin-bottom: 30px;}
.footer-logo img {width: 330px;}
.my-site-footer a:hover {color: #FF904B!important;}
.my-site-footer a {color: #fff; font-family: 'neulis-sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 30px;}
.my-site-footer p {color: #fff;}

.my-site-footer .wrapper > .flex {gap: 100px;}
.my-site-footer .wrapper > .flex .flex {gap: 50px;}
.my-site-footer li {margin-bottom: 20px;}

/*--------COMMON STYLES--------------------*/

.wrapper {
	max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.flex {display: flex;}

/*headings*/
.heading-lg {font-size: 90px; font-weight: 700;text-transform:uppercase;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.h1-span {font-size: 50px;font-weight: 500;text-transform:uppercase;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.heading-md {font-size: 60px; font-weight: 700; margin-bottom: 40px; color: #2C2C2C;}
.h2-span {font-size: 40px; font-weight: 400;}

.heading-mdsm {font-size: 40px; font-weight: 700;color: #2C2C2C;}

.heading-sm {font-size: 25px; font-weight: 700;}

/*Buttons*/

.btn-orange, .btn-orange-dark {
    display: inline-block;
    color: #2C2C2C;
    background: #FF904B;
    width: 235px;
    padding: 20px;
    font-family: 'darkmode-on-cc-hebrew', sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    transition: all .4s ease-out;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
}
.btn-orange:hover {background: #fff;}
.btn-orange-dark:hover {background: #2C2C2C; color: #fff;}

.btn-white {
    display: inline-block;
    color: #2C2C2C;
    background: #fff;
    width: 235px;
    padding: 20px;
    font-family: 'darkmode-on-cc-hebrew', sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    transition: all .4s ease-out;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
}
.btn-white:hover {background: #FF904B;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count, .list-content .price-container .price, .calc-button-wrapper .calc-button, .detail__machine-location a.MuiLink-underlineHover, .listing-prices__retail-price, .detail__breadcrumbs .detail__search-results, .dealer-contact__details_right-col a, .detail__search-results, .dealer-contact__details_right-col button, .parts-list-content .parts-title-and-breadcrumbs .parts-listings-count, .parts-list-content .error-message {color: #bd4800!important;}

.list-container-flexrow .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .view-listing-details-link, .list-content .list-error-container .info button:not(.login-button) {color: #2C2C2C!important; background: #FF904B!important;}

.list-container-flexrow .view-listing-details-link:hover, .view-listing-details-link:hover, .list-content .list-error-container .info button:not(.login-button):hover, .detail__cta-buttons button:hover, .dealer-contact__buttons button:hover, .detail-contact-bar button:hover {background: #2C2C2C!important; color: #fff!important;}


/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1700px) {
	.all-promotions {margin: 80px 40px;}
}

@media only screen and (max-width: 1600px) {
	#home .promotions {margin: 80px 15px;}
	.promotions {margin: 80px 15px 0;}
	.all-promotions {margin: 80px 15px;}
	.grey-box {margin: 80px 15px;}
}

@media only screen and (max-width: 1300px) {
	.all-promotions .heading-mdsm {font-size: 30px;}
}

@media only screen and (max-width: 1230px) {
	.col-5 {flex-wrap: wrap;}
	.col-5 .img-height {height: 300px;}
	.col-5 .heading-mdsm {top: 40%;}
}

@media only screen and (max-width: 1100px) {
	.my-site-footer .wrapper {flex-direction: column; gap: 60px;}
	.form-bg {margin: 80px 15px 0 15px;}
	.parts-links, .promotions-hero .flex {flex-direction: column;align-items: flex-start;}
	.parts-links > div:first-child, .promotions-hero .flex > div:first-child  {margin-bottom: 70px;}
	.img-left-promotions {flex-direction: column;align-items: flex-start;gap: 40px;}
	.img-right-promotions {flex-direction: column-reverse;align-items: flex-start; gap: 40px;}
	.all-promotions .img-height {max-width: 500px;}
}

@media only screen and (max-width: 1050px) {
	.img-left .content-right {padding: 50px 50px;}
}

@media only screen and (max-width: 950px) {
	.img-left {flex-wrap: wrap;}
	.img-left .img-height {margin-right: 0; margin-bottom: 20px; height: 300px;}
	.img-left .content-right a.flex, .img-left .content-right {max-width: 100%;}
	.inner-img-left {flex-direction: column-reverse;}
	.inner-img-left .img-height, #kalmbach-feed .inner-img-left .img-height, #promotions .inner-img-left .img-height {margin-top: 40px; margin-right: 0; max-width: 1000px; height: 250px;}
	#financing .inner-img-left > div:first-child {margin-right: 0; margin-top: 40px;}
	.more-info {flex-wrap: wrap; justify-content: flex-start; gap: 70px;}
}

@media only screen and (max-width: 800px) {
	.orange-bk > .flex {flex-wrap: wrap;padding: 50px 30px;}
}

@media only screen and (max-width: 780px) {
	.col-5 .img-height {height: 150px; width: 100%;}
	.col-5 .heading-mdsm {top: 33%;}
}

@media only screen and (max-width: 730px) {
	.heading-lg {font-size: 50px;}
	.h1-span {font-size: 30px;}
	.heading-md {font-size: 40px;}
	.h2-span {font-size: 25px;}
	.heading-mdsm {font-size: 30px;}
	.my-site-footer .wrapper > .flex {flex-direction: column; gap: 60px;}
	.form-all {padding: 80px 15px 160px;}
	.grey-box .wrapper {padding: 80px 15px !important;}
	.all-promotions .wrapper {padding: 80px 15px 20px;}
}

@media only screen and (max-width: 660px) {
	.center-list > div {width: 150px;padding: 20px 10px;}
}

@media only screen and (max-width: 500px) {
	.home-hero .wrapper h1 {margin-bottom: 70px;}
	.col-5 .img-height {height: 100px;}
	.promotions .heading-md {padding-top: 40px; padding-bottom: 30px;}
	.img-left .content-right {padding: 30px 20px;}
	.img-left .content-right > ul a, .img-left .content-right > ul p {font-size: 18px!important;}
	.form-half {width: 100%;margin: 15px 0 15px 0;}
	#promotions-inner .promotions-hero > .heading-md {font-size: 30px;}
	#home .promotions {padding-bottom: 40px;}
}

@media only screen and (max-width: 400px) {
	.center-list > div {width: 112px;padding: 20px 10px;}
}

@media only screen and (max-width: 370px) {
	.footer-logo img {width: 275px;}
	.orange-bk > .flex {flex-wrap: wrap;padding: 40px 20px;}
	.grey-box .btn-orange-dark, .all-promotions .btn-orange-dark {width: 190px;}
}

@media only screen and (max-width: 350px) {
	.img-left .heading-md, .img-left .content-right a.flex > i {font-size: 35px;}
}



