/********************************************************
        Made it for fixing arrow positions
            feel free to modify
********************************************************/

/* Desktop */
.module-home.videos.desktop{
  min-height: 380px;
}
.promo-display.products .module-home {
  min-height: 420px;
}
.content-outer.promo-display.products .itemHolder {
  height: 420px;
  position: relative;
}

/* 1084 to 1026 */
@media only screen and (min-width:1025px) and (max-width: 1084px) {
  .promo-display .arrowPrev,
  .promo-display .arrowNext {
      position: absolute;
      z-index: 100;
  }
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation:portrait) {
  .module-home.videos.desktop{
    min-height: auto;
  }
  .hero-pager {
    position: relative;
    top: 0;
  }
  .brand-hero .hero-prev, .brand-hero .hero-next {
    top: 90%;
    display: block !important;
    position: absolute;
    z-index: 100;
  }
}

@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation:landscape) {
  .module-home.videos.desktop{
    min-height: auto;
  }
  .hero-pager {
    position: relative;
    top: 0px;
  }
  .brand-hero .hero-prev, .brand-hero .hero-next {
      top: 90%;
      display: block !important;
      position: absolute;
      z-index: 100;
  }
}

/* Mobile */
@media only screen and (max-width: 767px) and (orientation:portrait) {
  .module-home.videos.desktop{
    min-height: auto;
  }
  .brand-hero .hero-prev, .brand-hero .hero-next {
    top: 90%;
    display: block !important;
    position: absolute;
    z-index: 100;
  }
}

@media only screen and (max-width: 767px) and (orientation:landscape) {
  .module-home.videos.desktop{
    min-height: auto;
  }
  .brand-hero .hero-prev, .brand-hero .hero-next {
    top: 90%;
    display: block !important;
    position: absolute;
    z-index: 100;
  }
}