@media (max-width:500px) {
   .table2{
  display: none;
  }
  .table1{
  display: block;
      }
      .c-content-tab-4 > .nav > li > a {
    padding: 0px 15px;
     }

  }
  @media (min-width:1000px) {
   .table1{
  display: none;
      }
      .table2{
  display: block;
      }
    }
    
   .c-content-tab-4 > .tab-content .c-tab-items {
    list-style-type: none;
    margin: 0;
    padding: 30px 20px 30px 20px;
    }    
   /*.................Tabs color............................... */
  .c-content-tab-4.c-opt-5 > .nav > li > a:hover, .c-content-tab-4.c-opt-5 > .nav > li > a:focus {
    background-color: :#bfdbef!important;
  }

  .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even):active > a {
   background:#72ADD8!important;
}

.c-content-tab-4.c-opt-5 > .nav > li > a {
     background-color: :#bfdbef!important;
}
.c-content-tab-4.c-opt-5 > .nav > li.active > a, .c-content-tab-4.c-opt-5 > .nav > li:active > a {
    background:#72ADD8!important;
}
/*.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }*/