.recomended-products {
  background-image: url("../../assets/images/background-bawah.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 665px;
}

#slider {
  position: absolute;
  overflow: hidden;
  margin: 100px 200px auto;
  border-radius: 4px;
  right: 0;
}

#slider ul {
  position: relative;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  height: auto;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  height: auto;
  background: #ccc;
  text-align: center;
  border-radius: 4px;
  margin-left: -4px;
}

a.control_prev, a.control_next {
  position: absolute;
  bottom: 155px;
  z-index: 999;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  cursor: pointer;
  width: 10px;
  right: 282px !important;
  color: #45566c;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  color: var(--primary-color);
}

a.control_prev {
  right: 245px !important;
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 210px !important;
  border-radius: 2px 0 0 2px;
}

#slider ul li img {
  width: 100%;
}

.e-newsletter-wrap .container .e-heading-wrap {
  display: none !important;
}

@media (max-width: 1800px) {
  .recomended-products {
    height: 665px !important;
  }
}

@media (min-width: 1600px) and (max-width: 1650px) {
  .recomended-products {
    height: 545px !important;
  }

  #slider {
    width: 700px !important;
    height: 350px !important;
    margin: 77px 186px auto !important;
  }

  #slider ul {
    width: auto !important;
    margin: 0 !important;
  }
}


@media (max-width: 1599px) {
  .recomended-products {
    height: 586px !important;
  }

  #slider {
    width: 772px !important;
    height: 387px !important;
    margin: 83px 120px auto !important;
  }

  #slider ul {
    width: auto !important;
    margin: 0 !important;
  }

  a.control_next {
    right: 137px !important;
  }

  a.control_prev {
    right: 167px !important;
  }
}

@media (max-width: 1569px) {
  .recomended-products {
    height: 575px !important;
  }

  a.control_prev, a.control_next {
    bottom: 140px;
  }
}

@media (max-width: 1527px) {
  .recomended-products {
    height: 560px !important;
  }

  a.control_prev, a.control_next {
    bottom: 125px;
  }
}

@media (max-width: 1510px) {
  .recomended-products {
    height: 554px !important;
  }

  #slider {
    margin: 80px 80px auto !important;
  }

  a.control_next {
    right: 99px !important;
  }

  a.control_prev {
    right: 135px !important;
  }
}

@media (max-width: 1475px) {
  .recomended-products {
    height: 541px !important;
  }

  a.control_prev, a.control_next {
    bottom: 110px;
  }
}

@media (max-width: 1454px) {
  .e-newsletter-wrap .container .e-heading-wrap {
    display: block !important;
  }

  .e-newsletter-cloth {
    padding: 0px 0 100px;
  }

  .recomended-products {
    background-image: none;
    height: 100%;
  }

  #slider {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    left: 0 !important;
    margin-left: 0px !important;
  }

  #slider ul {
    width: 100% !important;
  }

  #slider li {
    width: 100% !important;
  }

  a.control_next {
    right: 40px !important;
  }

  a.control_prev {
    right: 74px !important;
  }

  a.control_prev, a.control_next {
    bottom: 58px;
  }
}

@media (max-width: 1199px) {
  .e-newsletter-cloth {
    padding: 0px 0 75px;
  }

  a.control_next {
    right: 133px !important;
  }

  a.control_prev {
    right: 170px !important;
  }

  a.control_prev, a.control_next {
    bottom: 90px;
  }
}


@media (max-width: 1169px) {
  a.control_next {
    right: 118px !important;
  }

  a.control_prev {
    right: 153px !important;
  }
}

@media (max-width: 1140px) {
  a.control_next {
    right: 103px !important;
  }

  a.control_prev {
    right: 138px !important;
  }
}

@media (max-width: 1099px) {
  a.control_next {
    right: 81px !important;
  }

  a.control_prev {
    right: 114px !important;
  }
}

@media (max-width: 1045px) {
  a.control_next {
    right: 57px !important;
  }

  a.control_prev {
    right: 84px !important;
  }
}

@media (max-width: 1000px) {
  a.control_next {
    right: 33px !important;
  }

  a.control_prev {
    right: 61px !important;
  }
}


@media (max-width: 990px) {
  .e-newsletter-cloth {
    margin-bottom: -178px;
  }

  #slider {
    height: 68% !important;
  }

  a.control_next {
    right: 135px !important;
  }

  a.control_prev {
    right: 165px !important;
  }

  a.control_prev, a.control_next {
    bottom: 210px;
  }
}

@media (max-width: 939px) {
  a.control_next {
    right: 121px !important;
  }

  a.control_prev {
    right: 146px !important;
  }
}

@media (max-width: 900px) {
  a.control_next {
    right: 100px !important;
  }

  a.control_prev {
    right: 126px !important;
  }
}

@media (max-width: 872px) {
  a.control_next {
    right: 65px !important;
  }

  a.control_prev {
    right: 90px !important;
  }
}

@media (max-width: 785px) {
  a.control_next {
    right: 45px !important;
  }

  a.control_prev {
    right: 70px !important;
  }
}

@media (max-width: 767px) {
  .e-newsletter-cloth {
    margin-bottom: -273px;
  }

  #slider {
    height: 50% !important;
  }

  a.control_next {
    right: 120px !important;
  }

  a.control_prev {
    right: 145px !important;
  }

  a.control_prev, a.control_next {
    bottom: 310px;
  }
}

@media (max-width: 720px) {
  a.control_next {
    right: 100px !important;
  }

  a.control_prev {
    right: 125px !important;
  }
}

@media (max-width: 677px) {
  a.control_next {
    right: 80px !important;
  }

  a.control_prev {
    right: 105px !important;
  }
}

@media (max-width: 637px) {
  a.control_next {
    right: 60px !important;
  }

  a.control_prev {
    right: 85px !important;
  }
}

@media (max-width: 590px) {
  .e-newarivles-fur {
    padding: 30px 0 25px !important;
  }

  a.control_next {
    right: 40px !important;
  }

  a.control_prev {
    right: 65px !important;
  }
}

@media (max-width: 557px) {
  a.control_next {
    right: 20px !important;
  }

  a.control_prev {
    right: 45px !important;
  }

}

@media (max-width: 539px) {
  a.control_prev, a.control_next {
    bottom: 315px;
  }
}

@media (max-width: 533px) {
  a.control_prev, a.control_next {
    bottom: 320px;
  }
}

@media (max-width: 520px) {
  a.control_prev, a.control_next {
    bottom: 325px;
  }
}

@media (max-width: 507px) {
  a.control_prev, a.control_next {
    bottom: 335px;
  }

  #slider {
    height: 45% !important;
  }
}

@media (max-width: 498px) {
  a.control_prev, a.control_next {
    bottom: 340px;
  }

  .e-newsletter-cloth {
    margin-bottom: -315px;
  }
}

@media (max-width: 477px) {
  a.control_prev, a.control_next {
    bottom: 350px;
  }
}

@media (max-width: 460px) {
  a.control_prev, a.control_next {
    bottom: 360px;
  }

  #slider {
    height: 40% !important;
  }
}

@media (max-width: 440px) {
  a.control_prev, a.control_next {
    bottom: 370px;
  }
}

@media (max-width: 415px) {
  a.control_prev, a.control_next {
    bottom: 385px;
  }

  .e-newsletter-cloth {
    margin-bottom: -340px;
  }

  #slider {
    height: 35% !important;
  }
}