.swipe::-webkit-scrollbar,
nav .LinkList ul::-webkit-scrollbar,
#subLabelcont::-webkit-scrollbar,
#popularLabel::-webkit-scrollbar
{width: 5px;height: 5px;opacity: 0;}

.swipe:hover::-webkit-scrollbar,
nav .LinkList ul:hover::-webkit-scrollbar,
#subLabelcont:hover::-webkit-scrollbar,
#popularLabel:hover::-webkit-scrollbar
{width: 5px;height: 5px;opacity: 1;}

.swipe:hover::-webkit-scrollbar-thumb,
nav .LinkList ul:hover::-webkit-scrollbar-thumb,
#subLabelcont:hover::-webkit-scrollbar-thumb,
#popularLabel:hover::-webkit-scrollbar-thumb
{background: #d3d3d3;border-radius: 10px;}

.swipe:hover::-webkit-scrollbar-track,
nav .LinkList ul:hover::-webkit-scrollbar-track,
#subLabelcont:hover::-webkit-scrollbar-track,
#popularLabel:hover::-webkit-scrollbar-track
{border-radius: 10px;background: 0 0;}

#headline-sec {max-width: 100%;margin: 0;}

#recHL {min-width: -webkit-fill-available; min-width: -moz-available; aspect-ratio: 16/9;}
#recHL .post-title {font-size: 2rem!important;}

#popularLabel .trend-title {background: var(--bg-color);}
#subLabelcont .trend-title {background: #161d24;}

.index .Blog .post-img a:after {top: 0;height: 124px;}

.inpost .inner-post {display: block!important;}
.inpost .post-labels {flex-wrap: wrap;gap: 0 1rem;}

/* Laptop */
@media only screen and (max-width:1366px) {
}

/* Tablet */
@media only screen and (max-width:768px) {
  .ignielTopParallax .prlx2 {top: 0;transform: translate(-50%,0%);}
  .ignielParallax .prlx2 {top: 42%;}
  .index .Blog .post-img a:after {height: 90px;}
}

/* Mobile */
@media only screen and (max-width:500px) {
  #recHL .post-title {font-size: 1.5rem!important;}

}