.article-page ul {
    list-style-type: disc;
}
.body-blog .col-xl-6.col-lg-6.col-md-6.col-sm-6 {
    max-height: 410px;
}

.blog-paginate .col-xl-6.col-lg-6.col-md-6.col-sm-6 {
    max-height: 630px;
}
.blog-layout {
    margin-top: 12%;
}
.article_img_size img {
    width: 100%;
}
.tab-description p:first-child strong ,.bb-code {
    color: #261871!important;
}


.bb-sidebar-body {
  margin-top: 26%;
}
.blog-paginate {
    text-align: center;
}
.bb-sidebar-body h1 {
    border-top: 10px solid #b2b2b2;
    text-transform: uppercase;
    font-weight: 800!important;
    padding: 20px 0px;
    text-align: center;
    font-family: TTFirs-ExtraBold;
  color:#312c67;
}





.bb-sidebar-body p.blog-article {
    line-height: 1;
font-size:1.5rem;
}
.blog-image{
 width:100%; 
}

.blog-mini-image {
    margin-bottom: 15px;
}


.bb-sidebar-body .sidebar-image{
 padding:0px;
}
.sidebar-img {
    padding: 0px;
}


.bb-sidebar-body .post__title_block{
   padding:0px;
  padding-bottom:10px;
}
.body-blog .post{
 border:0px;
}
.bb-sidebar-body .post{
 border:0px; 
}
.bb-sidebar-body  .post__title_block .post__title{
 padding-top:0px; 
}
.bb-sidebar-body h3.post__title.text-uppercase a {
    font-family: TTFirs-ExtraBold;
      font-size: 13px;
}





.bb-collection-nav {

    background: #050525;
    margin-top: 80px;

}


.bb-collection-nav .nav-select-item li a img {
    max-width: 65%;
}

.bb-collection-nav img {
    max-width: 60px;
}
.bb-collection-nav ul li {
    display: inline-block;
    margin: 10px 20px;
}


.bb-collection-nav ul {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
}


.body-blog h3.post__title.text-uppercase {
    font-family: TTFirs-ExtraBold;
  	margin:20px 0px;
  	min-height:3.5em;
}

.blog-main .post{
      padding-bottom: 0px;
    margin-bottom: 0px;
}
.blog-paginate h3.post__title.text-uppercase {
    font-family: TTFirs-ExtraBold;
  	margin:20px 0px;
  min-height:3em;
  text-align:left;
}
p.blog-article {
    line-height: 1.2;
  text-align: justify;
}

.blog-paginate .blog-block {
  height: 26rem;
    overflow: hidden;
  background: #fff;
    padding: 2rem;
}
.post__title_block figure {
    margin-bottom:0px;
}

.post__title_block {
   text-align: center;
    width: 100%;
    border-radius: 10px;
      height: 54rem;
}
.blog-layout h1 {
    text-align: left;
    margin-bottom: 4%;
}

.body-blog  .blog-tag{
     font-family: TTFirsMedium;
    padding: 15px 20px;
      z-index: 9999;
    position: relative;
}

.body-blog  .post__title_block figure{
      margin-bottom: -11px;
}

.blog-layout .pagination li a:hover, .blog-layout .pagination li.active a {
    background-color: #312c67;
    color: #fff;
}


.body-blog  .blog-tag:nth-child(even), .blog-paginate .blog-tag:nth-child(even)  {
  background-color:rgb(167,18,189,0.9);
}
.body-blog  .blog-tag:nth-child(odd) , .blog-paginate .blog-tag:nth-child(odd) {
  background-color:rgb(181,22,128,0.9);
}


.blog-paginate .blog-tag {
    font-family: TTFirsMedium;
    padding: 15px 20px;
    z-index: 2;
    position: absolute;
    margin-top: -31px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 5px;
    max-width: 230px;
}


.blog-paginate .blog-tag a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}


.body-blog  .blog-tag a{
    color:#fff;
  text-decoration:none;
  font-size:20px;
  text-transform: uppercase;
}
.body-blog {
    margin-top: 8%;
}
.blog-main{
  background:#f7f7f8;
  padding-bottom:20px;
}

.blog-main #rightColumn:after , .article-page #rightColumn{
/*     width: 0px; */

}

#rightColumn:after{
 width:0px; 
}

.blog-main #rightColumn, .article-page #rightColumn{
padding-left:0px;
}
.body-blog .blog-tag a{
 font-size:1.5rem;
}

.sidebar-img img {
    min-height: 105px;
    object-fit: cover;
}

.blog-paginate img {
    max-height: 300px;
    object-fit: cover;
    object-position: top;
}

.sidebar-img {
    width: 45%;
}
  .bb-sidebar-mini {
   border-left: 1px solid #dddddd;
    padding: 25px 30px;
    border-radius: 0px;
    box-shadow: -1px 0px #fafafa;
}
  
@media only screen and (min-width:1770px){
  .sidebar-img img {
    min-height: 120px;
    object-fit: cover;
}
  
  .bb-sidebar-mini .post {
    padding: 10px 0px;
}
  
   .bb-sidebar-body p.blog-article {
      line-height: 1;
      font-size: 1.9rem;
     min-height:75px;
  } 
  

}

@media only screen and (max-width:1769px){
 .bb-sidebar-body .post__title_block .post__title {
    padding-top: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
  
  .sidebar-img img {
    object-fit: cover;
}
  
  .bb-sidebar-body h3.post__title.text-uppercase a{
   font-size:13px; 
  }
  
  .bb-sidebar-mini {
        padding-top: 30px;
    padding-bottom: 5px;
}
  .post__title_block {
   
    height: 48rem;
}
}
@media only screen and (max-width: 1368px) {
 
  .blog-paginate .blog-tag {
    font-family: TTFirsMedium;
    padding: 9px 20px;
    z-index: 2;
    position: absolute;
    margin-top: -31px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 17px;
    max-width: 275px;

	}
  
  .bb-sidebar-body {
    margin-top: 28%;
	}
 
}

@media only screen and (max-width: 1200px) {
  .post__title_block {
    height: 53rem;
}
  
  .body-blog .post__title_block {
    text-align: center;
    width: 100%;
	}
  
  .blog-paginate img {
    max-height: 20vw;

}
  
  .bb-sidebar-body p.blog-article {
    line-height: 1;
    font-size: 1.4rem;
        max-height: 70px;

}

.bb-sidebar-mini {
    padding-bottom: 18px;
}
  
  
}

@media only screen and (min-width:990px){
.body-blog .post__title_block figure img{
  height: 170px;
    object-fit: cover;
}
  
}

@media only screen and (max-width:991px){
  
  .blog-main {
    background: #f7f7f8;
    margin-top: 50px;
}
  .post__title_block {
    height: 48rem;
}
  
 .bb-sidebar-body {
    display: none;
} 
  .bb-sidebar-mini  p.blog-article { 
   
    max-height: 70px;

  }
  
  .post__title_block .post__title {
    font-size: 16px;
}
  
  .blog-paginate .blog-tag{
   width:225px; 
  }
  
  .blog-paginate .blog-tag a{
    font-size: 11px;
  }
  
}

@media only screen and (max-width:768px){
  .time-block{
   display:none; 
  }
  .title-under {
    position: relative;
    margin-bottom: 1em;
}
 .blog-paginate img {
    max-height: 20vw;
    object-fit: cover;
    object-position: top;
}
  
  .blog-paginate img {
    max-height: 50vw;
}
  
  .post__title_block .post__title {
    font-size: 18px;
}
  .blog-layout h1 {
    font-size: 2.5rem;
}
  .post__title_block {
    height: auto;
}
  
}

@media only screen and (max-width:480px){
  
  .title-box {
    margin-top: 25px;
}
  
}