/***** BEGIN RESET *****/

*{
    margin:0;
    padding: 0;
}




table{
    border-collapse:collapse; 
    width:100%;
    margin: 10px 15px 20px 15px;

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

.sr-only{
	white-space: nowrap;
}

fieldset {
    border: none;
}

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

/*-------- UNIVERSAL STYLES --------*/
section{
    padding: 75px 50px;
}

.extra-margin{
    margin-top: 50px;
}

button{
    border: none;
    background-color: #E10005;
    transition:.25s;
    border-radius: 25px;
}

button:hover{
    background-color: white;
    color: black;
}

button a{
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    transition:.25s;
    font-family: "Rajdhani", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

button:hover a{
    color: black;
}

.last-btn{
    background-color: #E10005;
    padding: 10px 20px;
    border-radius: 25px;

    a{
        color: #fff !important;
    }
}

.last-btn:hover{
    background-color: #fff;

    a{
        color: #000 !important;
    }
}

.blk-btn{
    background-color: #000;
}

.secondary-btn{
    border: none;
    background-color: #fff;
    transition:.25s;
}

.secondary-btn:hover{
    background-color: #ffffff75;
    color: black;
}

.secondary-btn:hover a{
    color: #fff;
}

.transparent-btn{
    display: flex;
    gap: 15px;
    align-items: baseline;

    i{
        color: #FF2E33;
    }
}

.drk-background{
    background-color: black;
    color: white;
}

.lgt-background{
    background-color: gray;
}

.span{
    font-weight: 700;
}

/*-------- FLEX STYLES --------*/
.flexy{
    display: flex;
    gap: 25px;
}

.col-2{
    width: 50%;
}

.col-2-lrg{
    width: 60%;
}

.col-2-sml{
    width: 40%;
}

.col-3 {
    width: 33.33%;
}

.col-4{
    width: 25%;
}

.accordion-container{
    margin-top: 25px;
}

.accordion {
    background-color: #fff;
    font-weight: 600;
    background-color: #000;
	color: #fff;
    cursor: pointer;
    padding: 15px 25px;
    width: 100%;
    text-align: left;
    border: none;
    border-radius: 0px;
    outline: none;
    transition: 0.4s;
    font-size: 16px;
}

.accordion:hover{
    background-color: #000 !important;
}

.active, .accordion:hover {
    background-color: #000;
	color: #fff;
}

.panel {
    padding: 0 10px;
    background-color: #fff;
    max-height: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

table {
     table-layout: fixed;
    width:100%;
}

th{
    text-align: left;
}

.width-flex{
    width: 34%;
}


/*-------------SLIDER----------------------*/

.section-2{
	.slick-slide {
    margin: 0 10px;
}

}
.slider{
	display: flex;
	justify-content: center;
	gap: 25px !important;
    margin-top: -125px;
}



  .slick-button {
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    position: absolute;
    cursor: pointer;
    bottom: -75px;
    background-color: none;
}

.slick-button:hover{
    background-color: transparent !important;
    color: #fff;
}

.slick-prev {
    right: 80px;
}

.slick-next {
    right: 40px;
} 

.slider-item-container{

    .image-container{
        height: 200px;
        overflow: hidden;
    }

    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.slider-text{
    background-color: #fff;
    padding: 25px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    
    a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        color: #000;
        font-size: 14px;

        i{
            color: #FF2E33;
        }
    }

    h3{
        color: #000;
        margin-top: 5px;
    }
}



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

body {
    font-family: "Manrope", sans-serif;
    overflow-x: hidden;
}

h1, h2, h3{
    font-family: "Rajdhani", sans-serif;  
}

h1{
    font-size: 62px;
    font-family: "Rajdhani", sans-serif;
    line-height: 62px;

    span{
        font-size: 30px;
        line-height: 20px;
        font-weight: 500;
    }
}

h2{
    font-size: 52px;
    line-height: 52px;
    
    span{
        font-weight: 500;
        font-size: 36px;
    }
}

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


hr{border:#000 1px solid;}


/*          HEADER           */
.logo {
	max-width: 150px;
}

.logo img {
	max-width: 100%;
}


.top-nav {
	background-color: #000;
	color: #000;
	padding: 7px 40px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 99999999999999999999999;
}
	
	.top-nav a{
		color: #fff;
	}
	
	.top-nav ul{
		display: flex;
		gap: 25px;
		justify-content: flex-end;
	}
	
	.links{
		display: flex;
		gap: 20px;
	}
	
	.link-container{
		display: flex;
		align-items: center;
		gap: 5px;
		cursor: pointer;
		font-size: 16px;
}
		
		.link-container i{
			background-color: #E10005;
			color: #fff;
			font-size: 12px;
			padding: 6px 7px;
			border-radius: 15px;
			
		}
	}
}

.top-links{
	gap: 25px;
}

.top-links a{
	color: #000;
}


.left-menu {}

.right-menu {}

.bottom-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 40px;
	gap: 25px;
}

.spoof{
	font-weight: 700;
}


/*--------HOME STYLES--------------------*/
.home-cover{
    display: flex;
    flex-direction: column;
    gap: 25px;
    background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%), url("/siteart/excavator.jpeg");
    background-size: cover;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #fff;
    margin-top: -130px;
	height: 75vh;
	display: flex;
	justify-content: center;

    button{
        margin-top: 50px;
    }
}

.cover{
    padding: 50px 40px 100px;
    text-align: center;

    h1{
        line-height: 56px;
    }
	
	img{
		width: 100%;
	}
}

.cover-alt{
	background-image: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url("/siteart/construction-site.jpeg");
	background-position: center;
	background-size: cover;
	padding: 100px 40px;
    text-align: center;
	background-color: #000;
	color: #fff;
	
}

.cover-alt-parts{
	background-image: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url("/siteart/parts-department-hero.jpg");
	background-position: center;
	background-size: cover;
	padding: 100px 40px;
    text-align: center;
	background-color: #000;
	color: #fff;
	
}

.cover-alt-service{
	background-image: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url("/siteart/service-department-hero.jpg");
	background-position: center;
	background-size: cover;
	padding: 100px 40px;
    text-align: center;
	background-color: #000;
	color: #fff;
	
}

.cover-alt-wbe{
	background-image: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url("/siteart/we-buy-equipment-hero.jpg");
	background-position: center;
	background-size: cover;
	padding: 100px 40px;
    text-align: center;
	background-color: #000;
	color: #fff;
	
}



.section-1{

}

.section-2{
 background-color: #E10005;
 color: #fff;
 border-top-left-radius: 50px;
 padding-right: 0px;

 .blk-btn{
    margin-top: 50px;
 }

}

.section-3{
    background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%), url("/siteart/forestry.jpeg");
    color: #fff;
    background-size: cover;

    button{
        margin-top: 50px;
    }

    .container{
        align-items: center;
    }
}

.logo-banner{
    margin-top: 75px;

    .slick-slide{
        margin: 0px 10px;
    }
}

.logo-item{
    background-color: #fff;
    padding: 25px 0px;
    border-radius: 25px;
    display: flex !important;
    justify-content: center;


    img{
        width: auto;
        height: 30px;
    }
}

.section-4{
	
	
	.flexy{
		align-items: center !important;
		gap: 50px;
	}
	
	img{
		width: 100%;
	}
}


/*--------Search Form--------------*/
.search-row{
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    padding-right: 40px;
    margin: 50px 0px;
}

/* .search-row button{
    transition:.3s ease;  
    background:#FDB813; 
    color:#fff; 
    transition: .25s;
}
    */

.search-row .formfield:first-of-type{
    width:45%;
  }

.search-row .formfield{
  width:30%;
}

.search-row input[type="text"], .search-row select{
    padding: 10px 20px; 
    border: 1px solid #00000025; 
    box-shadow: none!important; 
    color: #2D2D2D !important; 
    background: #fff !important;
   width: 100%;
   font-family: "Manrope", serif;
   box-sizing: border-box;
   text-align: center;
   border-radius: 50px;
}

.search-row button:hover{
    background-color: #000;
    a{
        color: #fff;
    }

    cursor:pointer;
}

.search-row select option{
    background:#fff; 
    color:#000; 
    padding:10px!important; 
    box-sizing:border-box;
}

.search-row select option:hover{
    background:#32356d;
}

.search-row select {
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.grey-background{
    background-color: #F8F8F8;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

/*--------CONTACT--------------------*/

.section-1-internal{
    background-color: #F8F8F8;
    padding-right: 0px;
    align-items: center;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;

    .col-2-lrg{
        button{
            margin-top: 50px;
        }
    }

    .col-2-sml{
        background-color: #E10005;
        color: #fff;
        padding: 50px 40px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        width: 50%;

        button{
            background-color: #000;
        }
    }
}

.section-2-contact2{
    text-align: center;

    button:hover{
        background-color: #AE0004;
        a{
            color: #fff;
        }
        
    }
}

.section-2-contact{
    text-align: center;

    .flexy{
        margin-top: 50px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.location-blurb{
    border: 1px solid #00000015;
    padding: 25px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    border-bottom-left-radius: 25px;

    h3{
        margin-bottom: 25px;
		margin-top: 10px;
    }
	
	img{
		width: 100%;
	}

    a{
        color: #000;
    }

    .location-text{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    i{
        color: #FF2E33;
    }

    .transparent-btn{
        margin-top: 35px;
    }
}

.section-3-contact{
    padding-top: 0px;
}

.loc-blurb{
    background: #000;
    color: #fff;
    text-align: center;
    padding: 100px 75px;
    width: 75%;
    margin: 0 auto;
    border-radius: 25px;

    button{
        margin-top: 50px;
    }
}

/*--------------PROMOTIONS--------------*/
.promo-container {
	display: flex;
	flex-direction: row;
	margin: 10px 0 15px;
}

.promo-box {
	width: 45%;
	margin: 0 0.5%;
	padding: 35px;
	background-color: #fff;
}

.promo-box h3 {
	font-size: 30px;
}
.promo-button {
	margin: 20px 0;
}

/*--------------LOCATIONS--------------*/
.locations-1{
   padding-right: 50px; 

   .section-2-contact{

    .flexy{
        margin-top: 0px;
    }
    
   }
}

.locations-3{
    padding-top: 75px;
}

/*--------------INDIVIDUAL LOCATIONS--------------*/
.location-page-text{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 5px;

    a{
        color: #000;
        display: flex;
        align-items: baseline;
        gap: 10px;
    }

    i{
        color: #FF2E33;
    }
}

.department-blurb{
    margin-top: 50px;
    h2{
        text-align: center;
    }

    a{
        color: #000;
    }

    .col-d{
        background-color: #fff;
        border-radius: 25px;
        padding: 25px;


    }
}

.department-blurb-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
    margin-top: 50px;
}

.all-location-blurb{
    background-color: #E10005;
    color: #fff;

    button{
        background-color: #000;
    }

    button:hover{
        background-color: #fff;

        a{
            color: #000;
        }
        
    }
}

.all-location{
    button{
        margin-top: 25px;
    }
}

/*--------------Internal Pages--------------*/
.internal-sty{
    .section-1-internal{
        padding: 75px 50px;
    }

    .section-3-contact{
        margin-top: 75px;
    }

    ol,ul{
        margin-left: 15px;
    }

    a{
        color: #000;
        font-weight: 600;
    }

    button{
        a{
            color: #fff;
            font-weight: 700 !important;
        }
       
    }

    button:hover{
        background-color: #000;
    }
}

.button-container{
    display: flex;
    gap: 15px;
    margin-top: 25px;
}


.blog-page{
    background-color: #F8F8F8;
    align-items: center;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;

    .col-2-sml{
        background-color: #E10005;
        color: #fff;
        padding: 50px 40px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;

        button{
            background-color: #000;
        }
    }

    .flexit{
        justify-content: flex-start;
    }

    .flexy{
        align-items: flex-start;
        gap:50px;
    }

}

.blog-container{
    h2{
        font-size: 2rem;
        line-height: 2rem;
    }

    .topic{
 
        font-weight: 700;
    }

    .col-2-lrg{
        width: 75%;
    }

    .col-2-sml{
        width: 25%;
        background-color: #000;
        color: #fff;
        border-radius: 0px;

        a{
            color: #fff;
        }

        ul{
            margin-top: 5px;

            a{
                color: #fff;
            }
        }

        button{
            background-color: #E10005;
        }
    }
}

.blog-post{
    margin-bottom: 25px;
    gap: 25px !important;
    flex-direction: row !important;


    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}

.blog-pages{
    padding-top: 0px;

    .blog-container{
            align-items: flex-start !important;
     
            .col-2-sml {
                padding: 50px 40px;
            }
    }
}

.we-buy-section{
	
	img{
		width: 100%;
	}
	
	.flexy{
		align-items: center;
		gap: 50px;
	}
	
	.col-2-sml {
        background-color: transparent;
        color: #fff;
        padding: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        width: 40%;
    }
}


/*--------SHOWROOMS--------------------*/
.showrooms-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    
}

.showroom-item{
    background-color: #FFF;
    border: 1px solid #00000015;
    padding: 25px;
    display: flex;
    align-items: center;

    .image-container{
        width: 150px;
        margin: 0 auto;
    }

    img{
        width: 100%;
    }
}



/*--------FORM STYLES--------------------*/
.include-captcha{display:none;}

.section-1-internal{
    select.fieldbox{
        border: 1px solid #8B8B8B25 !important;
        width: 50%;
        padding: 10px 10px;
        border-radius: 5px;
        font-family: 'Figtree', sans-serif; 
        box-sizing: content-box;
        color: #00000097;
    }
}

.full-width{
    width: 100% !important;
}

#formpage{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

.form-field-flex{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.form-field-flex input{
    border: 1px solid #8B8B8B25 !important;
    width: 50%;
    padding: 10px 10px;
    border-radius: 5px;
    font-family: 'Figtree', sans-serif;
}

#formpage textarea{
    border: 1px solid #8B8B8B25 !important;
    border-radius: 5px;
    padding: 10px 10px;
    font-family: 'Figtree', sans-serif;
}

input.submit-button{
    background-color: #000;
    border: none;
    color: #fff !important;
    padding: 10px 20px;
    border: none;
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    font-family: "Rajdhani", sans-serif;
    text-transform: uppercase;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    transition: .25s;
    cursor: pointer;
    font-size: 16px;
}

div#submit-btn{
    margin-top: 25px;
}

.button button{
    padding: 10px 20px;
    color: #fff;
    font-family: "Rajdhani", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

select{
    padding: 10px 10px;
    border-radius: 5px;
    font-family: 'Figtree', sans-serif;
    box-sizing: content-box;
    color: #00000097;
    border: 1px solid #8B8B8B25 !important;
}

.select-width select {
    width: 50%;
}

/*-------- CONTACT STYLES --------*/

.google-maps{
    
}

/*-------- TESTIMONIALS STYLES --------*/
.testimonial-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.testimonial-item{
    border: 1px solid #00000015;
    padding: 25px;
    text-align: left;
    background-color: #fff;
    border-bottom-left-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;

    b{
        margin-top: 25px;;
    }
}

.ratings{
    color: #E10005;
}



.testimonial-date{
    color:#2D2D2D;
}

.flexit{
    display: flex;
    justify-content: space-between;
}


.checkboxes{
    select {
        width: 100%;
        box-sizing: border-box;
    }
}

.hear-about{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/*-------- FOOTER STYLES ----------------*/
footer{
    font-family: "Manrope", sans-serif;
    background-color: #000;
    color: #fff;

    a{
        color: #fff;
    }

    ul{
        list-style-type: none;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3px;
    }
}

.top-footer{
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding: 25px 50px;

    span{
        font-family: "Rajdhani", serif;
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        white-space: nowrap;
    }
}

.footer-logo{
    width: 250px;
    padding: 25px 50px 0px;

    img{
        width: 100%;
    }
}

.left-footer{
    border-right: 1px solid #ffffff50;
    width: 40%;
    padding-right: 25px;
}

.middle-footer{
    width: 30%;  
}

.right-footer{
    border-left: 1px solid #ffffff50;
    width: auto;
    padding-left: 25px;

    i{
        font-size: 36px;
       color: #5B5B5B;
    }
}

.bottom-footer{
    text-align: left;
    padding: 10px 40px;
    font-size: 12px;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.body-wrapper{
padding: 50px 40px;
font-family: "Manrope", sans-serif;
}

.body-wrapper section{
    padding: inherit;
}

div#grid-toggle{
	i{
		color: #000 !important;
	}
}

div#list-toggle{
		i{
		color: #000 !important;
	}
}

.body-wrapper p.disclaimer{
    font-size: 12px;
}

.faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn{
    border-radius: 0px !important;
    background-color: #000 !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label{
    display: flex;
    gap: 5px;
}

/*  INVENTORY BUTTONS  */
a.view-listing-details-link.des-view-listingDetails, a.email-seller.des-email-seller.collapsible-contact-list-item,a.video-chat.des-video-chat.collapsible-contact-list-item{
    border-radius: 0px;
}

a.view-listing-details-link.des-view-listingDetails{
    background-color: #000;
}

a.email-seller.des-email-seller.collapsible-contact-list-item{
    background-color: #000;
}

a.video-chat.des-video-chat.collapsible-contact-list-item{
    background-color: #000;
}

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

@media screen and (max-width: 1450px){
	.home-cover{
		height: 65vh;
	}
	
}

@media screen and (max-width: 1120px){
	.bottom-links{
		gap: 20px;
	}

    .left-footer{
        .flexy{
            flex-direction: column;
        }

        .col-2{
            width: inherit;
        }
    }

    .middle-footer{
        ul{
            display: block;
            grid-template-columns: inherit;
        }
    }
}

@media only screen and (max-width: 1090px){
    .section-2-contact{
        .flexy{
            grid-template-columns: 1fr 1fr !important;
        }
    }
	
	
	.links{
		gap: 12px !important;
		
		a{
			font-size: 14px !important;
		}
		
		i{
			padding: 5px 6px !important;
		}
		
	}
    
}

@media only screen and (max-width: 950px) {
	.section-1-internal{
		padding: 50px 2%;
	}
	
	.department-blurb-container {
        grid-template-columns: 1fr 1fr;
    }
	
	.promo-container {
		flex-direction: column;
		margin: 0px auto;
		width: 80%;
	}
	
	.promo-box {
		width: 90%;
		margin: 0 0.5% 15px;
	}
}


/*----------    MOBILE MENU    ----------*/
@media only screen and (max-width: 900px) {
    nav.mobile .logo {
        width: 175px;
    }

	tr{
		display: flex;
		flex-direction: column;
        margin-bottom: 25px;
	}


    .no-show-tr{
        display: none;
    }

    .tr-brand:before{
        content: "Brand: ";
        font-weight: 600;
    }

    .tr-brand:before{
        content: "Brand: ";
        font-weight: 600;
    }

    .tr-model:before{
        content: "Model: ";
        font-weight: 600;
    }

    .tr-hp:before{
        content: "HP: ";
        font-weight: 600;
    }

    .tr-specs:before{
        content: "Specs: ";
        font-weight: 600;
    }

    .tr-weight:before{
        content: "Weight: ";
        font-weight: 600;
    }

    .tr-week:before{
        content: "Week: ";
        font-weight: 600;
    }

    .tr-month:before{
        content: "Month: ";
        font-weight: 600;
    }

    .blog-page {
        .flexy {
            align-items: flex-start;
            flex-direction: column;
            gap: 50px;
        }

        .col-2-lrg{
            width: inherit;
        }
    }
}

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

}

@media only screen and (max-width: 750px) {
    h1{
        font-size: 52px;
        line-height: 52px;

        span{
            font-size: 28px;
        }
    }

    h2{
        font-size: 38px;
        line-height: 38px;

        span{
            font-size: 28px;
        }
    }

    .home-cover{
        height: 55vh;
    }

    .section-1{
        gap: 0px !important;
    }

    .blog-post{
        flex-direction: column !important;

        h2{
            font-size: 1.5rem;
            line-height: 1.5rem;
        }
    }

    .showrooms-container{
        grid-template-columns: 1fr 1fr;
    }

    .section-1-internal{
        padding-right: 50px;
    }

    .section-3 {
        .container {
            align-items: flex-start;
            gap: 0px !important;
        }
    }

    .hear-about{
        grid-template-columns: 1fr 1fr 1fr;
        .flexy{
            flex-direction: row !important;
        }
    }

    .flexy{
        flex-direction: column !important;
    }
    
    .col-2, .col-3, .col-4, .col-2-sml, .col-2-lrg{
        width: inherit !important;
    }
    
    .no-break{
        display: none;
    }

    .carousel-item{
        .row{
            flex-wrap: nowrap !important;
        }
    }

    .top-footer{
        flex-direction: column;
    }

    .left-footer{
        width: inherit;
        border: none;
    }

    .right-footer{
        border: none;
        padding-left: 0px;
    }

    .search-row{
        padding-right: 0px;
        justify-content: space-between;
    }

    .slider{
        margin: 25px 0px;
    }

    form.search-bar-form{
        padding: 0px 25px 25px 25px;
    }

    .section-2{
        padding-right: 50px;
    }

    .slick-button{
        bottom: -40px;
    }

    .section-1-internal{
        gap: 50px;

        .col-2-lrg{
            button{
                margin-top: 25px;
            }
        }

        .col-2-sml{
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
        }
    }

    .location-blurb, .loc-blurb{
        width: inherit !important;
    }

    .loc-blurb{
        padding: 75px 40px;
    }
	
	.youtube-iframe{
		width: 100% !important;
		
		iframe{
			width: 100% !important;
		}
	}
	
	.testimonial-container{
		grid-template-columns: 1fr;
	}
}



@media only screen and (min-width:750px) and (max-width: 940px){
   /* .form-field-flex{
        flex-direction: column;
        gap: 10px;
    }

    .form-field-flex input{
        width: inherit;
    }

    select.fieldbox{
        width: inherit;
    }

    .full-width {
        width: inherit !important;
    }

    #formpage{
        gap: 10px;
    }
    */
}

@media only screen and (max-width: 675px){
    .department-blurb-container {
        grid-template-columns: 1fr;
    }
}


@media only screen and (max-width: 655px){
    .section-2-contact{
        .flexy{
            grid-template-columns: 1fr !important;
        }
    }
}

@media only screen and (min-width:550px) and (max-width: 750px) {
    .left-footer{
        .flexy{
            flex-direction: row !important;
            justify-content: space-between;
            gap: 25px;
        }

        .col-2{
            width: 50% !important;
        }
    }

    .middle-footer{
        width: inherit;

        ul{
            display: grid !important;
            grid-template-columns: 50% 50%;
            justify-content: space-between;
            column-gap: 0px;
        }
    }
}

@media only screen and (max-width: 600px) {
    .search-row{
        flex-direction: column;

        .formfield, .search-row .formfield:first-of-type{
            width: inherit !important;
        }
    }

    .button-container{
        flex-direction: column;
    }

    .hear-about{
        grid-template-columns: 1fr 1fr;
    }
   }


@media only screen and (max-width: 500px) {
    h1{
        font-size: 38px;
        line-height: 38px;

        span{
            font-size: 24px;
        }
    }

    h2{
        font-size: 32px;
        line-height: 32px;

        span{
            font-size: 21px;
        }
    }

    .home-cover{
        height: 40vh;
    }

    .cover{
        padding: 25px 40px 50px;
    }

    .showrooms-container{
        grid-template-columns: 1fr;
    }
	
	    td{
        font-size: 14px;
    }

 .form-field-flex{
        flex-direction: column;
    }

    .form-field-flex input{
        width: inherit;
    }

    div#captcha{
        width: inherit;
    }

    .middle-footer{
        width: inherit;
    }

    .section-1-internal{
        select.fieldbox, .full-width{
            width: inherit !important;
        }
    }

    .hear-about{
        grid-template-columns: 1fr;
    }

    .loc-blurb{
    
        button{
            margin-top: 30px;
        }
    }

    .select-width select {
        width: inherit;
    }

    .full-width{
        width: inherit !important;
    }
}

@media only screen and (max-width: 375px) {
    section{
        padding: 50px 25px;
    }

    .locations-3{
        padding-top: 50px;
    }

    .home-cover{
        height: 50vh;
    }

    .footer-logo{
        width: inherit;
        padding: 35px 25px 0px;
    }

    .top-footer{
        padding: 0px 25px 50px; 
    }

    #menu-button{
        padding: 5px 25px !important;
    }

    .section-1-internal{
        padding-right: 25px;
    }

    .section-2{
        padding-right: 25px;
    }

    .department-blurb-container {
        margin-top: 25px;

        a{
            font-size: 14px;
        }
    }
	
}


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



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