#map {
  height: 600px;
  width: 100%;
}

.back-blue-box>div>div>div>* {
  margin-top: 9px;
}

.back-blue-box>div>div>div>p {
  margin:0px;
}

span.seperator {
  display: inline-block;
  margin: 0 10px;
  transform: translateY(13%);
}
.line-seperator-tall {
  width: 1px;
  border-left: 1px solid #f79d65;
  padding: 0;
  height: 45px;
  margin: 15px 22px 0px 22px;
}

.line-seperator {
  width: 1px;
  border-right: 1px solid #f79d65;
  height: 20px;
  margin: 0px 10px;
  margin-bottom: -10px;
  display: none;
}

.branches {
  background-color: #f2f5fa;
  padding: 40px 0;
  margin-bottom: 40px;
}

.branch {
  margin-bottom: 20px;
  width:100%;
  background-color: #fff;
}

.branch .info {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 20px;
}

.branch .info>div:last-child {
  border-left:  1px solid #ebebeb;
}

.branch .title {
  font-weight: 500;
  color: #f78c1f!important;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.branch .meta {
  padding-right: 20px;
  font-weight: 500;
}

.branch .meta img {
  margin-left: -30px;
  float: left;
  margin-top: 3px;
}

.branch .meta .meta-row {
  padding-left: 30px;
  margin-bottom: 15px;
}

.branch div>p:last-child {
  margin-bottom: 0px;
}

.gm-style {
  font-family: 'SF Pro Display', sans-serif;
}

.gm-style-iw {
  max-width: 320px !important;
  top: 15px !important;
  border-radius: 0px;
  padding-right: 4px;
}

.gm-style-iw .arrow_bottom {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-bottom: 2px solid #f47322;
  border-right: 2px solid #f47322;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: 165px;
  position: fixed;
  margin-top: -12px;
  display: inline-block;
}

.branch-iw {
  width: 320px;
  background-color: #fff;
  border: 2px solid #f47322;
  margin-bottom: 3px;
}

.branch-iw .cover {
  width: 320px;
  height: 160px;
}

.branch-iw .title {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 20px;
  margin: -40px 0 15px 0;
  position: relative;
}

.branch-iw.atm .title {
  margin-top: 0px;
  color: #222;
}

.branch-iw .info {
  font-size: 13px;
  padding: 0px 20px 15px 20px;
  margin: 0;
}

.branch-iw p {
  margin-bottom: 10px;
  margin-top: 0px;
}

.branch-iw p:last-child {
  margin-bottom: 0px;
}

.nearby {
  padding: 10px 20px;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
}
.line-breaker,
.col-1-1 {
  display: none;
}
.margin2 {
  margin-right: 25px;
}
@media (max-width: 1220px) {
  .hidden-1 {
    display: none;
  }
  .line-breaker {
    display: block;
  }
  .margin1 {
    margin-top: 0px!important;
  }
  .margin2 {
    margin-right: 0px;
  }
}

@media (max-width: 1040px) {
  span.seperator {
    display: none;
  }
  .line-seperator {
    display: inline-block;
  }
}

@media (max-width: 980px) {
  .col-1-1 {
    width: 40%;
    display: block;
  }
  .hidden-2 {
    display: none;
  }
  .col1 {
    display: none;
  }
}

@media (max-width: 600px) {
  .col-1-1 {
    width: initial;
    display: block;
  }
}

@media (max-width: 520px) {
  .line-seperator-tall {
    display: none;
  }

  .branch .info {
    padding: 20px;
  }
  .branch .info>div:last-child {
    border-left:  none;
  }

  .hidden-1 {
    display: block;
  }
  .line-breaker {
    display: none;
  }
  .margin1 {
    margin-top: 9px!important;
  }
  .margin2 {
    margin-right: 25px;
  }
  .col-1-1, .col2, .col3, .col4, .col5 {
    width: 100%;
  }
  .col-1-1, .col3, .col4 {
    margin-top: 20px;
  }
  .col5>div {
    float:left;
  }
  .col5>div:last-child {
    margin-left: 20px;
    margin-top: 9px!important;
  }
}