/* Hide Fresh Offer Page Title - Black Strip */
.bk-offers .pageTitle {
  display: none;
}

.bk-offers .top-offer {
  background: transparent url(../img/bg/bk-app-bg.jpg) no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  
  z-index: 0;
}
.bk-offers .top-offer .content {
  text-align: center;
}
.bk-offers .top-offer .content a.btn-offer {
	margin-top: 20px;
}
.bk-offers .top-offer .separator{
  background: url(../img/bg/line-med-horz.png);
  background-position: 0 0, 100% 100%;
  background-repeat: repeat-x, repeat-y;
  z-index: 1;
  position: relative;
  height: 4px;
  bottom: -2px;
}
.bk-offers .mainImage {
  position: relative;
}
.bk-offers .mainImage img {
  max-width: 100%;
}
.bk-offers .mainImage img.big-img {
  display: none;
}
.bk-offers .mainImage img.mobile-img {
  display: block;
  margin: 0 auto;
}

.bk-offers section .content {
  padding: 33px 10px 25px;
}
.bk-offers section img{
  max-width: 100%;
  padding: 0 2%;
}
.bk-offers section .content .offer-item {
  padding: 10px 0px 30px;
  text-align: center;
}
.bk-offers section .content .offer-item a.btn-offer {
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .bk-offers .mainImage {
    text-align: center;
  }
  .bk-offers .mainImage img {
    max-width: 100%;
  }
  .bk-offers .mainImage img.big-img {
    display: block;
    margin: 0 auto;
  }
  .bk-offers .mainImage img.mobile-img {
    display: none;
  }
  .bk-offers .top-offer {
    background: transparent url(../img/bg/bk-app-bg.jpg) no-repeat top center;
    background-size: 100% 100%;
  }
  .bk-offers .top-offer .content a.btn-offer,
  .bk-offers .offers.offers-1-cols .content a.btn-offer {
	  /*display: none; */
  }

  .bk-offers section .content {
    padding: 34px 0 32px;
    position: relative;
  }
  .bk-offers section .left-image {
    position: absolute;
    /*top: -40px;*/
    left: -775px;
    height: 570px;
    width: 640px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain auto;
  }
  .bk-offers section .right-image {
    position: absolute;
    /*top: -40px;*/
    right: -775px;
    height: 570px;
    width: 640px;
    background-repeat: no-repeat;
    background-position: left;
  }
  .bk-offers section .left-image.item-2,
  .bk-offers section .right-image.item-2 {
    top: 650px;
  }
  .bk-offers section .left-image.item-3,
  .bk-offers section .right-image.item-3 {
    top: 1266px;
  }
  .bk-offers section .left-image.item-4,
  .bk-offers section .right-image.item-4 {
    top: 1882px;
  }
  .bk-offers section .left-image.item-5,
  .bk-offers section .right-image.item-5 {
    top: 2498px;
  }
  .bk-offers section .left-image.item-6,
  .bk-offers section .right-image.item-6 {
    top: 3114px;
  }
  .bk-offers section .left-image.item-7,
  .bk-offers section .right-image.item-7 {
    top: 3730px;
  }
  .bk-offers section .left-image.item-8,
  .bk-offers section .right-image.item-8 {
    top: 4346px;
  }
  .bk-offers section .left-image.item-9,
  .bk-offers section .right-image.item-9 {
    top: 4962px;
  }
  .bk-offers section .left-image.item-10,
  .bk-offers section .right-image.item-10 {
    top: 5578px;
  }

  .bk-offers section .content .offer-item {
    padding: 0px 10px 0px 10px;
  }
  .bk-offers section .content .offer-item:last-child  {
    padding: 0px 0px 0px 20px;
  }  
  .bk-offers section .content .offer-item:first-child  {
    padding: 0px 20px 0px 0px;
  }
  .bk-offers section .content .offer-item.single {
    padding: 0px;
  }  
  .bk-offers section img {
    padding: 0px;
  }
  
  html[dir="rtl"] .bk-offers section .content .offer-item:last-child  {
    padding: 0px 20px 0px 0px;
  }  
  html[dir="rtl"] .bk-offers section .content .offer-item:first-child  {
    padding: 0px 0px 0px 20px;
  }
}

/*********** Carousel modified style ***********/
.bk-offers .heroCarousel .content {
	position: relative;
    bottom: 20px;
}
@media screen and (min-width: 768px) {
	.heroCarousel .owl-controls .owl-nav .owl-next .arrow,
	.heroCarousel .owl-controls .owl-nav .owl-prev .arrow {
		bottom: 337px !important;
	}
}
@media screen and (min-width: 992px) {
	.heroCarousel .owl-controls .owl-nav .owl-next .arrow {
		left: 420px !important;
		bottom: 371px !important;
	}
}
@media screen and (min-width: 992px) {
	.heroCarousel .owl-controls .owl-nav .owl-prev .arrow {
	    right: 470px !important;
	    bottom: 371px !important;
	}
}