.education-channel-list {
 
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 sütunlu grid */
    gap: 30px 32px; /* Sütunlar arasında 30px, satırlar arasında 32px boşluk */
margin:0 auto;
	max-width:1170px;
}
.video-item {
    max-width: 300px;
    text-align: center;
}
.video-item img {
    max-width: 100%;
    border-radius: 8px;
    cursor: pointer;
}
.video-item h3 {
    margin-top: 10px;
    font-size: 16px;
}


.res-categories {

}
.res-categories a {
    color: #C1C0C7;
    padding: 16px;
    border-bottom: 1px solid #C1C0C7;
    font-weight: 500;
    margin-bottom: 24px;
    position: relative;
}
.res-categories a:hover::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #1C0A62;
	
}
.res-categories a.current {
    color:  #1C0A62;
}
.res-categories a.current::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #1C0A62;
}
.res-gap {
    height: 24px;
}

.list-all-categories  a {
    color: #C1C0C7;
    font-weight: 500;
    position: relative;
    font-size: 13.5px !important;
}
.list-all-categories  .active::after,  {
 /*   position: absolute;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #000;
    z-index: 9999; */
    bottom: -7px !important;
}


@media (min-width: 320px) and (max-width: 480px) {
  
  /* CSS */
.education-channel-list {
 
   
    grid-template-columns: 1fr; /* 1 sütunlu grid */
    gap: 30px 32px; /* Sütunlar arasında 30px, satırlar arasında 32px boşluk */
	justify-items:center;
}  
}