#locMap{ height: 400px;} 
 .locs{ list-style:none; margin:0; padding:0;}
 
  .locs li > div{ padding: 10px; }
  .locs li > div h4{ margin:0; height: 60px; }
  .locs li > div p{ margin:0;  }
  .locs li > div a{ display:block; margin-top:10px;}
  
div.lcArea{ float:right; width:300px;}
div.lcAreaList{ float:right; width:140px !important; }
div.lcAreaList select, div.lcStateList select{ height:35px; line-height:35px; width:100%;cursor: pointer;color: #333; font-size: 1em;}
div.lcAreaList select optgroup{ margin-left:0; }
div.lcStateList{ float:right; width:150px !important; margin-left:10px; }
div.lcStateList select optgroup{ margin-left:0; } 
div.lcStateList select optgroup[label], div.lcAreaList select optgroup[label]{color:#9e9e9e;} 
div.lcStateList select optgroup option, div.lcAreaList select optgroup option {color:#333;font-size: 1.0em;} 
div .locationText{text-align:justify;} 
  
div.content h1{ float:left; margin:0;}  

@media only screen and (min-width: 0) and (max-width: 800px) {
    .locs li{ list-style:none; margin:0 30px 30px 30px; padding:0; float:left; width: calc(100% - 60px); background: #fff; height: 200px; box-shadow: 0 0 5px #888;}
}
@media only screen and (min-width: 801px){
    .locs li{ list-style:none; margin:0 10px 20px 10px; padding:0; float:left; width: calc(50% - 20px); background: #fff; height: 200px; box-shadow: 0 0 5px #888;}
}