@media(max-width:1200px){

.game-slider{
grid-template-columns:repeat(4,1fr);
}

}

@media(max-width:768px){

.sidebar{
width:70px;
}

.main-content{
margin-left:70px;
padding:100px 15px 30px;
}

.game-slider{
grid-template-columns:repeat(2,1fr);
gap:12px;
}

.search-box{
display:none;
}

.card img{
height:110px;
}

.section-header h2{
font-size:22px;
}

}

@media(max-width:480px){

.game-slider{
grid-template-columns:repeat(2,1fr);
}

.card span{
font-size:12px;
padding:8px;
}

.logo{
font-size:22px;
}

}