/*--- Module rules ------------------------------------------------------------*/

.cartBtn {
  display: none!important;
}

.mobile {
  display: block !important;
}

.desktop {
  display: none !important;
}

.scroll-circle {
  position: absolute;
}

#hero-banner {
  background: url(../images/banner-bg-small.jpg) no-repeat;
  height: auto;
  background-size: contain;
  padding: 0;
}

#hero-banner h1 {
  position: relative;
  padding: 4% 0 63% 0;
  text-align: center;
  color: #fff;
}

#hero-banner p {
  color: #fff !important;
  line-height: 1.15rem;
  padding: 0 .5rem;
}

#hero-banner .button-red-1 {
  margin: 3% auto;
  width: 12.5rem;
}

#hero-banner .button-red-1 a {
  width: 12.5rem;
  border: 1px solid #f01446;
  background: #f01446;
  background-image: none !important;
  color: white;
}

#hero-banner .button-red-1 a.remove {
  background: #FFF !important;
}

#hero-banner .narrow-button {
  width: 8.1875rem!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.button-red-2 a {
  padding: 1.25rem .5rem;
  font-size: .75rem;
}

#featured-content {
  padding: 3.125rem 0 0;
}

#featured-content h2 {
  padding-bottom: 3rem;
}

.promo-detail-box {
  width: 98%;
  position: relative;
  background: #fff;
  margin: 0 auto .875rem;
}

.promo-detail-box.watch-blockbuster {
  background: transparent;
}

.promo-detail-img {
  width: 100%;
  display: inline-block;
  min-height: 10.9375rem;
  vertical-align: top;
}

.promo-detail-caption {
  width: 100%;
  display: inline-block;
  text-align: left;
}

.promo-detail-caption h3 {
  padding: .5rem .5rem 0;
}

.promo-detail-caption p {
  padding: .5rem .5rem 0;
  line-height: 1rem;
}

#promo-1-img img,
#promo-2-img img,
#promo-3-img img,
#promo-4-img img {
  width: 100%;
  height: auto;
}

#hbo-go {
  width: 87.5%;
  margin: 0 auto;
  background: url(../images/hbogo.jpg) no-repeat center top;
  background-size: 80%;
}

#blockbuster-ways-mobile {
  background: #EAEAEA;
}

#blockbuster-ways-mobile > img {
  width: 100%;
}

#watch-on-tv,
#watch-on-demand,
#watch-on-the-go {
  width: 100%;
  padding: 0;
  display: block;
}

#three-ways img {
  width: 30%;
  padding: 15px 0;
}

#watch-on-the-go {
  margin-top: -30px;
}

#watch-on-demand img {
  margin-left: 10px;
}

#copyright {
  margin-top: 30px;
}

#featured-content {
  overflow: hidden;
}

#logo-carousel .slick-list {
  padding: 0 0 0 35px !important;
}

.logo-slider img {
  width: 247px;
}

#logo-carousel {
  margin: 30px 0;
}

.slick-list {
  height: 130px;
  padding: 0!important;
}

.slick-prev {
  left: -30px;
  top: -25px;
}

.slick-next {
  right: -30px;
  top: -25px;
}

.slick-prev,
.slick-next {
  background: transparent !important;
  color: #b8b8b8 !important;
}

.slick-prev:before,
.slick-next:before {
  color: #b8b8b8 !important;
}

.slick-prev:hover,
.slick-prev:hover:before,
.slick-prev:focus,
.slick-next:hover,
.slick-next:hover:before,
.slick-next:focus {
  background: transparent !important;
  color: #404040 !important;
}


/*-------------------------Breadcrumbs----------*/

.breadcrumb {
  padding: 1rem 15.60rem;
  list-style: none;
  background-color: #404040;
}

.breadcrumb ol {
  padding-left: 8rem;
}

.breadcrumb li a {
  display: inline-block!important;
  color: #fff;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #ccc;
}


/*---------grey banner -------*/

#main-footer {
  background: #404040!important;
  height: 500px;
}

#social-links-footer {
  display: none;
}