is it intentional that the hamburger menu is also hidden?

you got that intention to have the mobile menu break at 1320px but the display none of

nav.main_menu {
    display: none !important;
}

hides the hamburger too:
try this instead:

@media only screen and (max-width: 1320px) {
#avia-menu {
  display: none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
  display:block !important;
}
}

i do not know why then the hamburger is centered because on default the mobile hamburger icon goes to the right:
https://kriesi.at/themes/enfold-medical/

that product table is placed in what kind of container?
if it is in a color-section – i would give that color-section a unique-ID (as mentioned above – to better select that table)
and that to quick css:

.responsive #custom-ID .container {
   max-width: 1810px;
}

just replace #custom-ID with the ID you gave to your color-section.
thats it.

there is no event at the input field – so maybe the script isn’t loaded.
What do you have on Enfold (Child) – Performance ? : “Disabling of template builder elements” load all – only used or manually.
Maybe a refreshing of the merged files will do the change.

on enfold (child) – Blog Layout – you got this: “Single Post Navigation”

if you only want to remove it :

Select to disable or enable the post navigation that links to the next/previous post on single entries. Setting is also used for portfolio. Use filter avf_post_nav_settings to customize.

maybe this function can help you – but after that you had to regenerate image files – there are a lot of those tools – i guess the force regenerate thumbnails is the one which removes unneeded files too.
the first function is for not to use a srcset for images

// remove "responsive images" functionality in WP 4.4 and higher
add_filter('wp_get_attachment_image_attributes', function($attr) {
   if (isset($attr['sizes'])) unset($attr['sizes']);
   if (isset($attr['srcset'])) unset($attr['srcset']);
   return $attr;
}, PHP_INT_MAX);
add_filter('wp_calculate_image_sizes', '__return_false', PHP_INT_MAX);
add_filter('wp_calculate_image_srcset', '__return_false', PHP_INT_MAX);
remove_filter('the_content', 'wp_make_content_images_responsive');

// Disable loads of Enfold & WP image sizes upon upload
// do image sizes manually, double-size with high compression for retina screens
// use Photoshop to set exact double size and quality between Q30 and Q40
add_action('init', 'remove_enfold_image_sizes');
function remove_enfold_image_sizes() {
// do NOT remove widget size, is used in backend portfolio items!
// remove_image_size('widget');
  remove_image_size('square');
  remove_image_size('featured');
  remove_image_size('featured_large');
  remove_image_size('portfolio');
  remove_image_size('portfolio_small');
  remove_image_size('gallery');
  remove_image_size('magazine');
  remove_image_size('masonry');
  remove_image_size('entry_without_sidebar');
  remove_image_size('entry_with_sidebar');
  remove_image_size('shop_thumbnail');
  remove_image_size('shop_catalog');
  remove_image_size('shop_single'); 
    remove_image_size('shop_gallery_thumbnail');
}
// Remove unneeded WP image sizes
add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' );
// Remove default image sizes here. 
function prefix_remove_default_images( $sizes ) {
// do NOT remove small and medium sizes, they are used in backend Media Library!
// unset( $sizes['small']); // 150px
// unset( $sizes['medium']); // 300px
 unset( $sizes['large']); // 1024px
 unset( $sizes['medium_large']); // 768px
 return $sizes;
}

test it on a testinstallation. I tested it on a wordpress playground with enfold installation without any conflict.
All Credits goes to: https://kriesi.at/support/topic/responsive-content-images-retina-screens/#post-1077293

look to functions.php of your enfold theme (parent) around line 148ff
here without the comments in it:

$avia_config['imgSize']['widget'] 	= array('width'=>36,  'height'=>36);
$avia_config['imgSize']['square'] 	= array('width'=>180, 'height'=>180);
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 );
$avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 );
$avia_config['imgSize']['extra_large'] 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);
$avia_config['imgSize']['portfolio'] 	= array('width'=>495, 'height'=>400 );
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 );
$avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 );
$avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 );
$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false);
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321);
$avia_config['imgSize']['entry_without_sidebar'] = array('width'=>1210, 'height'=>423 );
$avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);

filter avf_modify_thumb_size – how to use it ?
e.g:

function custom_modified_thumb_sizes( $size ){
  $size['square'] = array('width'=>300, 'height'=>300 );      
  return $size;
}
add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1 );

is there a link to see and to examine?

Mainly it will be that way that you want to set the link from a portfolio page ( or product page ).
As all portfolio pages, have the standard path: domain/portfolio-item/portfolio-name – why add a manual path? Why not directly transfer the portfolio name?

by the way – if you like to make this with shrinking header there is a way to do it. But if you’re already overwhelmed with this solution, I’d rather not describe it here.

“Natur als Brückenschlag” and you’ll see the dots are not sitting on the u.

Well Word f.e. seems to use “combining diacritical marks” : u and ̈ are shiftet together to an ü
see what happens with a copy pasted ü from word in a “real” text editor erasing one letter after the other (6letters here)- it looks like an ü – but isn’t:
https://webers-testseite.de/diaresis.mp4

copy/pasting texts from word will sometimes end in this looking then: u ̈

try the paste as text field in text-editor

and is there another method that will bring us a solution afterwards now?
allthough it is in the DOM it does not work ?

and

Is it possible to choose a span of dates when using the date picker in a contact form as opposed to just choosing one day? For instance booking a rental between a span of days instead a single day. Let me know when you get a minute. Thanks!

just place two datepicker fields beside each other one is the from the other to field

Sad : the topic is closed.
i tried to have a from to datepicker – and i want to have the value of the from field is the minDate of the to field.
I got this working – but it destroyes the styling of the datepicker – i don’t know why ?
(if the inputfields are in that position 6 and 7)

function my_datepicker_defaults() {
?>
 <script type="text/javascript">
(function($) {
    $(document).ready(function(){ 
      $('#avia_6_1').datepicker({onSelect: function(selectedDate) {
            $('#avia_7_1').datepicker('option', 'minDate', selectedDate);
		  setTimeout(function() { $('#avia_7_1').focus(); }, 0);
      }});
      $('#avia_7_1').datepicker({onSelect: function(selectedDate) {
            $('#avia_6_1').datepicker('option', 'maxDate', selectedDate);
      }});
    });
})(jQuery);      
</script>
<?php
}
add_action('wp_footer', 'my_datepicker_defaults', 10);

you have to give a rule for the logo img too.

f.e.

.logo img {
    height: 133% !important;
    max-height: 200px !important;
}

by the way if you like to show datepicker without weekends:
place this to quick css:

.ui-datepicker-week-end {
	    display:none
}