/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Roboto', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}
/***** END RESET *****/

/* font-family:'Roboto', sans-serif; */
header, nav, article, section, footer, img {display:block;}

body {background:#000; -webkit-text-size-adjust:none; line-height:normal; font-family:'Roboto', Arial, sans-serif; font-weight:400; color:#000; font-size:16px;}
.clear-it:after {content:""; display:block; clear:both;}

.wrap {width:92%; margin:0 auto; max-width:1230px;}
.header-wrap {width:92%; margin:0 auto; max-width:1230px; display: flex; align-items: center; justify-content: space-between;}
.un-wrap {display: block !important;}

img.responsive {width: 100%; height: auto; margin: 0 auto; display: block;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
.column1 {width:8.33333%;}
.column2 {width:16.66666%;}
.column3 {width:25%;}
.column4 {width:33.33333%;}
.column5 {width:41.66666%;}
.column6 {width:50%;}
.column7 {width:58.33333%;}
.column8 {width:66.66666%;}
.column9 {width:75%;}
.column10 {width:83.33333%;}
.column11 {width:91.66666%;}
.column12 {width:100%;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1%;}

.show-1024, .show-tablet {display:none;}



/*** typography styles **/
p {margin-bottom:16px;}
.no-margin {margin:0!important;}

h1, h2, h3, h4, h5, h6 {font-family:'Roboto', Arial, sans-serif; font-weight:700;}
h1 {font-size:32px; margin-bottom:18px;}
h2 {font-size:30px; margin-bottom:14px;}
h3 {font-size:28px; margin-bottom:16px;}
h4 {font-size:24px; margin-bottom:10px;}
h5 {font-size:20px; margin-bottom:8px;}
h6 {font-size:18px; margin-bottom:7px;}

.orange {color:#ff6d28;}
.black {color:#000;}
.white {color:#fff;}

.caps {text-transform:uppercase;}

a {color:inherit; text-decoration:none; transition: all.3s ease-in-out;}
a:hover {color:inherit; text-decoration:underline;}

a.orange-btn {text-decoration:none; background:#D14200; padding:10px; display:block; color:#fff; font-weight:700; text-align:center; text-transform:uppercase; border-radius:3px;}
a.orange-btn:hover {background:#E56224;}
a.red-btn {text-decoration:none; background:#a11e21; padding:10px; display:block; color:#fff; font-weight:700; text-align:center; text-transform:uppercase; border-radius:3px;}
a.red-btn:hover {background:#87191C;}

.flex-btns {width: 100%; max-width: 888px; display: flex; justify-content: flex-start; align-items: center;}
.flex-btns div {width: 50%;}
.flex-btns a.orange-btn {text-decoration:none; background:#ff6d28; padding:10px; display:block; color:#fff; font-weight:700; text-align:center; text-transform:uppercase; border-radius:3px; margin: .25em;}
.flex-btns a.orange-btn.lrg {width: 50%; padding: 2em 10px;}
.flex-btns a.orange-btn:hover {background:#E56224;}

ul.list {list-style:disc; margin:0 0 16px 16px;}
ul.list li {list-style:disc; margin-left:16px;}

.full-img img {width:100%; height:auto;}


/*** header styles **/
.top-bar {width:100%; display:block; background:#000; padding:12px 0; color:#fff; font-size:18px; font-weight:500; text-align:center;}
.address, .phone, .facebook {margin:0 3%;}
.facebook img {max-width: 111px; display: inline-block; vertical-align: middle;}

.loc-toggle {display:block; float:left; cursor:pointer; margin:8px 3% 0 0; position:relative; font-size:14px;}
.loc-list {background:#000; display:none; width:160px; position:absolute; top:31px; left:-20px;}
.loc-list li {display:block;}
.loc-list a:link, .loc-list a:active, .loc-list a:visited {text-decoration:none; padding:7px 10px; display:block;}
.loc-list a:hover {background:#333;}

header {width:100%; background:#D14200; padding:25px 0;}

.logo {width:40%; float:left; margin-right:2%;}
.logo img {width:100%; height:auto; max-width:335px;}

.kubota-qr {width: 85px;}
.kubota-qr img {width: 100%;}
.kubota-qr p {color: #eee; font-size: 12px; text-align: center; margin-bottom: 8px !important;}

.rt-header {/*width:50%;*/ float:left; width:calc(50% - 130px);}
.rt-header img {width:100%; height:auto; max-width:303px; float:right;}
.quick-search {width:100%; max-width:303px; float:right; margin-top:12px; position:relative;}
.quick-search input {background:#fff; font-size:14px; color:#333; border:1px #ddd solid; padding:7px 35px 7px 7px; width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:1;}
.quick-search input[type="text"]:focus {border-color:#000; color:#000; outline-style:none;}
.quick-search input[type="submit"] {background:none; border:none; position:absolute; top:0; right:0; width:30px; cursor:pointer; z-index:3;}
.quick-search i {position:absolute; top:7px; right:0; width:30px; cursor:pointer; z-index:2;}

.weather-box {width:110px; float:left; padding:0 10px; margin-top:15px; display: flex; flex-direction: column;}
.weather-box a {color: #eee; font-size: 12px; text-align: center; padding: 5px;}


/*** nav styles **/
nav {width:100%; background:#fff;}
nav ul {width:100%; margin:0 auto; text-align:center;}
nav li {display:inline-block; position:relative;}
nav span, nav a:link, nav a:active, nav a:visited {display:block; color:#000; text-decoration:none; font-size:18px; font-weight:500; padding:0 10px; line-height:50px;}
nav span:hover, nav a:hover {color:#ff6d28; cursor:pointer;}

nav ul ul {display:none; position:absolute;  z-index:99999; top:50px; left:0; width:200px; background:#e3e3e3; text-align:left;}
nav ul ul ul {position:absolute; left:100%; top:0;}
nav ul li:hover > ul {display:block; z-index:99999;}
nav ul ul li {float:none; position:relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:16px; line-height:18px; padding:12px 0px 12px 10px; border-bottom:1px solid #ddd; color:#000;}
nav ul ul li a:hover {color:#ff6d28;}

/* mobile nav styles */
#mobile-nav .close-nav {width:100%; display:block; line-height:30px; height:30px; border-bottom:1px #999 solid; text-align:right;}
#mobile-nav .close-nav i {font-size:20px; margin-right:15px; color:#000;}

#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:16px; background:#fff; color:#000; margin:0 !important; -moz-box-shadow:2px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 3px rgba(0,0,0,.4); box-shadow:2px 0px 3px rgba(0,0,0,.4);}
#mobile-nav ul {clear:both; display:block; padding:0; margin:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #999;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; text-decoration:none; color:#000; font-weight:700;}
#mobile-nav ul li a:hover {background:#fff; color:#ff6d28;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; display:block; cursor:pointer;}
#mobile-nav ul li.expandable .end i {font-size:20px; color:#000; line-height:40px;}
#mobile-nav ul li.expandable .end.rotate {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:#f1f1f1;}
#mobile-nav ul li ul li {line-height:40px; font-size:14px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#000; padding-left:30px;}
#mobile-nav ul li ul li a:hover {background:#f1f1f1; color:#ff6d28;}


/*** content styles **/
.hero {
  width: 100%; 
  display: block; 
  text-align: center; 
  background: #000 url('../evansville/siteart/hero.jpg') no-repeat center; 
  background-size: cover; 
  padding: 17% 0; 
  border-bottom: 3px #ff6d28 solid;
  position: relative;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4));
  pointer-events: none;
  z-index: 1;
}

.hero > * {
  position: relative;
  z-index: 2;
}
h2.tagline {font-size:60px; color:#fff; text-transform:uppercase; font-weight:900; line-height:110%; text-shadow:0 0 10px rgba(0,0,0,0.8); padding:0 4%; margin-bottom:0;}

.cat-box {background:#fff; width:100%; padding:40px 0; text-align:center;}
.cat-box a {width:14.99999%; float:left; margin:0 2% 0 0; position:relative;}
.cat-box a:nth-of-type(6) {margin-right:0;}
.cat-box a img {width:100%; height:auto; position:relative; z-index:1;background-color:#000;}
.cat-box a .shaded {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:4; transition: all.3s ease-in-out;}
.cat-box a:hover .shaded {background:rgba(0,0,0,0);}
.cat-box a span {position:absolute; top:50%; left:0; width:100%; padding:0 2%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; text-transform:uppercase; color:#fff; font-weight:700; font-size:22px; text-shadow:0 0 5px rgba(0,0,0,0.8); z-index:9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.cat-box2 {width:100%; text-align:center;}
.cat-box2 a {width:14.99999%; float:left; margin:0 2% 15px 0; position:relative;}
.cat-box2 a:nth-of-type(6n) {margin-right:0;}
.cat-box2 a img {width:100%; height:auto; position:relative; z-index:1;}
.cat-box2 a .shaded {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:4; transition: all.3s ease-in-out;}
.cat-box2 a:hover .shaded {background:rgba(0,0,0,0);}
.cat-box2 a span {position:absolute; top:50%; left:0; width:100%; padding:0 2%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; text-transform:uppercase; color:#fff; font-weight:700; font-size:20px; text-shadow:0 0 5px rgba(0,0,0,0.8); z-index:9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.brand-box {background:#fff; width:100%; padding:40px 0; text-align:center;}
.brand-box a.orange-btn {max-width:400px; margin:0 auto 15px auto;}
.brand-box .brand2 {width:12.28%; float:left; margin:10px 1%;}
.brand-box .brand2 img {width:90%; height:auto; margin:0 auto; max-width:170px;}

.loc-photo {background:url('../evansville/siteart/store-new.jpg') no-repeat center right; background-size:cover;}
.main-content {background:url('../siteart/pattern.jpg') repeat;}
.content-pad {padding:40px 8%; background-color:#fff;}

.manu-logos {background:#ff6d28; padding:16px 0 6px 0;}
.brand {width:23.5%; margin:0 2% 10px 0; padding:20px 18px; display:block; background:#fff; border:2px #e56224 solid; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.brand:nth-of-type(4n) {margin-right:0;}
.brand:hover {background:#eee;}
.brand img {width:100%; height:auto; margin:0 auto; max-width:236px;}

.showroom-pop {display:none; background:rgba(0,0,0,0.75); width:100%; height:100%; text-align:center; position:fixed; top:0; left:0; z-index:999999;}
.pop-inner {display:block; background:#fff; width:30%; padding:15px; text-align:center; position:relative; top:10%; left:35%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pop-inner .close-pop {position:absolute; top:5px; right:10px; z-index:9; color:#000; font-size:20px;}
.pop-inner a {line-height:150%;}

section.main {background:url('../siteart/pattern.jpg') repeat; padding:40px 0; border-top:1px #ddd solid;background-color:#fff;}

.staff {width:100%; display:block;}
.emp {width:22%; float:left; margin:0 3% 20px 0;}
.emp:nth-of-type(4n + 1) {clear:left;}
.emp img {width:100%; height:auto; max-width:180px; border:1px #999 solid; margin-bottom:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.emp a {color:#a11e21;}

.lg-map iframe {width:100%; height:400px; border:1px #999 solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.account-frame {width:100%; display:block;}
.account-frame iframe {width:100%; display:block; height:1500px;}

.specials {width:100%; display:block;}
.spec-block {width:48%; margin:0 4% 25px 0; float:left; background:rgba(255,255,255,0.8); padding:15px; border:1px #bbb solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.spec-block:nth-of-type(even) {margin-right:0;}
.spec-block:nth-of-type(odd) {clear:left;}
.spec-block ul.list {margin-bottom:0;}
.spec-block img {width:100%; height:auto; max-width:600px; margin:0 auto 10px auto;}


/*** form styles **/
::placeholder {color:#333; opacity:1;} /* Chrome, Firefox, Opera, Safari 10.1+ */
:-ms-input-placeholder {color:#333;} /* Internet Explorer 10-11 */
::-ms-input-placeholder {color:#333;} /* Microsoft Edge */

#formpage {}
#formpage input {width:calc(100% - 12px); padding:6px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #999; color:#000; font-size:12px; background:#fff; margin-bottom:12px;}
#formpage textarea {width:calc(100% - 12px); padding:6px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #999; color:#000; font-size:12px; height:120px; background:#fff; margin-bottom:12px;}
#formpage select {width:calc(100% - 2px); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #999; color:#000; vertical-align:middle; font-size:12px; line-height:normal; padding:5px; background:#fff; margin-bottom:12px;}
#formpage input.checkbox {padding:0; border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus, #formpage textarea:focus, #formpage select:focus {background:#f3f3f3; color:#000; border:1px solid #a11e21; outline-style:none;}
#formpage input.radio:focus, #formpage input.checkbox:focus {background:none;  border:0; outline-style:none;}

#formpage input.button, #formpage input.button:focus {width:100%; margin:0; padding:7px 0; background:#ff6d28; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px; line-height:14px; font-weight:bold; color:#fff;}
#formpage input.button:hover {background:#E56224; color:#fff;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

.flex.logo {
	display: flex;
	margin:60px auto;
	justify-content: center;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 60px;
}

.flex.logo img {
	margin-right: 30px;
}

.flex.logo div {
	display: flex;
}

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

.mission-statement.wrap p {
	font-size: 21px;
	margin-bottom: 0;
}

.mission-statement.wrap  {
	text-align: center;
	max-width: 1184px;
}

.hopf-logo {
	margin: 0 auto;
}

.mission-statement.wrap h1 {
	    font-size: 41px;
    margin-bottom: 18px;
    text-decoration: underline;
    font-style: italic;
    font-weight: 900;
}

.tractor-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.tractor-item {
    width: 100%;
}

.tractor-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.tractor-item a {
    display: block;
}

/* Mobile - 1 per row */
@media (max-width: 768px) {
    .tractor-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
/*** footer styles **/
footer {width:100%; padding:15px 0; color:#fff; font-size:14px;}

.loc, .foot-phone, .foot-facebook {display:block; margin-bottom:15px;}
.loc i, .foot-phone i, .foot-facebook i {font-size:20px; width:20px; margin-right:5px; display:inline-block; vertical-align:top;}
.loc span, .foot-phone span {width:calc(100% - 30px); display:inline-block;}

.label {width:60px; margin-right:5px; display:inline-block; vertical-align:top; font-weight:700;}
.hours {width:calc(100% - 70px); display:inline-block;}

.foot-logo {width:100%; height:auto; max-width:186px; float:right;}
.copyright {font-size:12px; text-align:right; margin-top:20px;}


/*** responsive styles **/

@media screen and (max-width:1368px) {
	.logo.flex div{flex-direction: column;}
	.logo.flex {flex-direction: row; width: 100%; margin: 0 auto;}
	.logo.flex img {margin-bottom: 20px;}
	.spread-apart.flex {justify-content: center !important;gap: 110px; margin-top: 50px;}
}

@media screen and (max-width:1295px) {
	nav span, nav a:link, nav a:active, nav a:visited {font-size:15px;}
	.cat-box a span, .cat-box2 a span {font-size:18px;}
	.column-fix {width: 100% !important; padding: 0px !important;}
}

@media only screen and (max-width: 1050px) {
	.kubota-qr {margin: 0 40px; width: 95px;}
}
@media screen and (min-width:1120px) {
	#mobile-nav {display:none!important;}
}
@media screen and (max-width:1120px) {
	.show-1024 {display:block!important;}
	.hide-1024 {display:none;}
	.logo-responsive {margin-top: 40px;}
	.spread-apart.flex.logo-responsive {flex-direction:column;margin: 0 auto;width: 310px; gap: 0;}
	.logo-responsive img,.logo.flex img {margin-bottom: 30px;}
	.flex.logo {gap: 0;}
	.logo.flex {margin: 0 auto; flex-direction: column; align-content: center;}
	.column1-ht {width:8.33333%;}
	.column2-ht {width:16.66666%;}
	.column3-ht {width:25%;}
	.column4-ht {width:33.33333%;}
	.column5-ht {width:41.66666%;}
	.column6-ht {width:50%;}
	.column7-ht {width:58.33333%;}
	.column8-ht {width:66.66666%;}
	.column9-ht {width:75%;}
	.column10-ht {width:83.33333%;}
	.column11-ht {width:91.66666%;}
	.column12-ht {width:100%;}
	
	.col-pad-lt-ht {padding:0 0 0 2%;}
	.col-pad-rt-ht {padding:0 2% 0 0;}
	.col-pad-center-ht {padding:0 1%;}
	.col-pad-clear-ht {padding:0;}
	
	.top-bar {font-size:16px;}
	.loc-list {top:29px;}
	.loc-toggle {margin: 13px 3% 0 0;}
	
	.facebook img {max-width: 80px; padding: 10px;}
	
	#simple-menu {float:left; height:40px; line-height:40px; width:80px; display:block; cursor:pointer; font-size:18px; font-weight:500;}
	#simple-menu i {margin-right:5px;}
	
	h2.tagline {font-size:44px;}
	
	.cat-box {padding:30px 0;}
	.cat-box a, .cat-box2 a {width:31.99999%; margin:0 2% 15px 0;}
	.cat-box a:nth-of-type(6), .cat-box2 a:nth-of-type(6n) {margin-right:2%;}
	.cat-box a:nth-of-type(3n), .cat-box2 a:nth-of-type(3n) {margin-right:0;}
	
    .brand-box .brand2 {width:23%;}
    
	.pop-inner {width:50%; left:25%;}
}
@media only screen and (max-width: 978px) {
	.kubota-qr {width: 100px;}
}
@media only screen and (max-width: 809px) {
	.kubota-qr {width: 105px;}
}
@media screen and (max-width:768px) {
	.show-tablet {display:block!important;}
	.hide-tablet {display:none;}
	.logo.flex {flex-direction: column !important;margin: 0 auto !important; width: unset;}
	.column1-vt {width:8.33333%;}
	.column2-vt {width:16.66666%;}
	.column3-vt {width:25%;}
	.column4-vt {width:33.33333%;}
	.column5-vt {width:41.66666%;}
	.column6-vt {width:50%;}
	.column7-vt {width:58.33333%;}
	.column8-vt {width:66.66666%;}
	.column9-vt {width:75%;}
	.column10-vt {width:83.33333%;}
	.column11-vt {width:91.66666%;}
	.column12-vt {width:100%;}
	
	.col-pad-lt-vt {padding:0 0 0 2%;}
	.col-pad-rt-vt {padding:0 2% 0 0;}
	.col-pad-center-vt {padding:0 1%;}
	.col-pad-clear-vt {padding:0;}
	
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:30px; margin-bottom:14px;}
	h2 {font-size:28px; margin-bottom:10px;}
	h3 {font-size:24px; margin-bottom:12px;}
	h4 {font-size:22px; margin-bottom:7px;}
	h5 {font-size:18px; margin-bottom:5px;}
	h6 {font-size:16px; margin-bottom:5px;}
	
	.top-bar {font-size:14px;}
	.loc-list {top:29px;}
	.address, .phone, .facebook {margin:0 2%;}
	
	.logo img {max-width:270px;}
	.logo {width: auto;}
	.rt-header {width: auto;}
	.rt-header img {max-width:250px; margin-top:15px;}
	
	#mobile-search {float:right; text-align:center; height:40px; line-height:40px; width:40px; display:block; cursor:pointer; font-size:18px; font-weight:500;}
	.mobile-quick-search {clear:left; position:relative; padding-bottom:10px;}
	.mobile-quick-search input {background:#fff; font-size:12px; color:#333; border:1px #ddd solid; padding:7px 35px 7px 7px; width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:1;}
	.mobile-quick-search input[type="text"]:focus {border-color:#000; color:#000; outline-style:none;}
	.mobile-quick-search input[type="submit"] {background:none; border:none; position:absolute; top:0; right:0; width:30px; cursor:pointer; z-index:3;}
	.mobile-quick-search i {position:absolute; top:7px; right:0; width:30px; cursor:pointer; z-index:2;}
	
	h2.tagline {font-size:36px;}
	
	.loc-photo span {padding:25% 0; display:block;}
	.brand {padding:15px 10px;}
	
	.lg-map iframe {height:300px;}
	
	footer {font-size:12px;}
	.copyright {text-align:center; margin-top:10px; font-size:10px;}
	
}
@media only screen and (max-width: 650px) {
	.kubota-qr {margin: 0 25px;}
	.kubota-qr p {font-size: 11px;}
}
@media screen and (max-width:640px) {
	.column1-hp {width:8.33333%;}
	.column2-hp {width:16.66666%;}
	.column3-hp {width:25%;}
	.column4-hp {width:33.33333%;}
	.column5-hp {width:41.66666%;}
	.column6-hp {width:50%;}
	.column7-hp {width:58.33333%;}
	.column8-hp {width:66.66666%;}
	.column9-hp {width:75%;}
	.column10-hp {width:83.33333%;}
	.column11-hp {width:91.66666%;}
	.column12-hp {width:100%;}
	
	.col-pad-lt-hp {padding:0 0 0 2%;}
	.col-pad-rt-hp {padding:0 2% 0 0;}
	.col-pad-center-hp {padding:0 1%;}
	.col-pad-clear-hp {padding:0;}
	
	.top-bar {padding:9px 0; font-size:14px;}
	.loc-toggle {display:block; float:none; margin:0 2% 5px 0;}
	.loc-list {left:calc(50% - 80px); top:20px;}
	
	header {padding:18px 0;}
	
	.hero {background-image:none; padding:4% 0;}
	h2.tagline {font-size:32px;}
	
	.cat-box {padding:20px 0;}
	
    .brand-box .brand2 {width:31.33333%;}
    
	.brand {width:31.99999%; border-width:1px;}
	.brand:nth-of-type(4n) {margin-right:2%;}
	.brand:nth-of-type(3n) {margin-right:0;}
	
	.pop-inner {width:80%; left:10%;}
	
	.emp {width:30.33333%;}
	.emp:nth-of-type(4n + 1) {clear:none;}
	.emp:nth-of-type(3n + 1) {clear:left;}
	
	.spec-block {width:100%; margin:0 0 25px 0;}
	
}
@media only screen and (max-width: 570px) {
	.kubota-qr p {font-size: 10px;}
}
@media only screen and (max-width: 520px) {
	.kubota-qr p {font-size: 8px; margin-bottom: 5px !important;}
}
@media screen and (max-width:480px) {
	.column1-vp {width:8.33333%;}
	.column2-vp {width:16.66666%;}
	.column3-vp {width:25%;}
	.column4-vp {width:33.33333%;}
	.column5-vp {width:41.66666%;}
	.column6-vp {width:50%;}
	.column7-vp {width:58.33333%;}
	.column8-vp {width:66.66666%;}
	.column9-vp {width:75%;}
	.column10-vp {width:83.33333%;}
	.column11-vp {width:91.66666%;}
	.column12-vp {width:100%;}
	
	.col-pad-lt-vp {padding:0 0 0 2%;}
	.col-pad-rt-vp {padding:0 2% 0 0;}
	.col-pad-center-vp {padding:0 1%;}
	.col-pad-clear-vp {padding:0;}
	
	.address {display:block;}
	
	h2.tagline {font-size:28px;}
	
	.cat-box a, .cat-box2 a {width:48.5%; margin-right:3%;}
	.cat-box a:nth-of-type(3n), .cat-box2 a:nth-of-type(3n) {margin-right:3%;}
	.cat-box a:nth-of-type(even), .cat-box2 a:nth-of-type(even) {margin-right:0;}
	.cat-box a span, .cat-box2 a span {font-size:18px;}
	
	.lg-map iframe {height:250px;}
	
	.copyright {margin-top:5px;}
	.foot-facebook {margin-bottom:20px;}
}
@media only screen and (max-width: 430px) {
	.kubota-qr {margin: 0 18px;}
	.kubota-qr p {font-size: 7px;}
}
@media screen and (max-width:375px) {
	.hero {padding:7% 0;}
	
	.brand {width:48.5%;}
	.brand:nth-of-type(3n) {margin-right:2%;}
	.brand:nth-of-type(even) {margin-right:0;}
	
	.flex-btns {flex-wrap: wrap;}
	.flex-btns a.orange-btn, .flex-btns a.red-btn {width: calc(100% - .5em); box-sizing: border-box;}
	.flex-btns a.orange-btn.lrg {width: calc(100% - .5em); margin: .25em;}
	.flex-btns div {width: 100%;}
	
	.pop-inner {width:90%; left:5%;}
	
    .brand-box .brand2 {width:48%;}
    
	.emp {width:47%;}
	.emp:nth-of-type(3n + 1) {clear:none;}
	.emp:nth-of-type(odd) {clear:left;}
	
	.kubota-qr {margin: 0 12px;}
	
}
@media only screen and (max-width: 350px) {
	.kubota-qr p {font-size: 6px; margin-bottom: 4px !important;}
}
@media screen and (max-width:310px) {
	.kubota-qr {margin: 0 10px;}
	.kubota-qr p {font-size: 5px;}
}