.service-centers-list{
    text-align: center;
    display: table;
    margin: 0 auto;    
}

.service-centers-list .ListRecords ul{
    list-style-type: none;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden;
}

.service-centers-list .ListRecords li {
    float: left;
    margin-left:50px;
    width: 
}

.service-centers-list .ListRecords li:first-child {
    margin-left:0px;
}

.service-centers-list .ListRecords li a {
    display: block;
    padding: 10px;
    background-color: #dddddd;
    width: 111px;
}

.map{
    position:relative; 
    display: block;
    height: 500px;
}

.location-details{
    position:absolute;
    width: 400px;
    top:0px;
    right: 0px;
    height: 100%;
    background-color:#ffffff;
    opacity: 0.85;
    border: 1px solid #efefef;
}

.location-title{
    padding:10px;
    font-weight: bold;
    font-size: 1.4em;
}

.location-subtitle{
    padding:10px 10px 2px 10px;
    font-weight: bold;
    font-size: 1em;
}

.location-image{
    max-width: 365px;
    max-height: 164px;
    width: 356px;
    height: 164px;
}

.location-content{
    padding:2px 10px 10px 10px;
    font-size: 1em;
}

.location-title-separator{
    width: 95%;
    margin: 0 auto;
}

@media only screen and (max-device-width: 480px) {
    .location-details{
        width: 100%;
        opacity: 1.0;
    }
    
    .service-centers-list{
        display: none;        
    }
    
    .location-image{
        max-width: auto;
        max-height:auto;
        width: 100%;
        height: auto;
    }    
}