.community-carousel .callout {
  border: 1px solid #dcd8d2;
  margin: 0 10px;
}
.community-carousel .callout .callout-content {
  padding: 20px;
  min-height: 160px;
}
.community-carousel .callout .callout-content .callout-link {
  margin-top: 40px !important;
}
.community-carousel .slider-controls {
  text-align: center;
  margin-top: 30px;
}
.community-carousel .slider-controls ul.slick-dots {
  display: inline !important;
  text-align: center !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.community-carousel .slider-controls ul.slick-dots li button {
  border: 1px solid #524937 !important;
  border-radius: 100% !important;
  height: 10px !important;
  width: 0 !important;
  padding: 5px !important;
  background: transparent !important;
  opacity: 1 !important;
  margin-right: 10px;
  font-size: 0 !important;
}
.community-carousel .slider-controls ul.slick-dots li.slick-active button {
  background: #524937 !important;
}
.community-carousel .slider-controls .slide-dots {
  margin: 0 10px 0 20px;
}
.community-carousel .slider-controls .slide-dots, .community-carousel .slider-controls ul.slick-dots li {
  display: inline !important;
}
.community-carousel .slider-controls a img.carousel-arrow {
  height: 40px !important;
  width: 40px !important;
  border: 0.5px solid #524937 !important;
  border-radius: 100% !important;
  padding: 10px !important;
  display: inline !important;
}
.community-carousel .slider-controls a:hover {
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  .community-carousel .callout {
    margin-bottom: 0px !important;
  }
  .community-carousel .slider-controls {
    margin-top: 20px !important;
  }
  .community-carousel .mob-mar-b {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 640px) and (max-width: 970px) {
	
	.hero-banner .bnr-controller {
		margin-left: calc(100vw - 350px) !important;
	}

}

/* ie banner control fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bnr-controller > span.will-animate {
    margin-left: 15px !important;
    margin-top: -18px !important;
    display: inline !important;
  }

  .hero-banner .banner-inner {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero-banner .banner-inner .city-bnr-wpr .bnr-controller img {
    padding: 8px !important;
  }
}