
/**********************************/
/**********************************/
/******{Blog all post}********/
/**********************************/ 
/*******************************/

/*******************************/
/*
Blog All post tabs
***********************************/


  .tabsrlpost .single-tabrlpost {
    /* Width is calculated for 6 tabs (100/6 = 16.6666666667). If you'll use more or less tabs just divide 100 with number of tabs and replace 16% in every line) */
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: calc(20% - 10px);
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0 !important;
    cursor: pointer;
 
  }
  .tabsrlpost .single-tabrlpost:hover, .tabsrlpost .single-tabrlpost.current {
    /* Set tab background color for hover and active state */
    background: transparent;
 border-bottom: 2px solid #0021da!important;

  }
    .tabsrlpost .single-tabrlpost {
    /* Set tab background color for hover and active state */
    background: transparent;
 border-bottom: 2px solid transparent;

  }
  .tabsrlpost .single-tabrlpost:hover h4, .tabsrlpost .single-tabrlpost.current h4 {
      /* You can set title hover color here */
    color: #0021da !important;

  }
  .tabsrlpost .single-tabrlpost:hover .et-pb-icon, .tabsrlpost .single-tabrlpost.current .et-pb-icon {
    /* Set icon color for hover and active tab state */
    color: #15022a !important;
  }
  .tab_contentrlpost .tabs_itemrlpost {
    display: none;
  }

  .tab_contentrlpost .tabs_itemrlpost:first-child, .et-fb-root-ancestor .tab_contentrlpost .tabs_itemrlpost {
    display: block;
  }


   
  @media only screen and (max-width: 768px) {

  
    .tabsrlpost .single-tabrlpost {
      -ms-flex: 0 0 50%; /* Two tabs in a row on mobile */
      -webkit-box-flex: 0;
      flex: 0 0 50%;
      max-width: calc(50% - 10px);
      margin-top: 10px;
    }
       .tab-overflow-hidden .et_pb_column_4 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    overflow: scroll;
}
  }
  @media only screen and (min-width: 768px) and (max-width: 980px) {
    .tabsrlpost .single-tabrlpost {
    -ms-flex: 0 0 33.333333%; /* Three tabs in a row on tablet */
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: calc(33.333333% - 10px);
    margin-top: 10px;
      
    }
   .tab-overflow-hidden .et_pb_column_4 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    overflow: scroll;
}
  }



