@media (max-width: 992px) {

.hero{
    grid-template-columns: 1fr;
    text-align: center;
    gap: 60px;
}

.hero-left{
    order:1;
}

.hero-right{
    order:2;
}

.hero-right img{
    width:65%;
    max-width:450px;
}

.hero-buttons{
    justify-content:center;
}

.social{
    justify-content:center;
}

.services-grid{
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

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

.about{
    grid-template-columns:1fr;
    text-align:center;
}

.stats{
    justify-content:center;
}

.nav-links{
    gap:30px;
}

}

@media (max-width:576px){

.hero{
    padding-top:120px;
}

.hero-title{
    font-size:56px;
    line-height:1;
}

.hero-right img{
    width:85%;
}

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

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

.stats{
    flex-direction:column;
    gap:25px;
}

.contact{
    flex-direction:column;
    text-align:center;
}

.footer{
    flex-direction:column;
    gap:20px;
}

}