@charset "utf-8";

.ggmap {
  position: relative;
  padding-bottom: 40%;
  padding-top: 30px;
  overflow: hidden;
  border:2px solid #CCC;
  margin:1em 0;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.googlemap-list {
  list-style: none;
  padding-left: 0;
  counter-reset:number;
  list-style-type: none!important;
}
.googlemap-list li {
  position: relative;
  width: 33.33333%;
  padding-left: 28px;
  margin-bottom: 3px;
}
.googlemap-list li a {
  color: #222;
}
.googlemap-list li:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background: #097138;
  color:#fff;
  font-weight:bold;
  font-size: 1.3rem;
  border-radius: 50%;
  left: 0;
  width:22px;
  height:22px;
  line-height:1.8;
  text-align:center;
  top:0;
}
.googlemap-list,
.list {
  display: table;
  width: 100%;
}
.googlemap-list li,
.list li {
  display: table-cell;
  float: left;
  width: 25%;
}
@media screen and (max-width: 991.98px) {
  .googlemap-list li,
  .list li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 767.98px) {
  .ggmap {
    padding-bottom: 60%;
  }
  .googlemap-list li,
  .list li {
    width: 50%;
  }
}
@media screen and (max-width: 575.98px) {
  .googlemap-list li,
  .list li {
    width: 100%;
  }
}