hi team, the yigit css works for the tab heading, any css for the tab content font size ?

you have on those post-types different classes on body tag ( or #top).
so you can differ by :
#top.page
#top.single-portfolio
#top.single-post

so try:

.responsive #top.page  {
  font-size: 13px !important;
}
.responsive #top.single-post {
  font-size: 16px !important;
}
.responsive #top.single-portfolio  {
  font-size: 19px !important;
}

have a look to this solution for another participant:
https://webers-testseite.de/html5-video-fanlokbun-2/

in your case you do not need to place the column on the right side with an empty column before. That position is ruled by css only.

see: https://webers-testseite.de/html5-video-bhe/
your heading and text is inside that overlay column.

PS: if you do not like that i use your video here – tell me after you have seen the demo page and i will replace it by a different video.

PPS: the font-size-adjust property seems not to be supported by all browsers – so for very small screens you had to adjust the font-size by conventional methods

but you do not want to combine those things mentioned on the other post?

see f.e.: https://enfold.webers-webdesign.de/impressum/
see text logo above , when you switch to other posts/pages

function use_text_logo_only($logo){
    $link = apply_filters( 'avf_logo_link', home_url( '/' ) );
    $logo_tag = "h1";
    $logo_heading = "Webers Webdesign";
    $alt = get_bloginfo( 'name' );    
    $title = get_bloginfo( 'name' );
    $page_title = get_the_title();

if(is_search()){
	$logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.' - Suchergebnisse</'.$logo_tag.'></a>';
}
elseif(is_front_page()){
	$logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.'</'.$logo_tag.'></a>';
}
else{
	$logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.' - '.$page_title.'</'.$logo_tag.'></a>';
}
return $logo;
}
add_filter('avf_logo_final_output','use_text_logo_only');

#top .logo.text-logo  {
  display: flex;
  justify-content: left;
  align-items: center;
  width: auto;
}

#top .logo.text-logo h1  {
  margin: 0 !important;
  font-size: 30px;
}

or use those icons inside a text-block element: see example page at the bottom.

[av_textblock fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' fold_timer='' z_index_fold='' id='' custom_class='center-stars' template_class='' element_template='' one_element_template='' av_uid='av-psa03l' sc_version='1.0' admin_preview_bg='']
[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-8z2voh' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-27dcl9d' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-1kvehwh' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-4al7hd' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-n9hech' sc_version='1.0' admin_preview_bg=''][/av_font_icon]
[/av_textblock]

by the way: on former times it is better to place the anchor-tag inside the heading-tag (as enfold do with f.e. entry-title etc.)
since html5 / xhtml this is not mandatory. You can have it vice-versa:

function use_text_logo_only($logo){
    $link = apply_filters( 'avf_logo_link', home_url( '/' ) );
    $logo_tag = "h1";
    $logo_heading = "My Website Textlogo";
    $alt = get_bloginfo( 'name' );    
    $title = get_bloginfo( 'name' );
   
    $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.  '</'.$logo_tag.'></a>';
    return $logo;
}
add_filter('avf_logo_final_output','use_text_logo_only');

to aline that heading with f.e. navigation to the right some css is needed:

#top .logo.text-logo  {
  display: flex;
  justify-content: left;
  align-items: center;
  width: auto;
}

#top .logo.text-logo h1  {
  margin: 0 !important;
  font-size: 30px;
}