Slider not responsive

Hey Granis,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .avia-fullscreen-slider .avia-slideshow>ul>li {
      width: 100%;
      background-size: contain;
      background-repeat: no-repeat;
  }
  .avia-fullscreen-slider .avia-slideshow {
   height: 513px !important;
  }
  .avia-fullscreen-slider .avia-slideshow-inner {
      width: 100%;
      height: 513px;
  }
}

@media only screen and (max-width: 479px) {
    .avia-fullscreen-slider .avia-slideshow>ul>li {
      width: 100%;
      background-size: contain;
      background-repeat: no-repeat;
  }
  .avia-fullscreen-slider .avia-slideshow {
   height: 250px !important;
  }
  .avia-fullscreen-slider .avia-slideshow-inner {
      width: 100%;
      height: 250px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria