/* ======================================================
SEAACADEMYIK TUZLA OSB MOBILE CSS
Mobile First + Ultra SEO
====================================================== */

/* GENEL */
@media(max-width:1200px){
.service-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:992px){

h1{
font-size:34px;
}

h2{
font-size:26px;
}

.tuzla-hero,
.tuzla-info,
.tuzla-services,
.tuzla-sectors,
.tuzla-cta,
.tuzla-faq{
padding:70px 0;
}

}

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

/* HERO */
.tuzla-hero{
text-align:center;
padding:80px 0;
}

.tuzla-hero h1{
font-size:28px;
}

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

.hero-buttons{
justify-content:center;
}

/* GRID */
.service-grid{
grid-template-columns:1fr;
gap:20px;
}

.service-card{
padding:25px;
}

.service-card img{
width:60px;
}

/* CTA */
.tuzla-cta h2{
font-size:26px;
}

.big-btn{
width:100%;
text-align:center;
}

/* SEKTÖR */
.sector-list{
gap:10px;
}

.sector-list li{
font-size:14px;
padding:12px 16px;
}

/* FAQ */
.faq-item{
padding:18px;
}

}

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

.container{
padding-left:18px !important;
padding-right:18px !important;
}

h1{
font-size:24px;
line-height:1.3;
}

h2{
font-size:22px;
}

p{
font-size:15px;
}

.tuzla-hero{
padding:70px 0;
}

.tuzla-hero h1{
font-size:24px;
}

.tuzla-hero p{
font-size:15px;
}

.btn-primary,
.btn-outline{
width:100%;
text-align:center;
padding:14px;
font-size:15px;
}

.hero-buttons{
flex-direction:column;
gap:10px;
}

.service-card{
padding:20px;
}

.service-card h3{
font-size:17px;
}

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

.tuzla-cta h2{
font-size:22px;
}

.tuzla-cta p{
font-size:15px;
}

.big-btn{
font-size:16px;
padding:16px;
}

/* FAQ */
.faq-item h3{
font-size:16px;
}

.faq-item p{
font-size:14px;
}

}

/* EXTRA SMALL */
@media(max-width:360px){

h1{
font-size:22px;
}

h2{
font-size:20px;
}

p{
font-size:14px;
}

}


@media(max-width:768px){

.why-grid{
grid-template-columns:1fr;
gap:30px;
text-align:center;
}

.why-left h2{
font-size:26px;
}

.tuzla-banner h2{
font-size:26px;
}

.tuzla-banner{
padding:80px 0;
}

.tuzla-seo-text h2{
font-size:24px;
}

}

@media(max-width:768px){

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

.tuzla-trust h2{
font-size:26px;
}

.trust-number{
font-size:28px;
}

}

@media(max-width:768px){

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

.tuzla-form h2{
font-size:26px;
}

}