Separator

the point is that the surrounding parent content container gets a padding-top/padding-bottom of 50px

in your case this would be the css rule : .page-id-19 #after_layer_slider_1 .content {padding: 0!important}
but if you don’t like to look always what is the name of that given container (after-section1 etc. ) you can do this :
assign the hr element a custom-class called : nopadding and this comes
into functions.php of your child-theme:

function padding_to_parent_of_hr_nopadding(){
?>
<script>
(function($){
	$('div.hr.nopadding').closest('.content').css({"padding": "0", "min-height": "0px"  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'padding_to_parent_of_hr_nopadding');

from now on every hr which has the class nopadding will transfer to its nearest parent content those values