.li_active{
  font-weight: bold;
}

.li_active a{
  font-weight: bold;
}

@media only screen and (min-width: 992px) {
  html {
   scroll-padding-top:5.5rem;
}
.fixed{
    background-color: #f1f1f1;
  position:fixed;
 top: 4.8rem;
  width:90%;
}
 #block-blog-table-content-custom{
width: 20rem;
background-color:  #f1f1f1;
    padding: 1rem;
    border-radius:1rem;
   
 }
}
@media only screen and (min-width: 280px) and (max-width: 370px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
        margin-left: -15px;}
}
@media only screen and (min-width: 370px) and (max-width: 376px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
    margin-left:-15px;}
}
@media only screen and (min-width: 376px) and (max-width: 400px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
        margin-left: -15px;}
}
@media only screen and (min-width: 400px) and (max-width: 409px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
        margin-left: -15px;}
}
@media only screen and (min-width: 409px) and (max-width: 575px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
        margin-left: -15px;}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
       margin-left: -15px;}
}

@media only screen and (min-width: 768px) and (max-width: 790px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
        margin-left: -15px;}
}
@media only screen and (min-width: 790px) and (max-width: 992px) {
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
        margin-left: -15px;}
}
@media only screen and (min-width: 576px) and (max-width: 992px) {
  html {
   scroll-padding-top:13.5rem;
}
.fixed{
  position:fixed;
  top:9.8rem;
  padding-right: 100px;
}


}
@media only screen and (min-width: 480px) and (max-width: 576px) {
  html {
   scroll-padding-top:13.5rem;
}
.fixed{
  position:fixed;
  top:9.8rem;
  padding-right: 100px;
}
  #block-blog-table-content-custom{
width: 100%;
background-color: #2f7786;
    padding: 1rem;
        margin-left: -15px;}
}
@media only screen and (min-width: 280px) and (max-width: 480px) {
  html {
   scroll-padding-top:12.5rem;
}
.fixed{
  position:fixed;
  top:7.8rem;
  padding-right: 100px;
}
}
@media only screen and (min-width: 280px) and (max-width: 992px) {
#table_content{
      color: #fff;
}
  .my-class a{
    color: #fff;
  }
}

@media only screen and (min-width: 577px) and (max-width: 992px) {
#main-wrapper.blog-wrapper .main-content__wrapper.main--content{
  padding: 0 10%;
}
/*.container{*/
/*  margin-left:0;*/
/*  margin-right:0;*/
/*}*/
/*.content-breadcrumb .breadcrumb {*/
/*  margin-left:10%;*/
/*}*/
}
/*#toc1 a:nth-of-type(2n) {*/
/*      background-color: #ccc;*/
/*    }*/
    
   /*#toc1 a:last-of-type {*/
   /*   height: 100vh;*/
   /* }*/
    
/*   #toc1 a {*/
/*      color: #444;*/
/*      font-weight: 600;*/
/*    }*/
    
/*    .active {*/
/*      color: lime; */
/*      font-weight: 600;*/
/*      background:blue;*/
/*    }*/