.slick-item {
      margin: 0 7px;
    }
    .slick .slick-prev, .slick .slick-next {
      z-index: 1;
    }
    .slick .slick-prev:before, .slick .slick-next:before {
      color: #000;
      font-size: 36px;
      opacity: 1;
    }

    @media screen and (min-width: 1200px) {
      .slick .slick-prev {
        left: -40px;
      }
    }
    @media screen and (max-width: 1200px) {
      .slick .slick-prev {
        left: -10px;
      }
      .slick .slick-next {
        right: 10px;
      }
    }
  
@media screen and (max-width: 480px) {
    #myCarousel {
        margin-top: 180px;
    }
}