/* ======================================================
SEAACADEMYIK
KOCAELİ OSB MOBİL UYUM
====================================================== */

/* 992px altı */
@media(max-width:992px){

.hero{
padding:90px 20px;
}

.hero h1{
font-size:32px;
line-height:1.2;
}

.hero p{
font-size:16px;
}

.grid{
grid-template-columns:1fr 1fr;
gap:20px;
}

.card img{
height:180px;
}

}

/* 768px altı */
@media(max-width:768px){

.container{
width:92%;
}

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

.hizmetler{
padding:60px 0;
}

.hizmetler h2{
font-size:24px;
}

.bolgeler{
padding:50px 20px;
}

.bolgeler h2{
font-size:22px;
}

.bolgeler li{
font-size:15px;
padding:12px;
}

.form-alani{
padding:60px 20px;
}

.form-alani h2{
font-size:22px;
}

input,textarea{
font-size:14px;
padding:14px;
}

button{
font-size:16px;
padding:16px;
}

}

/* 480px altı */
@media(max-width:480px){

.hero{
padding:70px 15px;
}

.hero h1{
font-size:26px;
}

.hero p{
font-size:14px;
}

.card h3{
font-size:18px;
}

.card p{
font-size:14px;
}

.popup-box{
padding:30px;
}

.popup-box h3{
font-size:22px;
}

.popup-box p{
font-size:14px;
}

}


@media(max-width:768px){

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

.bolgeler-seo{
padding:60px 20px;
}

}


@media(max-width:768px){

.form-wrap{
grid-template-columns:1fr;
gap:30px;
}

.form-left h2{
font-size:24px;
text-align:center;
}

.form-left .big{
text-align:center;
font-size:16px;
}

.info{
padding:15px;
}

.form-right{
padding:25px;
}

}


@media(max-width:768px){

.faq{
padding:60px 20px;
}

.faq h2{
font-size:22px;
}

.faq-q{
font-size:16px;
padding:18px;
}

}