@media(max-width:768px){

.search-box{

display:none;

}

.logo{

font-size:26px;

}

}
@media (max-width:768px){

.hero h1{

font-size:42px;

}

.hero p{

font-size:18px;

}

.hero-features{

flex-direction:column;

align-items:center;

}

.hero-features span{

width:90%;

}

.hero-btn{

width:90%;

text-align:center;

}

}
@media (max-width:768px){

.category-card{

width:95%;

}

.section-title h2{

font-size:32px;

}

}
@media(max-width:768px){

.course-card{

width:95%;

}

}