.offcanvas {
  width: 100%!important;
}

@media (min-width: 768px) {
  .offcanvas {
    width: 70%!important;
  }
}

@media (min-width: 992px) {
  .offcanvas {
    width: 50%!important;
  }
}

@media (min-width: 1200px) {
  .offcanvas {
    width: 40%!important;
  }
}

@media (min-width: 1400px) {
  .offcanvas {
    width: 33%!important;
  }
}

@media (min-width: 1900px) {
  .offcanvas {
    width: 25%!important;
  }
}

#persienn, #enkelplisse, #dubbelplisse, #mellanglas, #basic, #skyline, #design, #sixteen {
  width: 100%!important;
}