.contact-info-card h1 {
  font-size: 26px;
  font-family: aveD;
  color: #214c6f;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  text-align: center
}

.contact-info-card h1 i {
  color: #000
}

.card-header {
  font-family: aveD;
  color: #fff;
  border: 1px solid #214c6f;
  font-size: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 0 !important;
  background-color: #214c6f
}

.br-info-card-str-name {
  font-family: aveB;
  font-size: 15px;
  line-height: 1.5
}

.br-info-card-str-name span span {
  font-family: aveD
}

.br-info-card-str-name>i {
  color: #191919;
  font-size: 16px;
  position: relative;
  top: 1px
}

.br-info-card-str-add-info {
  font-size: 14px;
  line-height: 1.5
}

.br-info-card-str-cont-info a {
  color: #000
}

.br-info-card-str-cont-info a:hover {
  color: #214c6f
}

.share-data a>i {
  font-size: 24px;
  position: relative;
  top: 2px
}

.share-data a {
  color: #000
}

.share-data a:hover {
  color: #214c6f
}

.br-info-card-str-status {
  font-family: aveD;
  padding: 4px 12px;
  border-radius: 15px;
  font-size: 13px
}

.badge-open {
  color: #fff;
  background: #28a745
}

.badge-close {
  background-color: #df0514;
  color: #fff
}

.br-info-card-dir-btn {
  padding: 6px 20px;
  font-size: 13px;
  border-radius: 0;
  justify-content: center;
  display: flex !important;
  align-items: center
}

.br-info-card-dir-btn i {
  font-size: 18px;
  position: relative;
  top: 2px
}

.col-dir-btn {
  background-color: #214c6f;
  color: #fff;
  border: transparent;
  width: 100%
}

.col-dir-btn:hover {
  color: #fff;
  opacity: .7;
  transition: .3s ease all
}

.send-enq-btn {
  background-color: #214c6f;
  color: #fff;
  font-size: 14px
}

.send-enq-btn:hover {
  color: #fff;
  opacity: .7;
  transition: .3s ease all
}

.contact-enquiry-card .tnc {
  text-decoration: underline !important
}

.contact-enquiry-card .tnc:hover {
  text-decoration: none !important
}

.map-col iframe {
  width: 100%;
  height: 400px
}

.card-footer.bg-transparent.info-card-footer.py-2 {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.br-info-card-str-time-info span {
  color: #214c6f
}

.br-info-card-str-cont-icn i,
.br-info-card-str-loc-icn i {
  position: relative;
  top: 2px
}

.br-info-card-str-time-icn i {
  position: relative;
  top: 1px
}

.small,
small {
  font-size: 80%;
  font-weight: 400;
  font-family: aveB
}

@media (max-width:991px) {
  .nav-container {
    padding: 0
  }

  .logo-top {
    justify-content: space-between
  }

  .card-deck {
    flex-direction: column
  }
}

@media (max-width:575px) {

  .br-info-card .card-body,
  .contact-enquiry-card .card-body {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .br-info-card .card-footer {
    padding-left: 10px !important;
    padding-right: 10px !important
  }
}

#map-store {
  height: 400px;
  width: 100%;
  position: relative;
  overflow: hidden
}

.qrcodeq {
  display: inline
}

.qrcodeq canvas {
  width: 80px !important;
  vertical-align: middle;
  height: 80px !important;
  margin-top: 5px
}


.qrCode {
  text-align: inherit !important;
}

*for coll icon on the mapcard from below*/ .col-call-btn:hover {
  color: #383838;
  border: 1px solid #383838;
}

.col-call-btn {
  border: 1px solid #191919;
  color: #191919;
}

.qrcodeq {
  width: 80px !important;
  height: 80px !important;
  margin-top: 5px;
}

.br-info-card-str-name img {
  height: 40px;
  width: 40px;
}

@media (max-width:767px) {
  .br-info-card .col-dir-btn {
    display: none !important;
  }
}

@media (max-width:373px) {
  .qrCode {
    font-size: 10px;
  }
}

.row.text-left {
  max-height: 400px;
  overflow-y: auto;
}