/* ----------------------------------------- */ /* Content Template: autozone-store-locator-final - start */ /* ----------------------------------------- */ div{ display: block; margin:auto; } .panel-header{ box-shadow: inset 0 0 1000px rgba(225,225,225,.35); border-radius:5px; } .panel-body{ width:100%; } #third{ width:33%; display:inline-flex; clear:none; text-align: left; } #third .col-xs-12{ width:80%; margin:auto; } #third h3{ display:inline-block; } #third hr{ border-top: 0; } #third .span{ display:inline-flex; } #spacer{ width:100%; margin: 3vmax 0; display: inline-block; } .hero-xs{ width:100%; } .btn-danger{ background-color: rgba(220,0,33,.85); padding: 10px 15px; color:white; border: 2px solid rgba(240,10,66,.95); border-radius: 5px; display:inline-block; } .btn-danger:hover{ background-color: rgba(210,210,210,.7); border-color: rgba(210,210,210,.9); color:black; transform: scale(0.95); transition: cubic-bezier(1.02,0.85,0.93,-0.9); transition-duration: 0.5s; } @media(max-width:1080px){ #third{ width: 49%; } #third:nth-child(4){ width:100%; } #third:nth-child(4) .col-xs-12{ width:90%; } } @media(max-width:650px){ #third{ width:100%; margin: 10px 0; } #third .col-xs-12{ width:95% !important; } } /* ----------------------------------------- */ /* Content Template: autozone-store-locator-final - end */ /* ----------------------------------------- */