.cbxcover {
  position: absolute;
  width: 100%;
  height: 1600px;
  background-image: url('../images/CBX_Back.jpg');
  background-position: 50% 0px;
  background-size: cover;
}

.header {
  width: 100%;
  float: none;
  background-color: #fff;
}

.banner {
  position: relative;
  width: 100%;
  float: none;
  border-bottom: 1px none #000;
  background-image: url('../images/banner_apr_2018_back.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.bannercontainer {
  height: auto;
  min-height: auto;
}

.boardsection {
  position: relative;
  z-index: 10;
  width: 100%;
  float: none;
  background-color: #f5f5f5;
}

.boardcontainer {
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.boardimg {
  padding-top: 20px;
  padding-bottom: 40px;
}

.specials {
  width: 100%;
  float: none;
  background-color: #fff;
  background-image: url('../images/cbx_holiday_back2019.png');
  background-position: 100% 50%;
  background-size: 850px;
  background-repeat: no-repeat;
}

.specialscontainer {
  min-height: auto;
}

.specialsimg {
  display: none;
  height: auto;
  max-height: none;
  margin-right: auto;
  margin-left: auto;
  padding-top: 25px;
  padding-bottom: 0px;
  float: none;
}

.supplierssection {
  position: relative;
  z-index: 1;
  width: 100%;
  float: none;
  border-top: 2px solid #b55789;
  border-bottom: 2px solid #b55789;
  background-color: #f5f5f5;
}

.suppliercontainer {
  min-height: 250px;
}

.supplierimg {
  padding-top: 20px;
  padding-bottom: 40px;
}

.gmaps {
  position: relative;
  z-index: 5;
  width: 100%;
  margin-top: -1px;
  float: none;
  border-top: 1px solid #b55789;
  background-color: #fff;
}

.cbximg {
  padding-top: 20px;
}

.footer {
  position: relative;
  z-index: 10;
  width: 100%;
  margin-top: 0px;
  float: none;
  border-bottom: 40px solid #2aa9e0;
  background-color: #f5f5f5;
}

.footercontainer {
  min-height: auto;
}

.bannerimg {
  position: relative;
  z-index: 99;
  width: 935px;
  float: left;
}

.h3 {
  width: 100%;
  margin-bottom: 40px;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 300;
  text-transform: uppercase;
}

.abranch {
  width: 100%;
  min-height: 150px;
  margin-bottom: 10px;
  float: left;
}

.detailsh {
  width: 100%;
  float: left;
  font-family: 'Open Sans', sans-serif;
  color: #43a9ec;
  font-weight: 400;
}

.inforow {
  width: 100%;
  min-height: 25px;
  float: left;
}

.inforowleft {
  width: 20%;
  min-height: 25px;
  float: left;
}

.inforowright {
  width: 65%;
  min-height: 25px;
  float: left;
}

.infolbl {
  width: 100%;
  float: left;
  font-family: 'Open Sans', sans-serif;
  color: #7f7f7f;
  line-height: 25px;
}

.impb {
  font-weight: 600;
}

.alink {
  color: #7f7f7f;
  text-decoration: none;
}

.bannerlink {
  display: block;
  width: 100%;
  padding-left: 0px;
  float: left;
}

.clink {
  width: 100%;
  margin-top: 40px;
  float: left;
  font-family: 'Open Sans', sans-serif;
  color: #303030;
  text-decoration: none;
}

.botrow {
  width: 100%;
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
}

.botbtn {
  width: 194px;
  min-height: 50px;
  float: right;
  opacity: 0.7;
}

.botbtn:hover {
  opacity: 1;
}

.headimg {
  padding-left: 15px;
}

.headparts {
  float: left;
}

.headlogo {
  width: auto;
  float: left;
}

.headpart1 {
  float: left;
}

.headpart2 {
  float: left;
}

.headpart2:hover {
  -webkit-filter: contrast(200%);
  filter: contrast(200%);
}

.headpart3 {
  float: left;
}

.headpart3:hover {
  -webkit-filter: contrast(200%);
  filter: contrast(200%);
}

.headpart4 {
  float: left;
}

.div-block {
  width: 940px;
}

.botline {
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 5px;
  background-color: #424242;
}

.centeredbtn {
  display: block;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
}

.foottext {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  text-align: center;
}

.specials_april {
  display: block;
  width: 100%;
  background-image: url('../images/cbxlock.png');
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.newsimg {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.link_cover {
  width: 100%;
}

.specials_april_lockdown {
  position: relative;
  width: 100%;
  min-height: 450px;
  background-image: url('../images/cbx22Jun2020.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.linkblock {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .cbxcover {
    background-size: 150%;
    background-repeat: no-repeat;
  }
  .bannercontainer {
    min-height: 200px;
  }
  .headimg {
    padding-left: 5px;
  }
  .headlogo {
    width: 43%;
  }
  .headpart1 {
    width: 50%;
  }
  .headpart2 {
    width: 9%;
  }
  .headpart3 {
    width: 9%;
  }
  .headpart4 {
    width: auto;
  }
  .foottext {
    font-size: 20px;
  }
  .specials_april {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/cbx_holiday_back2019.png');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/cbx_holiday_back2019.png');
    background-position: 0px 0px, 100% 100%;
    background-size: auto, contain;
    background-repeat: repeat, no-repeat;
  }
}

@media screen and (max-width: 767px) {
  .bannercontainer {
    min-height: 150px;
  }
  .boardcontainer {
    padding-right: 10px;
    padding-left: 10px;
  }
  .specialsimg {
    padding-right: 10px;
    padding-left: 10px;
  }
  .suppliercontainer {
    min-height: auto;
  }
  .supplierimg {
    padding-right: 10px;
    padding-left: 10px;
  }
  .bannerimg {
    width: auto;
    padding-left: 10px;
  }
  .inforowleft {
    width: 40%;
  }
  .inforowright {
    width: 60%;
  }
  .headimg {
    padding-left: 0px;
  }
  .foottext {
    font-size: 16px;
    text-align: center;
  }
  .newsimg {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .bannercontainer {
    min-height: 90px;
  }
  .boardcontainer {
    min-height: auto;
  }
  .specialscontainer {
    min-height: auto;
  }
  .h3 {
    font-size: 16px;
  }
  .infolbl {
    font-size: 11px;
  }
  .botbtn {
    width: 50%;
  }
  .headpart4 {
    width: 30%;
  }
  .centeredbtn {
    width: 100%;
  }
}