/* -- Stores ----- */
[class*="hmBanner"] > div {display: grid; padding: 0 0 1em 0; grid-gap:1em;}
[class*="hmBanner"] > div > a {position: relative; width: 100%; height: 100%}
[class*="hmBanner"] > div > a:hover .bannerView {background: #2b3266;}
.modernizr-no-cssgrid [class*="hmBanner"] > div { display: block}
.hmBanner2 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr }
.hmBanner3 > div {grid-template-columns: repeat(6,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:3em; }
.hmBanner3 .bannerTxtCtr { display: none}
.hmBanner3 div[class*="css-image"] {  background-size: contain !important}
.hmBanner3 .photo { background:none}


/* Large Mobile Phones  --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
	[class*="hmBanner"] > div { padding: 0 0 0.5em 0; grid-gap:0.5em;}
	.hmBanner2 > div {grid-template-columns: 1fr; -ms-grid-columns: 1fr}
	.hmBanner3 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr; grid-gap:2em;  }
}


/* -- Main Banner overide ----- */
.storeImg, .storeImg div[class*="css-image"] { height:75vh !important; position: relative; overflow: hidden}
#map_canvas {height:75vh}
.storeImg .bannerView  { display: none}

.markers { width: 100%; max-width: 1440px; margin: 0 auto;float: inherit;}
.markers a {padding-bottom: 32px;margin: 0 auto;font-size: smaller;display: inline-block;}
.mpin {background:#ea4335;color: #fff;width:25px;height: 25px;border-radius: 100%;margin-right: 8px;text-align: center;line-height: 25px;float: left;margin-bottom: 66px;margin-right:18px;}
.mname { font-family: 'sourcesanspro-bold'; text-transform: uppercase;font-size: larger}