.storage-listing {
}

.search-block {
    display: block!important
}

#listing_search {
    display: none!important
}

#ab-banner {
    display: none
}

.storage-listing .facility {
    margin: 0 auto;
    max-width: 800px
}

.storage-listing .facility span.call-web .teal {
    font-size: 22px!important
}

.storage-listing .facility .units a>div {
    color: #474747!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    padding-top: .5rem!important;
    border-radius: 0;
    border-bottom: 1px solid #a2dcdd
}

.storage-listing .facility .units a:hover {
    text-decoration: none
}

.storage-listing .facility .card {
    background: #fefdf7
}

.storage-listing .facility .card .distance {
    color: gray;
    margin-bottom: 0
}

.storage-listing .facility span.call-text {
    font-size: 24px!important;
    line-height: 1.2!important;
    font-weight: bolder!important
}

.storage-listing .facility span.call {
    font-size: 31px!important;
    line-height: 1.2!important;
    font-weight: bolder!important
}

.storage-listing .facility span.call .teal {
    margin-left: 1.2rem;
    font-size: 25px!important
}

.storage-listing .facility .address {
    color: #107e7e;
    margin-left: -6px
}

.storage-listing .btn-details {
    font-weight: 700
}

.listing-h2 {
    font-size: 24px!important;
    font-weight: 700
}

.listing-h3 {
    font-size: 28px!important;
    font-weight: 700
}

.listing-h4 {
    font-size: 24px!important;
    font-weight: 700
}

.list {
    margin: 0 auto;
    max-width: 800px
}

.list .card {
    background: #fefdf7;
    max-width: 800px
}

.list .card .card-body {
}

.list .card .distance {
    color: gray;
    margin-bottom: 0
}

.list .card .units>div {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.list .card .address {
    color: #107e7e;
    margin-left: -6px
}

.list .card .units {
    border-radius: .5rem
}

.list .card .featured-title {
    text-align: center
}

.list .card .btn-call {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    padding: .54rem;
    background-color: #ff336a!important
}

.list .card .btn-details {
    display: block;
    width: 100%;
    color: #000;
    font-size: 20px;
    font-weight: 100
}

.list .card .btn-details i {
    font-size: 20px;
    margin-left: 10px;
    font-weight: 900
}

.list .card .featured-title h5 {
    font-weight: 300
}

.list .card .arrow {
    font-size: 40px!important;
    float: right;
    font-weight: 700;
    color: #f5dc4a;
    margin-right: -14px
}

#ab-banner {
    display: none
}

.facility-name {
    font-size: 26px!important;
    margin-bottom: .25rem!important;
    color: #000;
    font-weight: 900!important;
    text-align: left;
    margin-top: .5rem!important
}

h2.tagline {
    font-size: 18px!important
}

h2.tagline span {
    white-space: pre
}


section.contact{
    text-align: center;
}

section.contact span{
      font-size: 30px !important;
      color: #000;
      font-weight: 900;
      display: block;
}

@media screen and (max-width: 400px) {
    .list .card .btn-call {
        padding:.54rem;
        background-color: #ff336a!important;
        color: #fff;
        width: 100%!important
    }

    .list .card .btn-call i {
        font-size: 20px!important;
        margin-left: -10px;
        color: #fff
    }

    .tools * {
        font-size: 12px!important
    }

    .tools select {
        padding-right: 0!important
    }

    #ab-banner h1 {
        font-size: 30px!important
    }

    #ab-banner h2 {
        font-size: 18px!important
    }

    h2.tagline {
        font-size: 18px!important
    }

    h2.tagline span {
        white-space: nowrap!important
    }

    .list .card .btn-details i {
        font-size: 22px;
        margin-left: 10px;
        font-weight: 900
    }
}