$(document).ready(function () {
  /* Reload page on change width */
  function reloadPage(before, after, breakpoint) {
    var after = $(this).width();
    if (before > breakpoint) {
      if (after < breakpoint) {
        location.reload();
      }
    }
    if (before < breakpoint) {
      if (after > breakpoint) {
        location.reload();
      }
    }
  }

  let mobile_break = 479;
  let landscape_break = 767;
  let tablet_break = 991;

  var before = $(this).width();
  $(window).resize(function () {
    var after = $(this).width();
    reloadPage(before, after, tablet_break);
    reloadPage(before, after, landscape_break);
    reloadPage(before, after, mobile_break);

    resizeModal();
  });

  //Resize modal function to set up the height of the modal
  function resizeModal() {
    let device_height = $(window).height();
    if (device_height < 830) {
      $(".modal_content-wrapper").css("height", "90%");
    } else {
      $(".modal_content-wrapper").css("height", "auto");
    }
  }
  resizeModal();
});