@media(max-width:768px){
.hero{min-height:auto;padding:80px 0;text-align:center;}
.hero h1{font-size:36px;}
}
@media(max-width:992px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

.tech-grid{

grid-template-columns:repeat(3,1fr);

}

.stats .container{

flex-wrap:wrap;

gap:40px;

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

.tech-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:480px){

.tech-grid{

grid-template-columns:1fr;

}

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

.trust-grid{

grid-template-columns:repeat(2,1fr);

}

.about-grid{

grid-template-columns:1fr;

}

.about-content{

text-align:center;

}

.about-points{

grid-template-columns:1fr;

}

}

@media(max-width:600px){

.trust-grid{

grid-template-columns:1fr;

}

}
/*=====================================
ABOUT PAGE
======================================*/

@media(max-width:991px){

.about-flex{

grid-template-columns:1fr;

}

.timeline-row{

grid-template-columns:1fr 1fr;

}

.mvv-grid{

grid-template-columns:1fr;

}

.why-company .why-grid{

grid-template-columns:1fr 1fr;

}

.page-banner h1{

font-size:42px;

}

}

@media(max-width:768px){

.timeline-row{

grid-template-columns:1fr;

}

.why-company .why-grid{

grid-template-columns:1fr;

}

.page-banner{

height:320px;

}

.page-banner h1{

font-size:34px;

}

.page-banner p{

font-size:18px;

}

.about-right h2{

font-size:34px;

line-height:44px;

}

}
/*=================================
SERVICES PAGE
==================================*/

@media(max-width:991px){

.service-row{

flex-direction:column;

}

.service-row.reverse{

flex-direction:column;

}

.service-intro p{

width:100%;

}

.services-why-grid{

grid-template-columns:repeat(2,1fr);

}

.tech-stack-grid{

grid-template-columns:repeat(2,1fr);

}

.service-content{

text-align:center;

}

}

@media(max-width:768px){

.service-content h2{

font-size:30px;

}

.service-intro h2{

font-size:34px;

}

.services-why-grid{

grid-template-columns:1fr;

}

.tech-stack-grid{

grid-template-columns:1fr;

}

.service-cta h2{

font-size:34px;

}

.service-cta p{

width:100%;

font-size:18px;

}

}
/*=========================
PORTFOLIO
=========================*/

@media(max-width:991px){

.portfolio-grid{

grid-template-columns:repeat(2,1fr);

}

.expertise-grid{

grid-template-columns:repeat(2,1fr);

}

.portfolio-intro p{

width:100%;

}

}

@media(max-width:768px){

.portfolio-grid{

grid-template-columns:1fr;

}

.expertise-grid{

grid-template-columns:1fr;

}

.portfolio-cta h2{

font-size:34px;

}

.portfolio-intro h2{

font-size:34px;

}

}