@media(max-width:1200px){

.hero{

grid-template-columns:1fr;

text-align:center;

}

.hero-left{

order:2;

}

.hero-right{

order:1;

}

.hero-buttons{

justify-content:center;

}

.hero p{

margin:auto;

}

.product-layout{

grid-template-columns:1fr;

}

.contact-grid{

grid-template-columns:1fr;

}

.about-grid{

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

}

.technology-grid{

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

}

.gallery-grid{

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

}

.stats-grid{

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

}

}

@media(max-width:768px){

.about-grid,
.gallery-grid,
.technology-grid,
.stats-grid{

grid-template-columns:1fr;

}

.hero h1{

font-size:52px;

}

.section-header h2{

font-size:36px;

}

.hero-buttons{

flex-direction:column;

}

.footer-menu{

flex-direction:column;

}

.hero-right img{

width:300px;

}

.product-view img{

width:320px;

}

}