.subtitle {font-size:1.5em; margin:0 20px 20px 0;}

.areaList {float:left; margin:1%; padding:1%; width:14%;}
.areaListNav {font-size: 0.8em; padding-left: 1em;}
.storeTypeList {float:left; margin:1%; padding:1%; width:14%;}
.storeTypeListNav {font-size: 0.8em; padding-left: 1em;}

.storeList {margin:3px; padding:16px; border-bottom: 1px solid #eee;}
.storeList > .title {font-weight: 300;}
.storeList > .title > span {font-weight: 100;}
.block {clear:both; padding: 30px;}
.paging {text-align: center; padding: 20px; font-size:0.8em;}

.btnRsvHotel {
    background-color: #00cc00;
    border-radius: 0.3em;
    color: #fff;
    padding: 0.2em 0.5em;
    /* border: 1px solid #ddd; */
    padding: 0.1em 0.5em;
}

.btnMapView {
   border: 1px solid #ddd;
   padding: 0.1em 0.5em;
   border-radius: 0.2em;
   background-color: #f5f5f5;
}

@media (max-width: 1024px) { 
    .areaList {float:left; margin:1%; padding:1%; width:18%;}
    .areaListNav {font-size: 0.8em; padding-left: 1em;}
    .storeTypeList {float:left; margin:1%; padding:1%; width:18%;}
    .storeTypeListNav {font-size: 0.8em; padding-left: 1em;}
}
@media (max-width: 770px) {
    .areaList {float:left; margin:1%; padding:1%; width:18%;}
    .areaListNav {font-size: 0.8em; padding-left: 1em;}
    .storeTypeList {float:left; margin:1%; padding:1%; width:18%;}
    .storeTypeListNav {font-size: 0.8em; padding-left: 1em;}
}
@media (max-width: 450px) {
    .areaList {float:left; margin:0; padding:1%; width:33%;}
    .areaListNav {font-size: 0.8em; padding-left: 1em;}
    .storeTypeList {float:left; margin:0; padding:1%; width:33%;}
    .storeTypeListNav {font-size: 0.8em; padding-left: 1em;}
}