Tab Section and mobile behavior

Hello

Hello

Click here to add your own text

Hello

Click here to add your own text

Hello

Click here to add your own text

Hello

Click here to add your own text

CSS Code for that Element

@media screen and (max-width:989px) {
  .js_active .page-id-35759 .av-tab-section-tab-title-container {
    display:flex !important;
    flex-flow: row wrap;
    justify-content: space-between !important;
    align-items: baseline;
    width: 100vw !important;
    min-width: 0 !important;
    padding: 0;
    margin: 0;
    left: 0 !important;
  }



  #top.page-id-35759 .av-section-tab-title {
    padding: 0 !important ;
    flex: 0 1 33%;
    min-width: 130px
  }

  .page-id-35759 .av-outer-tab-title {
    display: inline-block !important;
  }

  .page-id-35759 .av-tab-section-image,
  .page-id-35759 .av-tab-arrow-container {
    background-position: center center;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .page-id-35759  .av-tab-section-icon {
    display: block;
    text-align: center;
    position: relative;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 40px;
  }
  
  .page-id-35759  .av-active-tab-title {
    background:  transparent !important;
  }

  #top.page-id-35759  .av-tab-arrow-container span {
    background-color: #2d5c88;
  }

.js_active .av-layout-tab {
    display: inline-block;
    border: none;
}
}