.loc_maps { 
	background-color: #fff;
	height: 500px;
	text-align: left;
}
.map_locs {
  box-shadow: 1px -2px 5px #ddd inset;
  float: left;
  height: 100%;
  overflow-y: scroll;
  padding: 0 30px 20px;
  width: 50%;
}
.map_states {
  margin: 10px 0 20px;
}
.map_states > a {
  background: #fe515b none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 0 10px 0 0;
  padding: 5px 10px;
}
.map_states > a.active {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fe515b;
  color: #fe515b;
}
#google_map { width: 50%; height: 100%; float: left; }
.loc_maps ul { padding: 0; list-style: none; }
.loc_maps ul li { border-bottom: 1px dashed #ddd; margin: 0 0 20px; padding: 5px 0; }
/*.loc_maps ul li:nth-child(2n) { display: none; }*/
.loc_maps .map_link { color: #ed2430; font-size: 18px; }
.loc_maps p { font-size: 16px; margin: 0; padding: 0; line-height: 1.5 }

.clearfix { clear: both; }
.module-title-map {
    padding: 10px 15px;
    background: #468499;
    color: #fff;
    margin: 20px 0;
    text-align: center;
    font-size: 16px;
}
.module-title-map.locations-list { background-color: #378daa; }
a.letter-city-download {
    display: flex;
    color: #333;
    text-decoration: none !important;
}
a.letter-city-download span {
    margin: 0 10px 0 0;
}
a.letter-city-download span i {
    font-size: 32px;
}
.approval-letters-area { background-color: #fff; padding-top: 20px; padding-bottom: 20px; overflow: hidden; }
#letters_by_city { width: 50%; padding: 10px 15px; line-height: 1; color: #548C84; border-color: #548C84; box-sizing: border-box; font-size: 16px; }
.col-50 { width: 50%; float: left; }
.selected_letter_output ul li span { margin: 0 0 0 10px; display: block; font-weight: bold; }
.selected_letter_output { text-align: left; }
.selected_letter_output ul { margin-bottom: 0; padding-bottom: 0; }

@media screen and (max-width: 740px) {
.footer-widget{min-height:0px;}
.footer-widget{padding: 50px 30px;}
.loc_maps {
    height: auto;
}
#google_map {
    width: 100%;
    height: 500px;
    float: none;
}
.map_locs {
    float: none;
    width: 100%;
    height: 500px;
    padding: 10px 15px;
}
.col-50 { float: none; width: auto; }
#letters_by_city { width: auto; }
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #333;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#by_state{
float: left;
width: 25%;}

#by_city{
float: left;
width: 25%;
margin-left:20px;}

.map_states a { margin-bottom: 10px; }