.sliderContainer {
  width: 100%;
  overflow: hidden;
  margin: 4.6rem 0 3rem;
  display: block;
  position: relative;
  float: left
}

.productsGo {
  display: block;
  margin: 3.5rem auto 0;
  padding-bottom: 1.4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-transform: uppercase
}

.sliderTitleContainer {
  text-align: left;
  font-size: 18px;
  width: 92%;
  margin: 0 auto 1.5rem;
  position: relative
}

.sliderGroupContainer {
  width: 94%;
  margin: 0 auto;
  position: relative
}

.sliderGroupSliderContainer {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto
}

.sliderRightArrow:hover,.sliderLeftArrow:hover {
  opacity: .8
}

.sliderLeftArrow {
  position: absolute;
  height: 16px;
  right: 52px;
  top: calc(-2rem - 10px);
  z-index: 1;
  cursor: pointer;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sliderLeftArrow:not(.slick-disabled):hover,.sliderRightArrow:not(.slick-disabled):hover {
  opacity: 0.8!important
}

.sliderRightArrow {
  position: absolute;
  right: 18px;
  top: calc(-2rem - 10px);
  z-index: 1;
  height: 16px;
  cursor: pointer;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out
}

.viewAll {
  display: none;
  width: fit-content;
  text-align: center;
  font-size: 14px;
  font-weight: 400
}

.instagramImage {
  width: 100%;
  height: auto
}

.productSlide.slick-slide {
  margin: 0 15px
}

.instagramImageContainer {
  width: calc(100% - 20px);
  margin: 0 auto
}

@media screen and (max-width: 768px) {
  .sliderGroupContainer {
      width:100%
  }

  .viewAll {
      display: block;
      text-decoration:underline;
      margin: 2rem auto 1rem;
      
  }
  .sliderGroupSliderContainer {
      width: 100%
  }

  .productSlide .productViewContainer {
      width: 100%;
      height: auto
  }

  .sliderContainer {
      width: 100%;
      margin-top: 2rem;
  }

  .sliderRightArrow {
      display: none
  }

  .sliderLeftArrow {
      display: none
  }

  .sliderTitleContainer {
      text-align: center;
      margin-bottom: 2rem
  }

  .sliderContainer .productViewBottom {
      height: auto
  }
}