@media(max-width:1200px){

.hero{

grid-template-columns:1fr;

text-align:center;

}

.hero-left{

order:2;

}

.hero-right{

order:1;

margin-bottom:40px;

}

.hero-phone{

width:360px;

}

.hero-polvo{

width:300px;

}

}

@media(max-width:991px){

.nav-menu{

position:fixed;

top:90px;

left:-100%;

width:100%;

height:calc(100vh - 90px);

background:#22020d;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

transition:.4s;

gap:35px;

}

.nav-menu.active{

left:0;

}

.hamburger{

display:flex;

flex-direction:column;

cursor:pointer;

gap:6px;

}

.hamburger span{

width:30px;

height:3px;

background:#fff;

border-radius:10px;

transition:.4s;

}

.hamburger.active span:nth-child(1){

transform:rotate(45deg) translateY(12px);

}

.hamburger.active span:nth-child(2){

opacity:0;

}

.hamburger.active span:nth-child(3){

transform:rotate(-45deg) translateY(-12px);

}

.btn-download{

display:none;

}

.features{

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

gap:20px;

}

.resources{

grid-template-columns:1fr;

}

.footer-grid{

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

}

}

@media(max-width:768px){

.hero h1{

font-size:54px;

line-height:58px;

}

.hero p{

font-size:18px;

}

.hero-phone{

width:290px;

}

.hero-polvo{

width:240px;

margin-top:-20px;

}

.buttons{

flex-direction:column;

gap:18px;

}

.features{

grid-template-columns:1fr;

}

.gallery{

grid-template-columns:1fr;

}

.download-box{

flex-direction:column;

text-align:center;

gap:30px;

}

.footer-grid{

grid-template-columns:1fr;

gap:40px;

}

}

@media(max-width:480px){

.logo img{

width:55px;

}

.logo strong{

font-size:30px;

}

.hero{

padding-top:120px;

}

.hero h1{

font-size:42px;

line-height:48px;

}

.hero-phone{

width:240px;

}

.hero-polvo{

width:180px;

}

.section-title{

font-size:34px;

}

.card{

padding:30px;

}

.container{

padding:0 20px;

}

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

.contact-grid{

grid-template-columns:1fr;

gap:40px;

}

.contact-info{

text-align:center;

}

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

.about-grid{

grid-template-columns:1fr;

text-align:center;

}

.about-list{

grid-template-columns:1fr;

}

.stats-grid{

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

}

}

@media(max-width:600px){

.stats-grid{

grid-template-columns:1fr;

}

.about-content h2{

font-size:34px;

}

.stat h2{

font-size:42px;

}

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

.blog-grid{

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

}

}

@media(max-width:650px){

.blog-grid{

grid-template-columns:1fr;

}

}