@media (width <= 1024px){header,section{padding:2rem}header{height:8rem}header.scrolled{padding:2rem}header i.fa-solid{display:inline}header i{font-size:1.5rem;color:#fff}nav{padding:2rem;right:0;position:absolute;top:8rem;background:rgba(0,0,0,.8);left:0;width:100%;display:none}nav.active{display:block}nav ul{flex-direction:column}section#landing .text{gap:2rem}section#landing .text a button{padding:1rem 2rem}section#hizmetlerimiz{padding:4rem 2rem}section#hizmetlerimiz ul{grid-template-columns:1fr}section#hakkimizda{flex-direction:column}section#hakkimizda .text{padding:0;width:100%}section#turler ul{grid-template-columns:1fr}section#sss{background-position:50%}section#sss .text{padding:2rem;width:100%}section#guven{flex-direction:column;gap:2rem}section#guven .photo,section#guven .photo img{width:100%}section#iletisim .iletisim ul{grid-template-columns:1fr;gap:3rem}section.intro h1{text-align:center}section.content{margin:0}section#makale h1{margin-bottom:2rem}section#makale .group{flex-direction:column;gap:1rem}section#makale .group .image img{width:100%}}