@media screen and (max-width: 480px){
  .img-overlay{margin-top:65%;}
  .img-overlay h3.h3{font-size:18px}
}
@media screen and (max-width:639px){
  .img-overlay{margin-top:40%;}
}
@media screen and (max-width: 767px){
  .img-overlay{width:90%; left:5%; margin-top:30%;}
  .img-overlay h3.h3{font-size:21px}
  .page-title{margin-top:31%;}
  .col-xs-12{padding-bottom: 3%;}
  .img-responsive{max-width: 80%; margin-left: auto; margin-right: auto;}
  #inner-3{margin-bottom: 14%;}  
  .choose{text-align:center;}
  #siteDropdown{position:relative; width: 80%; margin-left: 5%; margin-right: auto;}
  #siteDropdown a{font-size:12px;}
  body header{height:70px;}
  body header #headerLocate{display:none;}
  body main{top:70px;}
}
@media screen and (max-width:991px){
  .img-overlay{width:90%; left:5%; margin-top:17%;}
  #serviceDropdown{margin-bottom:7%;}
}
.page-image-header {width: 100%;min-height: 500px;background-size: cover;position: relative;}
.page-image-header{width:100%; height:0;background-position:center;background-repeat:no-repeat;background-size:contain; position:relative;}
.img-overlay{width:30%; position:absolute; left:auto; right: 5%; top:30%; color:white; }
.img-overlay h3.h3{margin-top:25%;}
.locate header form fieldset button.zipBtn,
.dealerXtras{display:none;}
.locate > div > aside {width: 440px;}
.locate > div > aside > div {width: 50%; float: left; min-height: 150px;}
#siteDropdown{background-color: #fff; height: 30px; left:40px; padding:0px; position: absolute; top: 26px; z-index:2; width:97%; }
#siteList, #siteLabel{background-color: #fff; color: #371B0B; padding: 0px;border: 1px solid #ccc;}
#siteDropdown a{color: #371B0B; font-weight: 600; padding:7px 6px; display:inline-block; height: auto;}
#siteList li{list-style:none;}
#siteLabel > #sitelabel > a::before{background-color:#587c3c;color:#fff;content:"\f107";font-family:"FontAwesome";font-size:32px;height:38px;left:-30px;line-height:30px;position:absolute;text-align:center;top:0;width:30px;border: 1px solid #ccc;padding-top: 5px;}
#siteList > div > a#hideSiteList::before{background-color:#587c3c;color:#fff;content:"\f106";font-family:"FontAwesome";font-size:32px;height:38px;left:-30px;line-height:30px;position:absolute;text-align:center;top:0;width:30px;border: 1px solid #ccc;}
#siteList ul{margin-left: -27px;}
#serviceDropdown{margin-bottom:5%;}
/* LOCATE PAGE STYLES */
.locate .dealerPhone {font-weight: bold;color: #000;display: block;font-size: 16px;text-decoration: none;margin-top: 2px;}
.locate .dealerPhone::before { content: "\f095"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 7px; }
.locate.disabled > header form > fieldset label::after{content:attr(data-msg);color:red;}
.locate.disabled > div{pointer-events:none;}
.locate.disabled > div::after{content:attr(data-msg);width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background:rgba(50,50,50,0.95);color:red;font-size:2vw;z-index:100;}
.locate > div{height:70vh}
.locate > div .locateMapCanvas{width:60%;height:100%;}
.locate > div .locateMapCanvas .dealer-info { height: auto; padding-bottom: 52px; width: 223px; padding-bottom: 40px; }
.locate > div .locateMapCanvas .dealer-info h4 {line-height: 110%;margin: 4px 0;letter-spacing: normal;font-size: 16px;}
.locate > div .locateMapCanvas .dealer-info div {padding-left: 60px;}
.locate > div .locateMapCanvas .dealer-info div:nth-child(2) a::before { content: "\f095"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 7px; }
.locate > div .locateMapCanvas .dealer-info div .caption {margin-left: -60px;}
.locate > div .locateMapCanvas .dealer-info div span:not(.caption) {padding-left: 15px;}
.locate > div .locateMapCanvas .dealer-info a {font-style: normal;font-size: 14px;text-decoration: none;bottom: 0;right: 50%;top: calc(100% - 38px);background-color: #000; top: auto !important;}
.locate > div .locateMapCanvas .dealer-info a:hover {color: #fff;}
.locate > div .locateMapCanvas .dealer-info a[href*="tel"] {background-color: #fff;border: none;}
.locate > div .locateMapCanvas .dealer-info a[href*="tel"]:hover {color: #000;}
.locate > div .locateMapCanvas .dealer-info a[href*="tel"]:focus {outline: none;}
.locate > div .locateMapCanvas .dealer-info a + a {left: 50%;right: 0;color: #FFF;background-color: #000;}
.locate > div .locateMapCanvas .dealer-info a:after { font-family: "FontAwesome"; content: "\f138"; margin-left: 5px; }
.locate > div .locateMapCanvas .dealer-info div { padding-left: 52px; }
.locate > div .locateMapCanvas .dealer-info div span {display: inline-block;font-size: 14px;line-height: 120%;}
.locate > div .locateMapCanvas .dealer-info div .caption {width: 50px;margin-left: -52px;color: #000;}
.locate > div .locateMapCanvas .dealer-info div + div .caption { margin-top: 6px; }
.locate > div .locateMapCanvas .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom { right: 98% !important; }
.locate > div > aside { width: 40%; padding-left: 10px; position: absolute; top: 0; right: 0px; bottom: 0; background-color: #fff; color: #888; overflow-y: scroll; }
.locate > div > aside > div.dealer-row {display: block;width: 100%; border-bottom: 1px solid #eee;}
.locate > div > aside > div.dealer-row .dealer {display: inline-block; width: 50%; height: 100%; vertical-align: top; padding: 0 5px;}
.locate > div > aside h4 {margin: 2px 0 6px;color: #000;font-size: 16px;font-weight: bold;text-align: left;}
.locate > div > aside h4 + span, .locate > div > aside h4 + span + span {text-align: left;margin: 0;font-size: 16px;color: #000;}
.locate > div > aside a {font-style: normal;font-size: 14px;}
.locate[data-has_button="true"] button.btn.btn-primary.submitNow {background-color: #c5c5c5;border: none;border-radius: 0;color: #000;padding: 0;position: relative;top: 5px;}
/* dealer hours */
.locate > div > aside span {margin: 0; color: #000;}
.locate > div > aside span.hours-title {font-weight: bold;}
@media (max-width:767px) {
	.locate.disabled > div::after{font-size:4vw;}
	.locate header{height:150px !important;padding:1em !important;}
	.locate header form > fieldset{width:50% !important;position:relative;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;float:left}
	.locate header form > fieldset label{font-size:70%;display:block;}
	.locate header form > fieldset > input,
	.locate header form > fieldset > select{height:30px;background:white;color:black;}
	.locate header form p{height:30px;margin:10px 0 0;position:relative;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;float:left}
	.locate header form p button{height:100% !important;min-height:30px !important;}
	.locate > div{height:600px;}
	.locate > div .locateMapCanvas .info-window{transform:scale(0.8);transform-origin:bottom;}
	.locate > div .locateMapCanvas .gmnoprint{display:none;}
	.locate > div .locateMapCanvas,
	.locate > div > aside{width:100%;height:300px;position:relative;}
	.locate > div > aside .dealer{width:100%;height:auto !important;}
}
@media (max-width: 991px) {
	.locate > div > aside > div.dealer-row {height: auto !important; border-bottom: none;}
    .locate > div > aside > div.dealer-row .dealer{width:100%; border-bottom: 1px solid #eee; padding-bottom: 20px; padding-top: 20px;}
}
/* wave */
.locate > div > aside a {color: #0577BB;}