.post-list .post-outer .post-inner .table_of_contents {
    display: none;
}

.archive-wrap .archive-list .post-inner .table_of_contents {
	    display: none;
}

.cs-hero .hero-full article .table_of_contents {
    display: none;
}

	.table_of_contents {
    flex-wrap: wrap;
    max-width: 1060px;
    margin: auto;
    margin-top: 120px;
	}


	body > .table_of_contents {
		display: none;
	}


	.table_of_contents h2 {
	    width: 100%;
	}


	.table_of_contents .image_wrapper .single_image {
    width: 150px;
    height: 150px;
	}

	.table_of_contents .image_wrapper .single_image img {
	    width: 100%;
	    height: 100%!important;
	    object-fit: cover;
	    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  		filter: grayscale(100%);
	}

	.table_of_contents ul li a {
	    font-size: 17px;
	    color: #070707;
	    letter-spacing: 0.02px;
	    font-weight: bold;
	}

	.table_of_contents ul li ol li a {
	    color: #757a7f;
	    font-weight: 500;
	}

	.table_of_contents ul li {
	    margin: 11px 0px;
	}

	.table_of_contents ul li ol {
	  counter-reset: main-counter, sub-counter;
	  list-style-type:none;
	  padding:0;
	}


	.table_of_contents ul {
	    list-style: none;
	    position: relative;
	}

	.table_of_contents ul li {
	  counter-increment: main-counter;
	  counter-reset: sub-counter;
	}

	.table_of_contents ul li:nth-child(n+10):before {
	  content: counter(main-counter);
	}

	.table_of_contents ul li ol li:nth-child(n+10):before {
	    content: counter(main-counter) "." counter(sub-counter) " ";
	}

	.table_of_contents ul li:before {
	  content: "0" counter(main-counter);
	  margin-right: 22px;
	  font-size: 22px;
	  color: #070707;
	  letter-spacing: 0.02px;
	  font-weight: bold;
	  background: #fff;
	  padding: 10px 0px;
	}


	.table_of_contents ul li ol li {
	  counter-increment: sub-counter;
	  padding-left:3em;
	  counter-reset: none;
	}

	.table_of_contents ul li ol li::before {
	  content: counter(main-counter) "." counter(sub-counter) " ";
	  margin-right: 8px;
	  color: #757a7f;
	  font-weight: 500;
	  font-size: 18px;
	}

	.table_of_contents ul:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 12px;
	  border: 3px solid black;
	  border-width: 0px 0px 0px 2px;
	  height: 100%;
	  z-index: -1;
	}

	.table_of_contents .image_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: center;
	}

	.table_of_contents .image_wrapper .single_image:first-child {
	    grid-area: 1 / 1 / 2 / 2;
	}
	.table_of_contents .image_wrapper .single_image:nth-child(2) {
	    grid-area: 2 / 2 / 3 / 3; 
	}
	.table_of_contents .image_wrapper .single_image:nth-child(3) {
	    grid-area: 3 / 1 / 4 / 2;
	}
	.table_of_contents .image_wrapper .single_image:nth-child(4) {
	    grid-area: 4 / 2 / 5 / 3;
	}

  @media screen and (max-width: 782px){
		.table_of_contents ul {
		    max-width: 100%;
		}

		.table_of_contents ul li a {font-size: 14px;}

		.table_of_contents ul li {
		    margin: 4px;
		}

		.table_of_contents ul li:before {
		    font-size: 15px;
		    margin-right: 15px;
		    padding: 2px 0px;
		}

		.table_of_contents ul li ol li::before {
		    padding: 0;
		    font-size: 14px;
		    margin-right: 4px;
		}

		.table_of_contents ul li ol li {
		    padding-left: 2em;
		}

		.table_of_contents h2 {
		    padding: 0px 14px;
		}
	}