/*
Theme Name: www.mhiusa.net
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

.popup {display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 10px;}
html, body {
	width:100%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	font-family: "Figtree", sans-serif;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* UNIVERSAL */
body{
	font-family: "Figtree", sans-serif;
	overflow-x: hidden !important;
}


h1, h2, h3{
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

h1{
	font-size: 72px;
}

h2{

	font-size: 48px;
}

h1 span, h2 span{
	font-style: italic;
}

h3{

}

p{
	line-height: 22px;
}

.blue{
	color: #1A468A;
}

.green{
	color: #CDDC29;
}

.btn{
	background-color: #CDDC29;
	border-radius: 25px;
	transition: .25s;
	border: none;
	padding: 10px 25px;
	font-weight: 500;
}

.btn a{
	color: #000;
}

.btn:hover{
	background-color: #000;
	color: #fff;
}

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

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

.btn-primary a{
	color: #000;
}

.btn-info{
	background-color: transparent;
	padding: 10px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.btn-info icon{
	color:#CDDC29;
	font-size: 14px;
}

.btn-info:hover{
	background-color: transparent;
	color:#00000097;
	gap: 25px;
}

.btn-info:hover a{
	color:#000;
}


.btn-blue{
	background-color: #1A468A !important;
	color: #fff !important;
}


.content-area {
    padding: 0px;
    margin: 0px;
}

.main-section{
	padding: 50px;
}

.internal-section{
	margin: 85px 50px;
}

/* Custom Menu Styles */
.top-menu{
	background-color: #000;
	padding: 10px 40px;
	font-family: "Figtree", sans-serif;
	font-family: "Barlow Condensed", sans-serif;
}

.header-locations{
	display: flex;
	gap: 5px;
	align-items: center;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.header-locations a{
	color: #fff;
}

.middle-menu{
	background-color: #CDDC29;
	padding: 15px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: "Figtree", sans-serif;
}

.header-phone{
	font-size: 14px;
	color: #000;
	display: flex;
	align-items: baseline;
	gap: 5px;
}

ul#menu-secondary{
	list-style-type: none;
	display: flex;
	align-items: center;
	gap: 15px;
	color: #000;
	font-size: 14px;
	margin: 0px;
}

.middle-menu div#menu-button{
	display: none;
}

ul#menu-secondary a{
	color: #000;
}

/*
ul#menu-primary{
	display: flex;
	gap: 25px;
}
*/

ul#menu-primary a{
	font-family: "Figtree", sans-serif;
	text-transform: inherit;
	font-weight: 500;
	font-size: 16px;
	display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
}

ul#menu-primary a i{
	font-size: 12px;
	color: #CDDC29;
}

.menu-button{
 background-color: #000;
 color: #fff;
 border-radius: 25px;
 padding: 10px 25px;
}

.menu-button a{
	color: #fff !important;
}

.header-phone icon{
	font-size: 12px;
}

.bottom-menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 40px;
	font-family: "Figtree", sans-serif;
	position: relative;
	z-index: 9999;
}

.bottom-menu-left{
	width: 200px;
}

.bottom-menu-left img{
	width: 100%;
}

.cover-banner{
	position: relative;
	overflow: hidden;
	padding: 125px 40px;
	height: 45vh;
	color: #fff;
}

.cover-banner-overlay{
	background-color: #1A468A80;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	mix-blend-mode: multiply;
}

.cover-banner-image{
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.cover-banner-details{
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 3;
	top: 0;
	left:40px;
	right: 40px;
}

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

.contact-details{
	padding: 50px;
	gap: 50px !important;
}

.contact-buttons-container{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 25px;
	gap: 25px;
}

.contact-buttons-container a{
	color: #000;
}

.sheSubmitButton{
	font-family: "Figtree", sans-serif !important;
	font-weight: 500 !important;
	background-color: #CDDC29 !important;
	color: #000 !important;
}

.main-form .form-control{
	background-color: #F8F8F8;
	border-radius: 0px;
	border: 1px solid #F8F8F8;
}

/*
.main-form label.contactFormLabel{
	position: absolute;
	top: 7px;
	left: 5px;
	color: #00000050;
}
*/

/*      ABOUT US PAGE      */
.divisions-container{
	gap: 0px !important;
	align-items: stretch;
}

.division-logo-container{
	width: 33.33%;
	border: 1px solid #F2F2F2;
	padding: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.division-logo-container img{
	width: 200px !important;
	height: auto;
	margin: 0 auto;
}

.history-container{
	background-color: #1A468A;
	padding: 50px;
	color: #fff;
}

.history-container h2{
	color: #CDDC29;
}

.history-container img{
	width: 100%;
	max-width: 100% !important;
	padding-right: 25px !important;
	object-fit: cover;
}

.history-image-container{
	overflow: hidden;
	width: 100%;
}

.history-container:nth-last-of-type(3){
	padding-right: 0px !important;
}

.history-title{
	padding-top: 25px;
}

.history-title h3{
	color:#CDDC29;
	font-size: 18px;
	margin: 0px !important;
}

.history-title span{
	text-transform: uppercase;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .5px;
}

/*
.history-container img:last-of-type{
	padding-right: 0px !important;
}
*/

/*-------- INTRALOGISTICS PAGE --------*/
.comp-burb{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;

	.equipment-category-container-item{
		background-color: #0D3675;
	}

	.equipment-category-text{
		margin: 25px;

		p{
			padding-bottom: 0px;
		}
	}
}

.comp-excellence-blurb{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;

	.locations-blurb-container:nth-child(even){
		margin: 0px;
	}
}

.comp-blurb-brands{
	display: none !important;
}

.comp-brands{
	background-color: #F8F8F8;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 10px;
}


.comp-brands-items{
	width: 150px;
    height: 100px;

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

.ourapproach-container{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1px;
}

.ourapproach-item{
	background-color: #0D3675;
	color: #fff;
	padding: 25px;
}


/*-------- LOCATIONS PAGE --------*/
.locations-container{
	margin: 50px;
	margin-top: 0px;
}

.locations-blurb-container{
	background-color: #F8F8F8;
	padding: 25px;
	text-align: left;
}

.locations-blurb-container .btn a{
	background-color: transparent;
	transition: .25s;
}

.locations-blurb-container .btn:hover a{
	background-color: transparent;
	color: #fff;
}

.locations-blurb-title{
	margin-bottom: 15px;
}

.locations-blurb-container h3{
	color:#1A468A;
}

.locations-blurb-container a{
	color: #000;
	display: flex;
	align-items: center;
	gap: 15px;
}

.locations-blurb-container icon{
	color:#CDDC29;
	font-size: 14px;
}

.locations-blurb-button-container{
	display: flex;
	gap: 15px;
	align-items: center;
	flex-wrap: wrap;

	.btn-blue a{
		color: #fff !important;
	}
}

.locations-post-container .row{
/*	gap: 25px;
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: 200px;
	*/
}

.post-container-mhi-locations{
	gap: 25px;
	display: grid;
	grid-template-columns: auto auto auto;
}

.locations-post-container:nth-child(2){
	margin: 0px 25px;
}

.locations-blurb-container:nth-child(even){
	margin: 0px 25px;
}

@media (min-width: 1200px) {
	.post-container-mhi-locations .col-xl-4 {
        width: inherit;
    }
}

@media (min-width: 992px) {
	.post-container-mhi-locations .col-lg-4 {
        width: inherit;
    }
}


/*-------- INDIVIDUAL LOCATION PAGES --------*/
.location-post-container{
	margin: 50px;
	margin-top: 0px;

	.locations-blurb-button-container{
		margin-top: 25px;
	}
}

.location-post-item-details{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.location-post-item-details>div{
	width: 45%;
}

.location-contact-title{
	margin-left: 50px;
	margin-bottom: 15px;
}

.location-post-item-details a{
	color: #000;
}

.location-post-container h3{
	color: #1A468A;
}

.weekend-title{
	line-height: 0px;
}

.location-map iframe{
	width: 100%;
}

.column-gap{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.prevButton-container-mhi-locations{
	display: none !important;
}

.nextButton-container-mhi-locations{
	display: none !important;
}

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

.col-2{
    width: 50%;
	flex: inherit;
}

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

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

.col-3 {
    width: 33.33%;
}

.col-4{
    width: 25%;
}

/* SANDHILLS EDITOR */
.highlightSidebars .home-cover {
	margin-top: 80px;
	}

/* HOMEPAGE */
.home-cover{
	position: relative;
}

.home-title{
	position: absolute;
	top: 0;
	bottom: 0;
	color: #fff;
	margin-left: 50px;
	margin-right: 50px;
	display: flex;
	align-items: center;
}

.slick-track{
	display: block;
	padding: 0px;
	margin: 0px;
}

.forklift-container{
	padding: 80px 0px;
	align-items: center;
}

.post-column-forklifts24{
	height: 100% !important;
	align-items: flex-start !important;
}

.forklift-container{
/*	margin-right: -25px !important; */
}

.forklift-container .slick-arrow{
	padding: 10px 25px;
	border-radius: 25px;
	width: 115px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0px 0px 2px 0px !important;
	font-size: 18px !important;

}

.forklift-container button.slick-prev.slick-arrow{
	background-color: #1A468A !important;
	bottom: -50px !important;
	right: 180px !important;
}

.forklift-container button.slick-prev.slick-arrow i{
	display: none;
}

.forklift-container button.slick-next.slick-arrow i{
	display: none;
}

.forklift-container button.slick-prev.slick-arrow:after{
	font-family: "Figtree", sans-serif;
	content: "Previous"; 
	white-space: nowrap;
	color: #fff;
	position: absolute;
	z-index: 400;
}

.forklift-container button.slick-next.slick-arrow:after{
	content: "Next"; 
	white-space: nowrap;
	color: #fff;
	position: absolute;
	z-index: 400;
}

.forklift-container button.slick-next.slick-arrow{
	background-color: #1A468A !important;
	bottom: -50px !important;
	display: flex !important;
	justify-content: center !important;
}

.forklift-container  button.slick-next.slick-arrow::before{
	content:'';
}


.forklift-container .col-2-sml{
	padding: 25px;
	padding-left:50px;
}

 .forklift-category{
	margin-right: 25px;
}

.forklift-category-image img{
	width: 100%;
}

.forklift-category-title{
	display: flex;
	gap: 15px;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 25px;
	padding-right: 25px;
}

.forklift-category-title h3{
	text-align: left;
	color: #1A468A;
}

.forklift-category-title a{
	color: #000;
	display: flex;
	gap: 10px;
	align-items: center;
	white-space: nowrap;
}

.forklift-category-title icon{
	color: #CDDC29;
	font-size: 14px;
}


.material-handling-category{
	padding: 0px 10px 10px;

	.prevButton-container-forklift-tire,.nextButton-container-forklift-tire{
		display: none !important;
	}
}

.home-logo-bar{

	.tire-cateogry-container{

		img{
			mix-blend-mode: multiply;
			height: 50px;
			width: 160px;
			object-fit: contain;
		}
	}
}


.popup-home{
		padding: 25px;
	 button{
		margin-top: 15px !important;
	}

	h2{
		padding-top: 25px;
	}
}

.home-image-pop{
	height: 350px;
	overflow: hidden;

	border-radius: 5px;

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


}


.button-container{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}


.tire-cateogry-container{
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 50px 25px;
	background-color: #F3F3F3;
	transition: none !important;
    border: 1.5px solid #f2f2f4;
    border-bottom: none !important;
    box-shadow: none !important;
	height: 100%;
	

	h3{
		font-size: 26px;
	}

	img{
		height: 90px;
		width: 100%;
		object-fit: contain;
	}
}

.border-forklift-tire{
	height: 100%;
}

.post-container-forklift-tire{
	align-items: stretch !important;
}


.tire-cateogry-container:hover{
    box-shadow: none !important;
}

.border-forklift-tire{
	border-bottom: none !important;
	box-shadow: none !important;
	border: none !important;
}


.border-forklift-tire:hover{

}

.equipment-container{
	background-color: #1A468A;
	color: #fff;
	text-align: center;
	padding: 80px 50px 55px;
}

.equipment-container button{
	margin-top: 50px;
}

.equipment-category-container {
	margin-top: 40px;
}

.post-container-equipment-categories{
	display: grid !important;
	grid-template-columns: 50% 50%;
	column-gap: 25px;
	row-gap: 25px;
}

.column-padding-equipment-categories{
	padding: 0px;
	margin: 0px;
	height: 250px !important;
}

.equipment-category-container-item{
	position: relative;
	height: 250px;
}

.equipment-category-image{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
}

.equipment-category-overlay{
	background-color: #00000090;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.equipment-category-text{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.equipment-category-link{
	color: #fff;
	display: flex;
	gap: 15px;
	align-items: center;
}

.equipment-category-link icon{
	color: #CDDC29;
	font-size: 14px;
}

.service-repair-container{
	margin: 50px;
	background-color: #fff;
	text-align: center;
	color: #fff;
	position: relative;
}

.service-repair-blurb{
	position: relative;
	z-index: 9999;
}

.service-repair-container:before, .about-material-col:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000090;
	z-index: 1;
}

.service-repair-container p{
	width: 50%;
	margin: 0 auto;
}

.service-repair-blurb button{
	margin-top: 50px;
}

.mechanic-image{
	height: 500px;
	overflow: hidden;

	img{
		width: 100%;
		height: 100%;
	}
}

.image-wrap{

	img{
		float: right;
		padding: 0px 0px 25px 15px !important;
	}
}

.about-container{
	align-items: center;
	margin-right: 50px;
	gap: 50px;
}

.about-material-blurb{
	color: #fff;
	position: relative;
	z-index: 9;
}

.about-material-blurb button{
	margin-top: 50px;
}

.about-material-col{
	position: relative;
}

.contact-location-info-container{
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.contact-location-col h3{
	color: #0D3675;
}

.info-container {
    padding-right: 50px;
}

.minority-badge{
	padding: 50px;
	background: #CDDC29;
	position: relative;

	p{
		max-width: 700px;
	}

	.image-container{
	width: 225px;
	position: absolute;
    right: 10%;
    top: -15%;
}

.image-container img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
}



.forklift-blurb{
	background-color: #0D3675;
	color: #fff;
	padding: 50px;
	border-bottom: 1px solid #ffffff15;
	align-items: center;
}



/*-------- SAFETY PAGE --------*/
.accordion-button{
	background-color: #F8F8F8 !important;
	border-radius: 0px !important;
}

.accordion-item:first-of-type{
	border-radius: 0px !important;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
	border-radius: 0px !important;
}

.internal-section .accordion-body a{
	font-weight: 700;
	color: #1A468A;
}

.internal-section p a{
	color: #1A468A;
	font-weight: 700;
}

.internal-section li a{
	color: #1A468A !important;
	font-weight: 700;
}

.accordion-item{
	margin: 20px 0px;
	border: 1px solid #00000010 !important;
}

.accordion-button::after{
	content: "\f107" !important;
	background-image: url("/images/caret-down-solid.svg");
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
	border-radius: 10px !important;
	display: flex;
	justify-content: center;
}

.accordion-button:not(.collapsed)::after{
	background-image: none;
}


/* Specfic Brands */
.specfic-brands-blurb{
	padding-top: 50px;
}

.post-container-amp-brands{
	gap: 25px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
	padding-top: 20px;
}

.locations-blurb-container img{
    width: 250px;
    height: 100px;
    mix-blend-mode: multiply;
    padding-top: 10px;
    object-fit: contain;
    justify-content: flex-start;
    display: flex;
}

.post-container-learn-more-category{
	display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 12px;
    row-gap: 25px;
}

.specific-links{
	background-color: #1A468A;
	padding: 50px 50px;
}

.specific-links h2{
	text-align: center;
}

/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}

/* 		FOOTER		 */
.footer{
	background-color: #0D3675;
	font-family: "Figtree", sans-serif;
}

.footer-logo{
	width: 200px;
}

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

.footer-top-left{
	width: 40%;
	color: #fff;
}

.footer-top-left a{
	color: #CDDC29;
	font-weight: 700;
}

.footer-top-right{
	display: flex;
	gap: 100px;
}

.footer-quicklinks span{
	color: #CDDC29;
	font-weight: 700;
}

.footer-quicklinks ul{
	list-style-type: none;
	padding-left: 0px;
	color: #fff;
	line-height: 30px;
}

.footer-quicklinks a{
	color: #fff;
}

.footer-phone{
	font-size: 14px;
	display: flex;
	align-items: baseline;
	gap: 5px;
	color: #fff;
}

.post-container-amp-brands{
	gap: 25px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
	padding-top: 20px;
}

/*-------- INVENTORY PAGE --------*/
.inventory-custom-header{
	padding: 50px 50px 0px 50px;
}

.inventory-body{
	padding: 50px;
	padding-top: 25px;
	

	.list-title{
		display: none !important;
	}
}

.view-listing-details-link, a.email-seller.des-email-seller.collapsible-contact-list-item, a.video-chat.des-video-chat.collapsible-contact-list-item{
	border-radius: 25px !important;
	font-family: "Figtree", sans-serif !important;
	padding: 10px 25px !important;
}

.view-listing-details-link{
	background-color: #CDDC29 !important;
	color: #000 !important;
}

.list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .listing-image{
	margin-top: 10px;;
}

.faceted-search-content .selected-facets-container .selected-facet{
	background-color: #CDDC29 !important;
	color: #000 !important;
	font-family: "Figtree", sans-serif !important;
	border-radius: 15px !important;
}

.ts-modal-container .ts-modal-content{
	/* position: absolute;
	left:0;
	right: 0;
	top: 25px; 
	*/
} 

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1550px) {		
	.post-container-amp-brands{
		grid-template-columns: 50% 50%;
		column-gap: 0px;
	}
}


@media only screen and (max-width : 1200px) {		
	.service-repair-container p{
		width: 75%;
	}
}

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

	.mobile-phone-containers{
		padding-left: 20px !important;
		display: flex;
		flex-direction: column;
		gap: 10px;

		span{
			color: #fff;
			font-weight: 700;
		}
	}
}



@media only screen and (max-width : 1110px) {		
	.post-container-mhi-locations{
		grid-template-columns: auto auto;
	}
}

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

.home-cover img{
	width: 100%;
}

.post-container-amp-brands{
	grid-template-columns: 100%;
}
}

@media only screen and (max-width : 1000px) {		
	.middle-menu	nav.mobile{
		display: none !important;
	}
}


@media only screen and (max-width:900px){
	.image-wrap {
		img {
			float: inherit;
			padding: 0px 0px 25px 0px !important;
		}
	}
}

@media (max-width:844px) and (min-width:770px) {
    .contact-buttons-container{
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}


@media only screen and (max-width : 770px) {	
	.flexy{
        flex-direction: column !important;
    }
    
    .col-2, .col-3, .col-4, .col-2-sml, .col-2-lrg{
        width: inherit !important;
    }

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

	.comp-burb{
		grid-template-columns: 1fr;
	}

	.comp-excellence-blurb, .ourapproach-container{
		grid-template-columns: 1fr 1fr;
	} 

	.forklift-container{
		align-items: inherit !important;
		gap: 50px !important;
		margin: 40px 25px 80px !important;
		padding: 0px !important;
	}

	.forklift-container button.slick-next.slick-arrow{
		right: 0px !important;
	}

	.forklift-container button.slick-prev.slick-arrow{
		right: 140px !important;
	}

	.forklift-category{
		margin: 0px !important;
	}

	.forklift-container .col-2-sml{
		padding: 0px;
	}
    
    .no-break{
        display: none;
    }

	.footer-top{
		flex-direction: column;
		gap: 25px;
	}

	.footer-top-left{
		width: inherit;
	}

	.footer-top-right{
		justify-content: space-between;
		gap: 25px;
	}

	.post-container-equipment-categories{
		grid-template-columns: 100%;
	}

	.about-container{
		margin-right: 0px;
		gap: 0px;
	}

	.service-repair-container p{
		width: inherit;
	}

	.contact-location-info-container{
		padding: 50px;
	}

	.info-container{
		padding: 0px;
	}

	.forklift-container{
		gap: 80px;
	}

	.forklift-blurb{
		text-align: center;
	}

	.forklift-blurb .row .col-12>div{
		text-align: center !important;
	}

	.history-container img{
		padding-right: 0px !important;
	}

	.location-post-container{
		gap: 50px !important;
	}

	.location-post-item-details{
		display: block !important;
	}

	.post-container-mhi-locations{
		grid-template-columns: auto;
	}

	.minority-badge{
		text-align: center;
	}

	.image-container{
		position: static;
		margin: 0 auto;
		width: 165px;
	}

}



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

}
@media only screen and (max-width : 700px){
	h1{
		font-size: 52px !important;
	}


		.popup-home{


	h2{
		font-size: 36px;
	}
}

.home-image-pop{
	height: 250px;
	overflow: hidden;

	border-radius: 5px;


}
}

@media only screen and (max-width : 525px){
	.comp-excellence-blurb, .ourapproach-container{
		grid-template-columns: 1fr;
	} 
}

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

}

@media only screen and (max-width : 455px){
	.contact-buttons-container{
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}

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

	h1{
		font-size: 48px !important;
	}

	h2{
		font-size: 42px;
	}

	.home-title{
		margin-left: 25px;
		margin-right: 25px;
	}

	.main-section{
		padding: 40px;
	}

	.locations-container{
		margin: 40px;
		margin-top: 0px;
	}

	.locations-blurb-container a{
		gap: 15px;
	}
}

@media only screen and (max-width : 400px) {
	h1{
		font-size: 46px !important;
	}

	h2{
		font-size: 36px;
	}

	.footer-top-right{
		flex-direction: column;
		gap: 25px;
	}

	.locations-blurb-button-container{
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 15px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 350px) {
	h1{
		font-size: 38px !important;
	}

	h2{
		font-size: 28px;
	}

	.forklift-container .slick-arrow{
		font-size: 16px !important;
		width: 100px !important;
	}

	.forklift-container button.slick-prev.slick-arrow{
		right: 125px !important;
	}

	.history-container{
		padding: 35px;
	}
}