.tab_div_top_bx {
    float: left;
      border: 3px solid #0b5493;
      background-color: #0b5493;
      width: 14%;
      height: auto;
      border-radius: 0px;
  }
  
  .tab_div_top_bx button {
    display: block;
      background-color: inherit;
      color: #fff;
      padding: 12px 16px;
      width: 90%;
      border: none;
      outline: none;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      font-size: 17px;
      margin: 5%;
      border-radius: 4px;
  }
  
  .tab_div_top_bx button:hover {
    background-color: #36a8ff;
  }
  
  .tab_div_top_bx button.active {
    background-color: #36a8ff;
  }
  
  .tabcontent {
    float: left;
      padding: 0px 0px 0px 0px;
      border: 1px solid #ccc;
      width: 87%;
      border-left: none;
      height: auto;
      border-radius: 0 10px 10px 0;
  }
  
  
  .tb_main_section {
      width: 100%;
      display: flex;
      margin: 0px 0px;
  }
  
  
  @media screen and (max-width: 1170px){
  .tb_main_section {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  .tab_div_top_bx {
      width: 100%;
      margin-bottom: 50px;
  }
  .tabcontent {
      padding: 0px 0px 0px 0px;
      width: 100%;
  }
  }