@media(max-width:991px){

.nav-menu{
display:none;
}

.menu-toggle{
display:block;
}

.hero-grid{
grid-template-columns:1fr;
}

.latest-grid{
grid-template-columns:1fr;
}

.hero h1{
font-size:34px;
}

}

@media(max-width:576px){

.container{
width:95%;
}

.hero-content{
padding:30px;
}

.hero h1{
font-size:28px;
}

.hero-main{
min-height:350px;
}

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

.menu-btn{

display:block;

}

.nav-menu{

position:absolute;

top:90px;

left:0;

width:100%;

display:none;

flex-direction:column;

background:#07111f;

padding:25px;

border-radius:18px;

}

.nav-menu.active{

display:flex;

}

}