@charset "utf-8";
/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Oswald', sans-serif;
	vertical-align: baseline;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

a {
	text-decoration:none;
	color:#333;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all.3s ease-in-out;
}

.btn {display: inline-block;padding: 10px 3em; margin: 20px 0; background-color: #337b3b; text-transform: uppercase; font-weight: 600; border: 1px solid #ccc;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all.3s ease-in-out;}
.btn a {color: #fff;text-shadow: 1px 1px 1px #848484;font-size: 22px;}
.b-bg .btn:hover {cursor: pointer; background: #25582a!important}

p {font-family: 'Oswald', sans-serif;font-size:18px;line-height:1.5;margin-bottom: .75rem;}

body{
	margin:0;
	padding:0; 
	font-family:'Oswald', sans-serif;
	background: #fff;
    background-size: cover;
	overflow-x: hidden;
	background-color:#fff; 
	color:#252525;
	font-size:16px;
	line-height: 28px;
	-webkit-text-size-adjust: none;
}

img {max-width: 100%; height: auto; border:none;}

h1, h2, h3, h4 {text-transform: uppercase; margin:0 0 15px 0}
h1 {font-size:1.5em; text-transform:Uppercase; font-weight: 400;}
h2{font-size:1.25em; padding: 30px 0;}
h3{font-size:1em;}

.left {float: left;}
.right {float: right;}

.map-wrap{position: relative; max-height: 300px;}
.map {width: 100%; max-height: 300px;}
.pad{padding:3em 0}

/*Wrappers*/
.wrapper {  max-width: 100%; margin: auto 100px; box-sizing:border-box; }
.wrapped {  max-width: 100%; margin: 0 100px; box-sizing:border-box; }



/*Header*/
.top-bar {width: 100%; display:inline-block;margin: 0 auto; vertical-align: middle; font-size: 14px; background-color: #337b3b;}
a.social {font-size: 24px; font-weight: 400 !important;}
.top-bar a:hover {color: #fff;}
.top-contact {float: left; margin-left: 15px; padding: 6px 0; color: #fff; text-align: center; text-transform: uppercase; }
/*.top-contact a {color: #fdc42c; text-transform:uppercase;}*/
.top-contact a {color: #fff!important}
.header {width: 100%;}
.logo {display: inline-block;width: 260px;}
.logo img {display: inline-block; vertical-align: middle;padding: 14px 0;}
.hdr-cont {display: inline-block;vertical-align: middle; width: calc(100% - 264px);}
.openBtn {float: right; margin: 0 10px;}
a.openBtn {font-size: 24px; cursor:pointer;}
.closebtn { position: absolute;top: 30%;right: 10%;font-size: 60px;cursor: pointer;color: #ffffff;}
.closebtn:hover, .openBtn:hover {color:#ffc22c;}
#search h3{font-size: 1.25em; color: #fdc42c;}
.overlay {height: 100%;width: 100%;display: none; position: fixed; z-index: 9999999999;top: 0;left: 0; background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);}
.overlayForm {position: relative;top: 40%;width: 80%;text-align: center;margin-top: 30px;margin: auto;}
.overlayForm input[type="text"] {
    font-size: 1.25em !important;
    font-weight: 300;
    margin: 20px auto;
    padding: 10px 20px !important;
    width: calc(100% - 41px)!important;
    color: #fff!important;
    outline: none;
    border: .5px solid #ffffff!important;
    background:none!important;
    height: auto!important;
}
.overlayForm strong {font-size: 2em; color: #fff; font-weight: 400; line-height:2;}

.ctc-bar { width: 100%; display: inline-block; text-align: right; font-size: 16px; padding: 6px 0; font-weight: 600; background-color: #337b3b; border-bottom: 6px solid #fdc42c;}
.ctc-bar a {color: #fff!important;}
.ctc-bar a:hover {color: #FDC42C!important;}

/*Slider*/
.main-image {position: relative; width: 100%; height: 580px; text-align: center;}
.hero-title {position: relative;;width: 100%; margin-top: 6%; line-height: 1; }
.hero-title h1 {color: #fff;font-size: 2.5vw;font-weight: 700; text-shadow: 2px 2px 12px #000;}
.hero-title span {color: #fdc42c;}
.button { display: inline-block; margin-top: 20px; padding:.5em 2em;; border: 3px solid #ffc22c; text-align: center; font-size: 22px; font-weight: 700; text-transform: uppercase;color: #fff;  text-shadow: 1px 1px 1px #000; border-radius: 10px; -webkit-border-radius:10px; cursor:pointer;}
a.button:hover {background: rgba(255, 255, 255, 0.25);}

/*Inventory*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#337b3b !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .mobile-breadcrumb, .g-recaptcha {background: #337b3b !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .compare-title h3 {color:#000 !important;}
.dealer-btns-bottom a {background: #337b3b !important;} .page-nav{background-color:#337b3b!important} .search-results, .list-content .price-container .price, .compare-listings-container .compare-container .compare-price, .bread-crumbs-heading .return-links .return-links-link span, .bread-crumbs-heading .return-links .return-links-link i, .list-content .list-title .list-listings-count {color:#337b3b!important}

/*Content*/

.callouts { position: relative;  width: 100%; margin: 0 auto;}
.callouts a {width: 17%; float: left; text-transform: uppercase;  background-position: 5% center!important; background-size: 36px !important; background-repeat: no-repeat!important; padding:16px 0;}
.callouts a:hover {color: #040000;background-color: #d9a726;}
a.eq-sale {background: url(../siteart/sale.png); background-color: #000; color: #fff; border: none;}
.eq-rental {background: url(../siteart/rental.png); background-color: #000; color: #fff; border-left: 1px solid #999999;}
.att {background: url(../siteart/parts.png); background-color: #000; color: #fff; border-left: 1px solid #999999;}
.specials {background: url(../siteart/service.png); background-color: #fff; color: #000;}
.ctc-tab {background: url(../siteart/contact.png); border: none !important; background-color: #fdc42c; color: #000; width: calc(32% - 2px) !important;}

.callout-title {text-align: center; margin-left: 18%; font-size: 16px; font-weight: 400;}

.products {position:relative; padding: 30px 0; text-align: center; background: url(../siteart/eq-bg.jpg); background-attachment: fixed;}
.products h2 {text-transform: capitalize;}
.product {float: left; width: calc(16.66% - 28px);  border: 1px solid #888888; margin: 13px; background-position:center 20px; background-repeat: no-repeat; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.products .product:hover {background-color: rgba(19, 21, 21, 0.95); color: #fff;cursor: pointer;}

.dozers{background-image: url(../siteart/equipment/dozers.png);}
.excavators{background-image: url(../siteart/equipment/excavators.png);}
.skidsteers{background-image: url(../siteart/equipment/skid-steers.png);}
.backhoe-loaders{background-image: url(../siteart/equipment/backhoe-loaders.png);}
.o-trucks{background-image: url(../siteart/equipment/off-highway-trucks.png);}
.motorgraders{background-image: url(../siteart/equipment/Motorgraders.png);}
.tractors{background-image: url(../siteart/equipment/tractors.png);}
.hay-forage{background-image: url(../siteart/equipment/hay-forage.png);}
.tillage{background-image: url(../siteart/equipment/tillage-equipment.png);}
.hay{background-image: url(../siteart/equipment/hay-forage.png);}
.planting{background-image: url(../siteart/equipment/planting-equipment.png);}
.trailers{background-image: url(../siteart/equipment/trailers.png);}
.trucks{background-image: url(../siteart/equipment/trucks.png);}

.forklifts{background-image: url(../siteart/equipment/forklifts.png);}
.lifts{background-image: url(../siteart/equipment/lifts.png);}
.w-trucks{background-image: url(../siteart/equipment/water-trucks.png);}
.all-equipment {background-image: url(../siteart/equipment/all-equipment.png);}
.producttext {position: relative; width: 100%; float: left; padding: 118px 0 6px 0;font-size: 18px;font-weight: 700;text-transform: uppercase;text-align: center;}

.main-text {position: relative;text-align: center;color: #fff !important;background-color: #000; background-image: url(../siteart/earth-texture.jpg);font-size: 18px; font-weight: normal;  text-shadow: 1px 1px 1px #000;background-attachment: fixed; text-shadow: 1px 1px 1px #000;}
.b-bg {padding: 3em 0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(19, 21, 21, .6) 0%, rgb(19, 21, 21) 100%);}
.main-text p {font-size: 18px}

.brands { display: inline-block; padding: 40px 0 10px 0; text-align:center;}
.brands a {display: inline-block;text-align: center;width: 7%;margin: 30px 1%;}
.brands img {vertical-align: middle;}
.brands a:hover {transform: scale(1.25);}

/*Scrolling banner*/
.scrolling-wrap { max-width: 100%; height: 90px; overflow: hidden;}
.scrolling {width: 100%;height: 90px;}

/* Footer */
#bottom {color: #fff; font-size: 16px; text-transform:uppercase;}
#bottom li {list-style: none; text-decoration:none;}
#bottom a:hover {color: #ffc22c;}
#bottom h3 {margin: 0 0 5px 0; font-weight: 600;}
#bottom strong {font-weight: 700;line-height: 0;font-size: 36px; color: #575757;}
.footer_top {width: 100%; background-color: #337b3b; color: #ffff; float: left; padding: 2.5em 0; }
.footer_top a {color: #fff!important;}
.footer_top a:hover {color: #ffc22c!important; }
.footer_bottom {width: 100%; float: left; text-align: center; background: #fdc42c; color: white!important;padding: 4px 0; font-size: 14px; font-weight: 400;}
.footer_bottom a:hover {color: #000!important; text-decoration:underline;}
.quarter {width: 20%;margin: 0px 2.5%; float: left;}


.qk-links {
    z-index: 9;
    position: fixed;
    top: 30vh;
    right: 0;
	line-height:0;
	font-size:0;
}

.qk-links a {
	display: block;
	padding: 0 12px;
	margin: .5px 0 .5px 0;
	background: rgba(0, 0, 0, .85);
	font-size: 18px;
	color: #fff!important;
	border-left: 4px solid #fdc42c;
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(75%, 0, 0);
    transform: translate3d(75%, 0, 0);
	
	}
.qk-links .fas { padding: 12px 12px 12px 0;}
.qk-links a:hover {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);color:#fdc42c!important;}

/* Forms */
.main-search {padding: 35px 0; background-color:#131515;}
.search-inner {max-width: 80%; margin: 0 auto;}
.search-title {float: left;width: 312px;padding: 13px 0px 0px 0;font-size: 36px;font-weight: 400; color: #fff; text-transform: uppercase;}
.search-inner #search {position: relative; width: calc(100% - 312px); float: left;}
.third {float: left;width:29.33%;margin: 0 2%;}

.main-search select {background: #fff !important; border: 1px solid #848484 !important; color: #151513 !important; padding: 9px 10px!important; }
.main-search input[type="text"] {width: calc(100% - 22px); padding:10px 10px 9px 10px!important; color: #000!important; margin: 4px 0!important; background-color: #fff !important;}
.main-search input[type="submit"] {width: 100%;border: 1px solid #848484; padding: 8px 0;font-size: 1.25em; font-weight: 600;text-transform: uppercase; color: #fff; text-shadow: 1px 1px 1px #848484; background-color: #fdc42c;}
.search {display: none;}
input#submit {width: 100% !important;}
.fourth select { width: 100% !important; border: none}
input[type="submit"]:hover, input.btn:hover, .btn:hover {background: #d9a726 !important; cursor:pointer; utline:none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all.3s ease-in-out;}


select#searchselector {width: 100%;padding: 10px; margin: 4px 0; color: #fff;background: #353534;border: 1px solid #fff;-webkit-border-radius: 0;border-radius: 0;}
.form {position:relative; max-width: 75%; margin: 40px auto; padding: 20px; font-family: 'Oswald', sans-serif; font-size: .9em;}
input[type="text"] {
    width: calc(98% - 2px);
	margin: 0px 0 12px 0;
    padding: 4px 1%;
    font-size: .9em;
    border: 1px solid #bebebe;
	-webkit-border-radius:0; 
    border-radius:0;
}

selec#searchbox {width: calc(100% - 40px);margin: 10px auto;padding: 0 20px;font-size: 2em;color: #fff;background: #353534;border: 1px solid #fff;-webkit-border-radius: 0;border-radius: 0;}

select:focus {outline: none;}

textarea {
    width: 98%;
    min-height:80px;
	margin:2px 0;
    padding: 4px 1%;
    font-size: .9em;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	-webkit-border-radius:0; 
    border-radius:0;
}

/*CAPCHA*/
.CaptchaPanel {margin:0 !important; text-align: -webkit-center; font-size: 12px; font-weight:300;}
.CaptchaImagePanel {padding:0 !important; text-align: -webkit-center !important;}
.CaptchaImage {width:auto !important;}
.CaptchaAnswerPanel { padding:0 !important;}
.CaptchaMessagePanel {font-weight:400 !important;padding:0 !important;}
.CaptchaWhatsThisPanel {padding:0 !important;}
#CaptchaAnswer {border: 1px solid #999; background: #fff; font-weight: bold;}
.cap-sub-group {text-align: center; margin: 20PX auto;}
.form-btns {max-width: 80%; margin: 0 auto; text-align: center;text-align: center;}

/* Inventory styles*/


.container.cf {margin: 20px auto !important;}
.listings-wrapper .listing-thumb .listing-thumb-title a { color: #334060;}
.listings-wrapper .hosted-theme .btn {background: #334060; color: #fff !important;}
.listings-wrapper .hosted-theme .btn:hover {background-color: #d9a726; !important; color: #fff !important;}
.hosted-content input[type="text"] {width: auto!important;}
p.no-margin {font-size: inherit;}
#main-search input#keywords { background-color: #fff !important; border: 1px solid #bababa !important;}

/*----View Details Button----*/
.view-listing-details-link {
    background: #337b3b !important;
}

.view-listing-details-link:hover {
    color: #337b3b !important;
    background:#fff !important;
}

/*----Email Seller Button----*/
.email-seller-link {
    background: #337b3b !important;
}

.faceted-search-content .faceted-section-box .faceted-view-more-btn {
    background: #337b3b !important;
}

/*----Filter button color change------*/
.selected-facet {
    background: #337b3b !important;
}

/*----Details Price----*/
.detail-price {
    color: #337b3b !important;
}

.detail-content .detail-main-body .main-detail-data .detail-btn-calc:hover {
    background: #337b3b !important;
    color: #fff !important;
}


/*----Contact Information----*/
.detail-content .dealer-info {
    color: #337b3b !important;
}

.detail-content .dealer-info .field-name {
    color: #337b3b !important;
}

.detail-content .dealer-info .field-value {
    color: #337b3b !important;
}

/*----Send Email----*/
.detail-content .dealer-info .phone-and-email .send-email-btn {
    border: none !important;
    background: #337b3b !important;
    color: #fff !important;
}

/*----Spec Title Background & Color ----*/
.detail-content .data-row .data-label {
    background: #337b3b !important;
    color: #fff !important;
}

/*----Breadcrumb - Search Results button----*/
.detail-content .search-results {
    color: #337b3b !important;
}

/*----Breadcrumb Path above Searach Results----*/
.breadcrumbs .breadcrumbs-element {
    color: #337b3b !important;
}

/*----Make an Offer Button----*/
.main-detail-data .offer-btn {
    background: #337b3b !important;
    color: #fff !important;
}

.main-detail-data .offer-btn:hover {
    background: #337b3b !important;
    color: #fff !important;
}

/*---Mobile Buttons----*/
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
    background: #337b3b !important;
    color: #fff !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
    background: #337b3b !important;
    color: #fff !important;
}




/* Media queries*/
.show-menu-for-mobile {display:none;} 

@media screen and (max-width: 1600px) {
.main-text h1 {font-size: 32px;}
.main-text p {font-size: 18px;}
}
@media screen and (max-width: 1440px) {
.main-text h1 {font-size: 32px;}
.wrapper, .wrapped{max-width: 100% ; margin: auto 30px; box-sizing:border-box;}
.products h2 {margin-left: 30px;}
}

@media screen and (max-width: 1367px) {
.main-image {height:521px; max-height:521px;}		
.main-text h1 {font-size: 24px;}
.callouts {background: linear-gradient(180deg, rgba(1, 82, 137, .85) 55%, #ffffff 45%);}
.search-inner {max-width: 90%;}
}

@media screen and (max-width: 1280px) {
.openBtn {margin: 0 0 0 10px;}
.ctc-bar h3 {font-size: 18px;}	
.main-image {height: 556px; max-height: 556px;}
.wrapper {margin: 0 auto ; padding: 0 20px;}
.wrapped { width: 100%;margin: 0 auto;}
.container.cf {margin: 20px 10px !important;}
.producttext {font-size: 16px;}
.products h2 {margin-left: 20px;}
.equipment-s a {font-size: 18px;}
}


@media screen and (max-width: 1090px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.top-navigation  {display: none;}
.top-contact {width: 100%; margin: 0 auto;}
.callout-title span {display: none;}
.callout-title {text-align: left; margin-left: 80px;font-size: 24px; padding: 5px 0;}
.callouts a { border: none !important;  width: 50% !important;}
.callouts { width: 100%; margin: 0 auto; background:#333;}
a.ctc-tab { width: 100% !important;}
.qk-links {display: none;}

}

@media screen and (max-width: 1024px) {
.logo {width:240px;}
.hdr-cont {width:calc(100% - 244px);}
.main-image {height: 380px; max-height: 380px;}
h2 {font-size: 1.25em;}
.ctc-bar h3 {font-size: 16px;}
.callouts a {width: 50%; font-size: 20px;}
.product {width: calc(33.33% - 28px);}
.main-text h1 {width: 100%;}
.main-text h1:after {display: none;}
.main-text p {width: 100%; padding: 0;}
.search-inner {max-width: 95%;}
.search-title, .search-inner #search {width: 100%; text-align:center;}
.search-title {font-size: 28px;padding: 0 0 10px 0;}
.main-search h2 {border: none;font-size: 36px;}
.third {width: 46%;margin: 10px 2%;}
.third:last-child {float: none;display: inline-block;}
.submit {padding: 0; width: 75%; margin: 0 auto ; }
.b-bg {padding: 1em 0;}
.brands a {width: 14%; margin: 15px 1%;}
}

@media screen and (max-width: 768px) {
.nav-container {margin-top: 8%;}
.wrapper {margin: 0 auto;padding: 0 15px;}
.overlayForm strong {font-size: 1.25em;}
.main-image {height: 300px; max-height: 300px;}
.hero-title h1 {font-size: 1.25em;}
p {font-size: 16px;}
.product {width: calc(50% - 28px);}
.brands a {width: 20%;margin: 2%;}
#footer {font-size: 14px;}
#footer h3 {font-size: 20px;}
.form {max-width: 100%;}
.quarter { width: 30%; margin:1.66%;float: left;}
.quarter:first-child { width: 100%;}
#bottom strong {font-size: 34px;}
.footer_bottom {font-size: 12px;}
.hosted-content h1 {font-size: 1.25rem !important;}

}

@media screen and (max-width: 680px) {
.hero-title { width: 96%; margin: 6% auto 0 auto;left: 0;right: 0; text-align: center;}
.ctc-bar h3 {display: none;}
a.phone {width: 100%; text-align:center;}
}

@media screen and (max-width: 640px) {
.callouts a {width: 100% !important; margin-top: 1px;}
.callout-title {margin-left: 38%;}
.producttext {font-size: 14px;}
.left, .right {width: 100%;}
}

@media screen and (max-width: 560px) {
.top-contact span {display: none;}
}

@media screen and (max-width: 460px){
.logo {width: 200px;}
.hdr-cont {width: calc(100% - 204px);}
.main-image {height: 224px; max-height: 224px;}
#navcontain {top: 28px !important;}
.third {width: 90%;margin: 0px 5%;}
.main-search input[type="submit"] {margin: 6px 0;}
.overlayForm {width: 95%;}
.contact {width: 100%; margin-top: 20px;}
.footer_bottom {padding: 5px 0; text-align: center; width: 100%; margin: 0 auto;}
.quarter {width: 100%; margin: 10px 0;}
}

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

h1 {font-size: 1.25em;font-weight: 400;}
.top-contact { font-size: 12px;font-weight: 300;}
.main-image {height: 164px; max-height: 164px;}
.hero-title h1 {font-size: 18px; font-weight: 600; line-height: 18px;max-width: 97%; margin: 0 auto;}
.hero-title {left: 0; right: 0; bottom: 10%; text-align: center;}
.third {width: 90%;margin: 2px 5%;}
.button {margin-top: 10px; font-size: 14px !important; padding: 2px 2em;}
.callouts a {padding: 15px 0;}
.callout-title {margin-left: 30%;}
.product {width: calc(50% - 14px); margin:6px;}
.dozers, .trucks {background-size: 95%;}
.footer_top {padding: 40px 0;}
.quarter {width: 90%;}
}