/*  <===== vntheadpop =====>  */
.vntheadpop{
  width: 100%;
  z-index: 12;
  background-color: #fff;
}
.vntheadpop .hdgrip{
  display: flex;
}
.vntheadpop .hdgrip .mcol{
  width: 170px;
  border-right: 1px solid #e6e6e6;
}
.vntheadpop .hdgrip .hcol{
  width: calc(100% - 170px);
}
.vntheadpop .hdlogos{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 15px 20px 14px;
}
.vntheadpop .hdtitle{
  display: flex;
  align-items: center;
  align-content: center;
  padding: 14px 10px 13px 20px;
}
.vntheadpop .hdtitle .timages, .vntheadpop .hdtitle .timages h2{
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}
.vntheadpop .hdtitle .tvideos, .vntheadpop .hdtitle .tvideos h2{
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.vntheadpop .hdtitle .tline{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.vntheadpop .ttgrip{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
}
.vntheadpop .ttitle{
  text-transform: uppercase;
}
.vntheadpop .ttitle, .vntheadpop .ttitle h2{
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
}
.vntheadpop .tviews a{
  display: flex;
  align-items: center;
  align-content: center;
  font-size: 15px;
  line-height: 23px;
  padding: 5px 16px;
  background-color: #01215a;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
}
.vntheadpop .tviews a:hover{
  background-color: #1b1951;
}
.vntheadpop .tviews a .vimg{
  margin-right: 12px;
}
.tppopdownl{
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.tppopdownl::-webkit-scrollbar{
  width: 10px;
  background-color: transparent;
}
.tppopdownl::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 25px;
}
.tppopdownl img{
  max-width: 100%;
}
/*  <===== vntheadpop =====>  */
@media all and (max-width: 1200px){

}
@media all and (max-width: 991px){
  /*  <===== vntheadpop =====>  */
  .vntheadpop .hdgrip{
    flex-wrap: wrap;
  }
  .vntheadpop .hdgrip .mcol{
    border-right: none;
    width: 160px;
  }
  .vntheadpop .hdgrip .hcol {
    width: calc(100% - 160px);
  }
  .vntheadpop .hdlogos .lgimg{
    max-width: 115px;
    margin: 0 auto;
  }
  .vntheadpop .hdlogos{
    padding: 16px 20px 15px;
  }
  .vntheadpop .hdlogos .lgimg{
    max-width: 125px;
  }
  .vntheadpop .hdtitle{
    padding: 14px 20px 13px;
  }
  .vntheadpop .ttitle, .vntheadpop .ttitle h2{
    font-size: 16px;
    line-height: 24px;
  }
  .vntheadpop .ttgrip{
    justify-content: flex-end;
  }
  /*  <===== vntheadpop =====>  */
}
@media all and (max-width: 767px){

}