main{
   padding: 70px 15px 50px;
   min-height: calc(100vh - 170px);
   max-width: 1200px;
   margin: 0 auto;
}
h2 {
   margin: 0 0 12px;
   padding-left: 21px;
}
h2::before {
   content: "";
   position: absolute;
   top: calc(50% - 1px);
   left: 2px;
   transform: translateY(-50%);
   width: 7px;
   height: 23px;
   background-color: #2b5c76;
}

.terms-list{
   display: flex;
   flex-wrap: wrap;
   gap: 5px 20px;
   padding: 0;
   margin-left: 5px;
}
.terms-list li:not(:last-of-type){
   margin-right: 20px;
}
.terms-list li:not(:last-of-type)::after{
   content: '';
   position:absolute;
   top: 50%;
   right: -20px;
   transform: translateY(-50%);
   height: 80%;
   width: 1px;
   background-color: rgb(131, 131, 131)
}
.lists-wrapper{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
   margin: 35px 0 0 15px;
}
.archive-list{
   display: flex;
   flex-direction: column;
}
.archive-list li a{
   display: grid;
   grid-template-columns: 60px 1fr;
   gap: 13px;
   align-items: center;
   border-bottom: 1px dotted #ccc;
   padding: 7px 0;
   transition: .3s;
}
.archive-list li a:hover{
   background-color: #f0ffff;
   opacity: 1;
}
.archive-list li a:hover img{
   transform: scale(1.1);
}
.archive-list li img{
   object-fit: cover;
   max-height: 35px;
   transition: .3s;
}
h3{
   line-height :20px;
   color: #333;
}
.terms-list a{
   padding: 0 5px 5px;
   position: relative;
}
/*
.terms-list a:before,
.terms-list a:after{
   content: '';
   position: absolute;
   top: 50%;
   width: 7px;
   height: 1px;
   background-color: #246ab1;
}
.terms-list a:before{
   left: -10px;
   transform: translateY(-50%) rotate(40deg);
}
.terms-list a:after{
   left: -5px;
   transform: translateY(-50%) rotate(-40deg);
}
*/
.posts-count {
    margin-left: 5px;
}
.archive-list{
   padding: 0 0 0 15px;
}
.contact-form-link-wrapper {
   padding: 0px 35px 90px;
   max-width: 1200px;
   margin: 0 auto;
   font-size: 18px;
}
/*********************************************************************
860px
**********************************************************************/
@media screen and (max-width: 860px) {
   h3{
      font-size: 14px;
   }
   .terms-list {
      font-size: 14px;
   }
   .terms-list li:not(:last-of-type)::after {
      height: 60%;
      right: -14px;
   }
   .terms-list li:not(:last-of-type) {
       margin-right: 5px;
   }
   .archive-list {
      padding: 0 0 0 5px;
   }
   .contact-form-link-wrapper {
      font-size: 16px;
   }
   .lists-wrapper {
      margin: 35px 0 0 0;
   }
}
/*********************************************************************
599px
**********************************************************************/
@media screen and (max-width: 599px) {
   main h3{
      font-size: 14px;
   }
   .lists-wrapper {
      grid-template-columns: 1fr;
   }

}