@media(max-width:1200px){

    body.home-page{
        overflow:auto;
    }

    .home-main{
        height:auto;
    }

    .services-home{
        min-height:calc(100vh - 90px - 60px);
        padding:50px 0;
    }

    .service-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:992px){

    body{
        padding-top:80px;
    }

    .header{
        height:80px;
    }

    .header-btn{
        display:none;
    }

    .menu-toggle{
        display:flex;
        position:relative;
        z-index:1001;
    }

    .navbar{
        position:fixed;
        top:0;
        right:-100%;
        width:320px;
        max-width:85%;
        height:100vh;
        background:#07172c;
        transition:.35s;
        z-index:999;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .navbar.active{
        right:0;
    }

    .navbar ul{
        flex-direction:column;
        gap:35px;
    }

    .navbar a{
        font-size:22px;
    }

}
@media(max-width:768px){

    body.home-page{
        overflow:auto;
    }

    .home-main{
        height:auto;
    }

    .services-home{
        padding:40px 0;
        min-height:auto;
    }

    .section-title{
        margin-bottom:35px;
    }

    .section-title h1{
        font-size:32px;
        line-height:1.25;
    }

    .section-title p{
        font-size:17px;
        line-height:1.6;
    }

    .service-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .service-card{
        height:430px;
        min-height:430px;
        transform:none !important;
    }

    .service-card:hover{
        transform:none !important;
        box-shadow:none !important;
    }

    .service-icon{
        position:absolute;
        top:28px;
        left:28px;
        width:72px;
        height:72px;
    }

    .service-card h3,
    .service-card:hover h3{
        position:absolute;
        left:28px;
        right:28px;
        bottom:135px !important;
        font-size:30px;
        line-height:1.15;
        margin:0 !important;
    }

    .service-detail,
    .service-card:hover .service-detail{
        position:absolute;
        left:28px;
        right:28px;
        bottom:28px;
        opacity:1 !important;
        max-height:none !important;
        overflow:visible !important;
        transform:none !important;
        margin:0 !important;
    }

    .service-detail p{
        font-size:15px;
        line-height:1.5;
        margin-bottom:8px;
    }

    .footer{
        height:auto;
        padding:16px 0;
    }

    .footer .container{
        flex-direction:column;
        gap:10px;
    }
}
@media(max-width:768px){

    .about-section{
        padding:45px 0;
    }

    .about-title h1{
        font-size:30px;
    }

    .about-grid,
    .stats-grid{
        grid-template-columns:1fr;
    }

    .about-services{
        grid-template-columns:1fr;
    }

    .about-card{
        padding:28px;
    }

}
@media(max-width:768px){

    .about-main{
        min-height:auto;
    }

    .about-section{
        padding:35px 0;
    }

    .about-title{
        margin-bottom:30px;
        text-align:left;
    }

    .about-title span{
        font-size:13px;
        letter-spacing:3px;
    }

    .about-title h1{
        font-size:32px;
        line-height:1.2;
        margin:14px 0;
    }

    .about-title p{
        font-size:16px;
        line-height:1.6;
    }

    .about-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .about-card{
        padding:26px;
    }

    .about-card h2{
        font-size:26px;
    }

    .about-card p{
        font-size:15px;
        line-height:1.65;
    }

    .about-services{
        grid-template-columns:1fr;
        gap:12px;
    }

    .about-image{
        height:260px;
    }

    .stats-grid{
        grid-template-columns:1fr;
    }

}
@media(max-width:992px){

    .services-page-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .process-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){

    .services-page{
        padding:40px 0;
    }

    .page-head h1{
        font-size:31px;
    }

    .services-page-grid,
    .process-grid{
        grid-template-columns:1fr;
    }

    .service-page-card{
        min-height:240px;
    }

    .service-cta{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }
}
@media(max-width:768px){

    .service-detail-grid,
    .detail-cards{
        grid-template-columns:1fr;
    }

    .service-detail-text h1{
        font-size:38px;
    }

    .service-detail-buttons{
        flex-direction:column;
    }

    .service-detail-image img{
        height:260px;
    }

}
@media(max-width:992px){

    .portfolio-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .portfolio-page{
        padding:40px 0;
    }

    .portfolio-grid{
        grid-template-columns:1fr;
    }

    .portfolio-card{
        height:330px;
    }

    .portfolio-content{
        padding:24px;
    }

}
@media(max-width:768px){

    .contact-page{
        padding:40px 0;
    }

    .contact-grid,
    .form-row{
        grid-template-columns:1fr;
    }

    .contact-info,
    .contact-form{
        padding:26px;
    }

}
@media(max-width:768px){

    .cursor-light{
        display:none;
    }

    .loader-logo{
        font-size:26px;
    }

}
@media(max-width:768px){

    .loader-46,
    .loader-ajans{

        font-size:42px;

    }

    .loader-media{

        font-size:13px;

        letter-spacing:8px;

    }

}
@media(max-width:768px){

    .contact-page{
        padding:40px 0;
    }

    .contact-grid,
    .form-row{
        grid-template-columns:1fr;
    }

    .contact-info,
    .contact-form{
        padding:26px;
    }

    .contact-map iframe{
        height:300px;
    }

}
@media(max-width:768px){

    .whatsapp-float{
        right:18px;
        bottom:18px;
        width:54px;
        height:54px;
    }

    .whatsapp-float:hover{
        width:54px;
        padding:0;
    }

    .whatsapp-float span{
        display:none;
    }

}

@media(max-width:768px){
    .service-card h2,
    .service-card:hover h2{
        position:absolute;
        left:28px;
        right:28px;
        bottom:135px !important;
        font-size:30px;
        line-height:1.15;
        margin:0 !important;
    }

    .theme-teaser{
        flex-direction:column;
        align-items:flex-start;
        padding:24px;
    }

    .theme-teaser h2{
        font-size:23px;
    }

    .theme-teaser-btn{
        width:100%;
    }
}

@media(max-width:480px){
    .container{
        width:92%;
    }

    .section-title h1,
    .page-head h1{
        font-size:28px;
    }

    .service-card{
        height:380px;
        min-height:380px;
    }

    .service-card h3,
    .service-card h2,
    .service-card:hover h3,
    .service-card:hover h2{
        font-size:26px;
        bottom:128px !important;
    }

    .contact-info,
    .contact-form,
    .about-card{
        padding:22px;
    }
}


/* ===== 46Ajans v3.0 responsive son düzenlemeler ===== */
@media(max-width:1200px){
    body.home-page{overflow:auto!important;}
    .home-main{height:auto!important;min-height:auto!important;}
    .services-home{height:auto!important;min-height:auto!important;}
    .container,.header .container{width:min(100% - 40px, 1180px);}
}

@media(max-width:992px){
    .home-service-grid,
    .services-page-grid-expanded,
    .blog-grid-modern,
    .home-blog-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .blog-detail-hero,
    .brand-strip{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:768px){
    .container,.header .container{width:min(100% - 28px, 1180px)!important;}
    .logo img{height:42px!important;width:auto!important;}
    .home-service-grid,
    .services-page-grid-expanded,
    .blog-grid-modern,
    .home-blog-grid{
        grid-template-columns:1fr!important;
    }
    .service-card.modern-service-card{
        height:auto!important;
        min-height:320px!important;
        transform:none!important;
    }
    .service-card.modern-service-card .service-content{
        padding:22px!important;
    }
    .service-card.modern-service-card h2{
        position:static!important;
        font-size:24px!important;
        bottom:auto!important;
    }
    .service-card.modern-service-card p{
        font-size:14px!important;
    }
    .blog-card-image img{height:210px!important;}
    .blog-detail-hero{grid-template-columns:1fr!important;}
    .blog-detail-copy h1{font-size:34px!important;}
    .blog-detail-content p{font-size:16px!important;}
    .footer.site-footer .footer-grid{grid-template-columns:1fr!important;}
}
