#mapholder {
      overflow: hidden;
      width: 100%;
      margin: 20px auto;}
      
.maps {
      list-style-type: none; 
      margin: 0; 
      padding: 0;}

.maps li {
      float: left;
      width: 220px;
      border: 1px solid #747474; 
      margin-bottom: 30px;
      margin-right: 13px;
      padding-bottom: 10px;
      text-align: center;}
      
.maps li img {
      width: 100%;}
      
.right {
     float: left; 
      margin-left: 2em; 
      margin-bottom: 30px;
      border: 1px solid black;}
      
.maps h4 {
      margin-top: 0; 
      padding-top: 0;
      text-indent: 5px; 
      border-bottom: 1px solid #747474; 
      background: #747474;
      color: #fff;
      font-size: 100%;
      padding-bottom: 2px;}
      
#pMap {
      margin-left: 40px;
      margin-right: 40px;}
      
/*Mobile Portrait:*/
@media only screen and (max-width : 540px) {
/* Styles */
.maps {width: 100%;}
.maps li {float: none; width: 90%; margin-left: 5%; text-align: center;}
}

@media only screen and (min-width : 541px) and (max-width : 1007px) {
/* Styles */
.maps {width: 100%;}
.maps .litablet {clear: left;}
.maps li {width: 45%;}
}