/**css tuy chinh rieng cho tung trang**/
.tintuc {
	background: linear-gradient(to bottom, white 60%, #cceafb);
}
.tintuc .listing > div >div >div:last-child {
    flex: 0 0 88%;
    max-width: 88%;
}

.tintuc .listing > div >div >div:first-child{
    flex: 0 0 12%;
    max-width: 20%;
}
.tintuc .row .details{
	display:none;
}
.tintuc .listing > div{
	padding:20px;
    border-bottom: 1px dashed;
}
.tintuc .listing .row .title a{
	font-size: 18px;
    font-weight: 700;
  	opacity:.9;
    position: absolute;
	margin-top: -15px;
  	padding-top: 15px;
 	padding-bottom: 30px;
}
.tintuc .listing .row:last-child .content{
	padding-top:20px;
}
.tintuc .listing .image{
	height:100%;
}
.tintuc .listing .image img{
	border-radius:5px;
  	height:100%;
}
.tintuc .listing .row .title a:hover{
	color: var(--main-color-one)
}
.tintuc > div > div:first-child{
	border-bottom: 1px solid;

}


@media screen and (max-width:450px){
  .tintuc .listing > div > div > div:first-child{
  	padding-right:unset;
    flex: 0 0 26%;
    max-width:36%;
  }
  .tintuc .listing > div > div > div:last-child {
    flex: 0 0 74%;
  
  }
  .tintuc .listing .row .title a{
  	white-space: nowrap;
  	width: 270px;
    overflow: hidden;
  	text-overflow: ellipsis;
  }
}
@media screen and  (min-width:451px) and (max-width:801px){
.tintuc .listing .row:last-child .content {
  	padding-top: 30px;
}
  .tintuc .listing > div{
  	padding:10px;
  }
  .tintuc .listing > div > div > div:first-child{
  	padding-right:unset;
    flex: 0 0 16%;
    
  }
  .tintuc .listing > div > div > div:last-child {
    flex: 0 0 82%;
  
  }
 
}