/*==================================================
RESPONSIVE
GLOBAL HUB
==================================================*/


/*==================================================
1400
==================================================*/

@media (max-width:1400px){

    .container{

        max-width:1200px;

    }

    .hero-logo img{

        width:250px;

    }

    .hero-line-1{

        font-size:90px;

    }

    .hero-line-2{

        font-size:80px;

    }

    .hero-line-3{

        font-size:80px;

    }

}


/*==================================================
1200
==================================================*/

@media (max-width:1200px){

    .container{

        max-width:100%;

        padding:0 40px;

    }

    .hero{

        min-height:850px;

    }

    .hero-logo{

        margin-bottom:45px;

    }

    .hero-logo img{

        width:220px;

    }

    .hero-line-1{

        font-size:78px;

    }

    .hero-line-2{

        font-size:70px;

    }

    .hero-line-3{

        font-size:70px;

    }

    .hero-skyline{

        max-width:1200px;

    }

}


/*==================================================
992
==================================================*/

@media (max-width:992px){

    .hero{

        min-height:760px;

    }

    .hero-logo{

        margin-bottom:35px;

    }

    .hero-logo img{

        width:190px;

    }

    .hero-line-1{

        font-size:62px;

        letter-spacing:-2px;

    }

    .hero-line-2{

        font-size:56px;

        letter-spacing:-2px;

    }

    .hero-line-3{

        font-size:56px;

        letter-spacing:-2px;

    }

}


/*==================================================
768
==================================================*/

@media (max-width:768px){

    .container{

        padding:0 25px;

    }

    .hero{
		height:75vh;
        min-height:650px;

    }

    .hero-logo{

        margin-bottom:30px;

    }

    .hero-logo img{

        width:165px;

    }

    .hero-line-1{

        font-size:48px;

        line-height:.95;

    }

    .hero-line-2{

        margin-top:4px;

        font-size:42px;

        line-height:.95;

    }

    .hero-line-3{

        margin-top:4px;

        font-size:42px;

        line-height:.95;

    }

    .hero-skyline{

        width:160%;

    }

}


/*==================================================
576
==================================================*/

@media (max-width:576px){
 .hero{

        height:70vh;
        min-height:550px;

    }
    .hero-logo img{

        width:235px;

    }

    .hero-line-1{

        font-size:68px;

    }

    .hero-line-2{

        font-size:42px;

    }

    .hero-line-3{

        font-size:31px;

    }

}


/*==================================================
425
==================================================*/

@media (max-width:425px){

    .container{

        padding:0 20px;

    }

    .hero{

        height:70vh;
        min-height:550px;

    }

    .hero-logo{

        margin-bottom:25px;

    }

    .hero-logo img{

        width:120px;

    }

    .hero-line-1{

        font-size:31px;

    }

    .hero-line-2{

        font-size:26px;

    }

    .hero-line-3{

        font-size:26px;

    }

    .hero-skyline{

        width:180%;

    }

}


/*==================================================
375
==================================================*/

@media (max-width:375px){

    .hero-line-1{

        font-size:28px;

    }

    .hero-line-2{

        font-size:23px;

    }

    .hero-line-3{

        font-size:23px;

    }

}


/*==================================================
320
==================================================*/

@media (max-width:320px){

    .hero-line-1{

        font-size:24px;

    }

    .hero-line-2{

        font-size:20px;

    }

    .hero-line-3{

        font-size:20px;

    }

}
/*=========================================
    OUR CORE SERVICES RESPONSIVE
==========================================*/

/*==============================
    1400px
==============================*/

@media (max-width:1400px){

    .core-services .section-title h2{
        font-size:64px;
    }

    .service-item{
        grid-template-columns:70px 280px 1fr;
        column-gap:24px;
    }

}

/*==============================
    1200px
==============================*/

@media (max-width:1200px){

    .core-services{
        padding:100px 0;
    }

    .core-services .section-title h2{
        font-size:58px;
    }

    .service-item{
        grid-template-columns:65px 260px 1fr;
        column-gap:20px;
    }

    .service-icon{
        width:65px;
        height:65px;
    }

    .service-icon img{
        width:36px;
        height:36px;
    }

    .service-label{
        min-height:65px;
    }

    .service-label h3{
        font-size:16px;
        letter-spacing:1px;
    }

    .service-content p{
        font-size:18px;
    }

}

/*==============================
    992px
==============================*/

@media (max-width:992px){

    .core-services .section-title{
        margin-bottom:60px;
    }

    .core-services .section-title h2{
        font-size:48px;
    }

    .service-item{
        grid-template-columns:60px 220px 1fr;
        column-gap:18px;
    }

    .service-icon{
        width:60px;
        height:60px;
    }

    .service-icon img{
        width:34px;
        height:34px;
    }

    .service-label{
        min-height:60px;
    }

    .service-label h3{
        font-size:15px;
    }

    .service-content p{
        font-size:17px;
    }

}

/*==============================
    768px
==============================*/

@media (max-width:768px){

    .core-services{
        padding:80px 0;
    }

    .core-services .section-title h2{
        font-size:42px;
    }

    .core-services-list{
        gap:40px;
    }

    .service-item{

        grid-template-columns:1fr;

        row-gap:18px;

        justify-items:center;

        text-align:center;

    }

    .service-label{

        width:100%;

        max-width:420px;

    }

    .service-content{

        max-width:520px;

    }

    .service-content p{

        font-size:18px;

    }

}

/*==============================
    576px
==============================*/

@media (max-width:576px){

    .core-services .section-title h2{

        font-size:34px;

    }

    .core-services .section-title span{

        display:block;

        margin-top:10px;

    }

    .service-label{

        max-width:100%;

        padding:10px 15px;

    }

    .service-label h3{

        font-size:20px;

        letter-spacing:.5px;

    }

    .service-content p{

        font-size:20px;

        line-height:1.45;

    }

}

/*==============================
    425px
==============================*/

@media (max-width:425px){

    .core-services{

        padding:70px 0;

    }

    .core-services .section-title h2{

        font-size:30px;

    }

    .service-icon{

        width:56px;

        height:56px;

    }

    .service-icon img{

        width:30px;

        height:30px;

    }

    .service-label{

        min-height:58px;

    }

    .service-label h3{

        font-size:14px;

    }

}

/*==============================
    375px
==============================*/

@media (max-width:375px){

    .core-services .section-title h2{

        font-size:27px;

    }

    .service-content p{

        font-size:15px;

    }

}

/*==============================
    320px
==============================*/

@media (max-width:320px){

    .core-services .section-title h2{

        font-size:24px;

    }

    .service-label h3{

        font-size:13px;

    }

    .service-content p{

        font-size:14px;

    }

}
/*=========================================
    DIGITAL MARKETING RESPONSIVE
==========================================*/

/*==============================
    1400px
==============================*/

@media (max-width:1400px){

    .dm-header-title h2{
        font-size:60px;
    }

    .dm-content{
        gap:60px;
    }

}

/*==============================
    1200px
==============================*/

@media (max-width:1200px){

    .digital-marketing{
        padding:100px 0;
    }

    .dm-header-title h2{
        font-size:54px;
    }

    .dm-content{
        grid-template-columns:1fr .9fr;
        gap:45px;
    }

    .dm-left p{
        font-size:20px;
    }

    .dm-card{
        height:56px;
    }

    .dm-card span{
        font-size:16px;
    }

}

/*==============================
    992px
==============================*/

@media (max-width:992px){

    .dm-header{
        gap:20px;
        margin-bottom:55px;
    }

    .dm-header-icon img{
        width:60px;
    }

    .dm-header-title h2{
        font-size:46px;
    }

    .dm-content{
        grid-template-columns:1fr;
        gap:50px;
    }

    .dm-right{
        max-width:520px;
        width:100%;
        margin:0 auto;
    }

    .dm-left{
        text-align:center;
    }

}

/*==============================
    768px
==============================*/

@media (max-width:768px){

    .digital-marketing{
        padding:80px 0;
    }

    .dm-header{
        flex-direction:column;
        text-align:center;
        margin-bottom:45px;
    }

    .dm-header-title h2{
        font-size:40px;
    }

    .dm-header-icon img{
        width:70px;
    }

    .dm-left p{
        font-size:18px;
        margin-bottom:26px;
    }

    .dm-intro{
        margin-bottom:35px !important;
    }

    .dm-highlight{
        margin-top:35px !important;
    }

    .dm-card{
        height:54px;
    }

}

/*==============================
    576px
==============================*/

@media (max-width:576px){

    .dm-header-title h2{
        font-size:34px;
        line-height:1.05;
    }

    .dm-header-icon img{
        width:60px;
    }

    .dm-left p{
        font-size:20px;
    }

    .dm-card{
        padding:0 18px;
        height:52px;
    }

    .dm-card img{
        width:28px;
        height:28px;
        margin-right:14px;
    }

    .dm-card span{
        font-size:20px;
    }

}

/*==============================
    425px
==============================*/

@media (max-width:425px){

    .digital-marketing{
        padding:70px 0;
    }

    .dm-header-title h2{
        font-size:30px;
    }

    .dm-left p{
        font-size:16px;
        line-height:1.5;
    }

    .dm-card{
        height:50px;
        border-radius:40px;
    }

    .dm-card span{
        font-size:14px;
    }

}

/*==============================
    375px
==============================*/

@media (max-width:375px){

    .dm-header-title h2{
        font-size:26px;
    }

    .dm-card{
        padding:0 15px;
    }

    .dm-card img{
        width:26px;
        height:26px;
        margin-right:12px;
    }

    .dm-card span{
        font-size:13px;
    }

}

/*==============================
    320px
==============================*/

@media (max-width:320px){

    .dm-header-title h2{
        font-size:22px;
    }

    .dm-left p{
        font-size:15px;
    }

    .dm-card{
        height:46px;
        padding:0 12px;
    }

    .dm-card img{
        width:22px;
        height:22px;
    }

    .dm-card span{
        font-size:12px;
    }

}

/*=========================================
    CREATIVE CONTENT CALENDAR RESPONSIVE
==========================================*/

/*==============================
    1400px
==============================*/

@media (max-width:1400px){

    .cc-header-title h2{
        font-size:60px;
    }

    .cc-content{
        gap:60px;
    }

}

/*==============================
    1200px
==============================*/

@media (max-width:1200px){

    .creative-calendar{
        padding:100px 0 30px;
    }

    .cc-header-title h2{
        font-size:54px;
    }

    .cc-content{
        grid-template-columns:1fr .85fr;
        gap:50px;
    }

    .cc-left p{
        font-size:19px;
    }

}

/*==============================
    992px
==============================*/

@media (max-width:992px){

    .cc-header{
        gap:18px;
        margin-bottom:55px;
    }

    .cc-header-icon img{
        width:60px;
    }

    .cc-header-title h2{
        font-size:46px;
    }

    .cc-content{
        grid-template-columns:1fr;
        gap:55px;
    }

    .cc-left{
        text-align:center;
    }

    .sample-calendar{
        justify-content:center;
    }

    .cc-right{
        max-width:500px;
        width:100%;
        margin:0 auto;
    }

}

/*==============================
    768px
==============================*/

@media (max-width:768px){

    .creative-calendar{
        padding:80px 0 25px;
    }

    .cc-header{
        flex-direction:column;
        text-align:center;
        margin-bottom:45px;
    }

    .cc-header-title h2{
        font-size:40px;
    }

    .cc-header-icon img{
        width:70px;
    }

    .cc-left p{
        font-size:18px;
        line-height:1.7;
    }

    .sample-calendar{
        margin-top:45px;
    }

    .sample-calendar span{
        font-size:18px;
    }

}

/*==============================
    576px
==============================*/

@media (max-width:576px){

    .cc-header-title h2{
        font-size:34px;
        line-height:1.05;
    }

    .cc-header-icon img{
        width:58px;
    }

    .cc-left p{
        font-size:20px;
    }

    .cc-card{
        height:54px;
        padding:0 18px;
    }

    .cc-card img{
        width:28px;
        height:28px;
        margin-right:14px;
    }

    .cc-card span{
        font-size:20px;
    }

    .sample-calendar span{
        font-size:17px;
    }

}

/*==============================
    425px
==============================*/

@media (max-width:425px){

    .creative-calendar{
        padding:70px 0 20px;
    }

    .cc-header-title h2{
        font-size:30px;
    }

    .cc-left p{
        font-size:16px;
    }

    .cc-card{
        height:50px;
        border-radius:40px;
    }

    .cc-card span{
        font-size:14px;
    }

    .sample-calendar img{
        width:22px;
    }

    .sample-calendar span{
        font-size:16px;
    }

}

/*==============================
    375px
==============================*/

@media (max-width:375px){

    .cc-header-title h2{
        font-size:27px;
    }

    .cc-card{
        padding:0 16px;
    }

    .cc-card span{
        font-size:13px;
    }

}

/*==============================
    320px
==============================*/

@media (max-width:320px){

    .cc-header-title h2{
        font-size:24px;
    }

    .cc-left p{
        font-size:15px;
    }

    .cc-card{
        height:46px;
    }

    .cc-card img{
        width:22px;
        height:22px;
    }

    .cc-card span{
        font-size:12px;
    }

    .sample-calendar span{
        font-size:14px;
    }

}
/*=========================================
    PRODUCTION SERVICES RESPONSIVE
==========================================*/

/*==============================
    1400px
==============================*/

@media (max-width:1400px){

    .ps-header-title h2{
        font-size:60px;
    }

    .ps-content{
        gap:60px;
    }

}

/*==============================
    1200px
==============================*/

@media (max-width:1200px){

    .production-services{
        padding:100px 0 35px;
    }

    .ps-header-title h2{
        font-size:54px;
    }

    .ps-content{
        grid-template-columns:1fr .9fr;
        gap:45px;
    }

    .ps-left p{
        font-size:20px;
    }

    .ps-card{
        height:52px;
    }

    .ps-card span{
        font-size:15px;
    }

}

/*==============================
    992px
==============================*/

@media (max-width:992px){

    .ps-header{
        gap:20px;
        margin-bottom:55px;
    }

    .ps-header-icon img{
        width:65px;
    }

    .ps-header-title h2{
        font-size:46px;
    }

    .ps-content{
        grid-template-columns:1fr;
        gap:55px;
    }

    .ps-left{
        text-align:center;
    }

    .production-link{
        justify-content:center;
        margin-top:60px;
    }

    .ps-right{
        width:100%;
        max-width:520px;
        margin:0 auto;
    }

}

/*==============================
    768px
==============================*/

@media (max-width:768px){

    .production-services{
        padding:80px 0 25px;
    }

    .ps-header{
        flex-direction:column;
        text-align:center;
        margin-bottom:45px;
    }

    .ps-header-icon img{
        width:70px;
    }

    .ps-header-title h2{
        font-size:40px;
    }

    .ps-left p{
        font-size:18px;
        line-height:1.7;
    }

    .production-link{
        margin-top:45px;
    }

    .production-link span{
        font-size:18px;
    }

    .ps-card{
        height:54px;
    }

}

/*==============================
    576px
==============================*/

@media (max-width:576px){

    .ps-header-title h2{
        font-size:34px;
        line-height:1.05;
    }

    .ps-header-icon img{
        width:58px;
    }

    .ps-left p{
        font-size:20px;
    }

    .ps-card{
        height:52px;
        padding:0 18px;
    }

    .ps-card img{
        width:28px;
        height:28px;
        margin-right:14px;
    }

    .ps-card span{
        font-size:20px;
    }

    .production-link span{
        font-size:17px;
    }

}

/*==============================
    425px
==============================*/

@media (max-width:425px){

    .production-services{
        padding:70px 0 20px;
    }

    .ps-header-title h2{
        font-size:30px;
    }

    .ps-left p{
        font-size:16px;
    }

    .ps-card{
        height:auto;
        min-height:50px;
        padding:12px 18px;
        border-radius:40px;
    }

    .ps-card span{
        font-size:14px;
    }

    .production-link img{
        width:22px;
    }

    .production-link span{
        font-size:16px;
    }

}

/*==============================
    375px
==============================*/

@media (max-width:375px){

    .ps-header-title h2{
        font-size:27px;
    }

    .ps-card{
        padding:10px 16px;
    }

    .ps-card span{
        font-size:13px;
    }

}

/*==============================
    320px
==============================*/

@media (max-width:320px){

    .ps-header-title h2{
        font-size:24px;
    }

    .ps-left p{
        font-size:15px;
    }

    .ps-card{
        padding:10px 14px;
    }

    .ps-card img{
        width:22px;
        height:22px;
        margin-right:10px;
    }

    .ps-card span{
        font-size:12px;
    }

    .production-link span{
        font-size:14px;
    }

}
/*=========================================
    AI CREATIVE SOLUTIONS RESPONSIVE
==========================================*/

/*==============================
    1400px
==============================*/

@media (max-width:1400px){

    .ai-header-title h2{
        font-size:60px;
    }

    .ai-content{
        gap:60px;
    }

}

/*==============================
    1200px
==============================*/

@media (max-width:1200px){

    .ai-solutions{
        padding:100px 0 35px;
    }

    .ai-header-title h2{
        font-size:54px;
    }

    .ai-content{
        grid-template-columns:1fr .9fr;
        gap:45px;
    }

    .ai-left p{
        font-size:20px;
    }

    .ai-card span{
        font-size:16px;
    }

}

/*==============================
    992px
==============================*/

@media (max-width:992px){

    .ai-header{
        gap:20px;
        margin-bottom:55px;
    }

    .ai-header-icon img{
        width:70px;
    }

    .ai-header-title h2{
        font-size:46px;
    }

    .ai-content{
        grid-template-columns:1fr;
        gap:55px;
    }

    .ai-left{
        text-align:center;
    }

    .ai-link{
        justify-content:center;
        margin-top:60px;
    }

    .ai-right{
        width:100%;
        max-width:520px;
        margin:0 auto;
    }

}

/*==============================
    768px
==============================*/

@media (max-width:768px){

    .ai-solutions{
        padding:80px 0 25px;
    }

    .ai-header{
        flex-direction:column;
        text-align:center;
        margin-bottom:45px;
    }

    .ai-header-icon img{
        width:75px;
    }

    .ai-header-title h2{
        font-size:40px;
    }

    .ai-left p{
        font-size:18px;
        line-height:1.7;
    }

    .ai-link{
        margin-top:45px;
    }

    .ai-link span{
        font-size:18px;
    }

}

/*==============================
    576px
==============================*/

@media (max-width:576px){

    .ai-header-title h2{
        font-size:34px;
        line-height:1.05;
    }

    .ai-header-icon img{
        width:60px;
    }

    .ai-left p{
        font-size:20px;
    }

    .ai-card{
        min-height:52px;
        padding:12px 18px;
    }

    .ai-card img{
        width:28px;
        height:28px;
        margin-right:14px;
    }

    .ai-card span{
        font-size:20px;
    }

    .ai-link span{
        font-size:17px;
    }

}

/*==============================
    425px
==============================*/

@media (max-width:425px){

    .ai-solutions{
        padding:70px 0 20px;
    }

    .ai-header-title h2{
        font-size:30px;
    }

    .ai-left p{
        font-size:16px;
    }

    .ai-card{
        min-height:50px;
        padding:12px 16px;
        border-radius:40px;
    }

    .ai-card img{
        width:26px;
        height:26px;
    }

    .ai-card span{
        font-size:14px;
        line-height:1.2;
    }

    .ai-link img{
        width:22px;
    }

    .ai-link span{
        font-size:16px;
    }

}

/*==============================
    375px
==============================*/

@media (max-width:375px){

    .ai-header-title h2{
        font-size:27px;
    }

    .ai-card{
        padding:12px 14px;
    }

    .ai-card span{
        font-size:13px;
    }

}

/*==============================
    320px
==============================*/

@media (max-width:320px){

    .ai-header-title h2{
        font-size:24px;
    }

    .ai-left p{
        font-size:15px;
    }

    .ai-card{
        padding:10px 12px;
    }

    .ai-card img{
        width:22px;
        height:22px;
        margin-right:10px;
    }

    .ai-card span{
        font-size:12px;
    }

    .ai-link span{
        font-size:14px;
    }

}

/*=========================================
    SOCIAL MEDIA MANAGEMENT RESPONSIVE
==========================================*/

/*==============================
    1400px
==============================*/

@media (max-width:1400px){

    .sm-header-title h2{
        font-size:60px;
    }

    .sm-content{
        gap:60px;
    }

}

/*==============================
    1200px
==============================*/

@media (max-width:1200px){

    .social-management{
        padding:100px 0 35px;
    }

    .sm-header-title h2{
        font-size:54px;
    }

    .sm-content{
        grid-template-columns:1fr .9fr;
        gap:45px;
    }

    .sm-left p{
        font-size:20px;
    }

    .sm-card span{
        font-size:16px;
    }

}

/*==============================
    992px
==============================*/

@media (max-width:992px){

    .sm-header{
        gap:20px;
        margin-bottom:55px;
    }

    .sm-header-icon img{
        width:70px;
    }

    .sm-header-title h2{
        font-size:46px;
    }

    .sm-content{
        grid-template-columns:1fr;
        gap:55px;
    }

    .sm-left{
        text-align:center;
    }

    .sm-right{
        width:100%;
        max-width:520px;
        margin:0 auto;
    }

}

/*==============================
    768px
==============================*/

@media (max-width:768px){

    .social-management{
        padding:80px 0 25px;
    }

    .sm-header{
        flex-direction:column;
        text-align:center;
        margin-bottom:45px;
    }

    .sm-header-icon img{
        width:75px;
    }

    .sm-header-title h2{
        font-size:40px;
    }

    .sm-left p{
        font-size:18px;
        line-height:1.7;
    }

    .sm-card{
        min-height:54px;
    }

}

/*==============================
    576px
==============================*/

@media (max-width:576px){

    .sm-header-title h2{
        font-size:34px;
        line-height:1.05;
    }

    .sm-header-icon img{
        width:60px;
    }

    .sm-left p{
        font-size:20px;
    }

    .sm-card{
        min-height:52px;
        padding:12px 18px;
    }

    .sm-card img{
        width:28px;
        height:28px;
        margin-right:14px;
    }

    .sm-card span{
        font-size:20px;
    }

}

/*==============================
    425px
==============================*/

@media (max-width:425px){

    .social-management{
        padding:70px 0 20px;
    }

    .sm-header-title h2{
        font-size:30px;
    }

    .sm-left p{
        font-size:16px;
    }

    .sm-card{
        min-height:50px;
        padding:12px 16px;
        border-radius:40px;
    }

    .sm-card img{
        width:26px;
        height:26px;
    }

    .sm-card span{
        font-size:14px;
        line-height:1.2;
    }

}

/*==============================
    375px
==============================*/

@media (max-width:375px){

    .sm-header-title h2{
        font-size:27px;
    }

    .sm-card{
        padding:12px 14px;
    }

    .sm-card span{
        font-size:13px;
    }

}

/*==============================
    320px
==============================*/

@media (max-width:320px){

    .sm-header-title h2{
        font-size:24px;
    }

    .sm-left p{
        font-size:15px;
    }

    .sm-card{
        padding:10px 12px;
    }

    .sm-card img{
        width:22px;
        height:22px;
        margin-right:10px;
    }

    .sm-card span{
        font-size:12px;
    }

}
/*=========================================
    FOOTER RESPONSIVE
==========================================*/

/*==============================
    1400px
==============================*/

@media (max-width:1400px){

    .footer-title{
        font-size:64px;
    }

    .footer-subtitle{
        font-size:28px;
        margin-bottom:220px;
    }

}

/*==============================
    1200px
==============================*/

@media (max-width:1200px){

    .footer{
        min-height:680px;
        padding:50px 0 35px;
    }

    .footer-content{
        min-height:600px;
    }

    .footer-title{
        font-size:58px;
    }

    .footer-subtitle{
        font-size:26px;
        margin-bottom:190px;
    }

    .footer-contact-item span{
        font-size:20px;
    }

    .footer-social img{
        width:42px;
        height:42px;
    }

}

/*==============================
    992px
==============================*/

@media (max-width:992px){

    .footer{
        min-height:auto;
        padding:60px 0;
    }

    .footer-content{
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
        min-height:auto;
    }

    .footer-left{
        max-width:100%;
        padding-top:0;
    }

    .footer-title{
        font-size:52px;
    }

    .footer-subtitle{
        margin:30px 0 70px;
        font-size:24px;
    }

    .footer-contact{
        align-items:center;
    }

    .footer-social{
        justify-content:center;
        margin-bottom:50px;
    }

    .footer-right{
        justify-content:center;
        width:100%;
    }

    .footer-logo{
        width:120px;
    }

}

/*==============================
    768px
==============================*/

@media (max-width:768px){

    .footer{
        padding:50px 0;
    }

    .footer-title{
        font-size:42px;
    }

    .footer-subtitle{
        font-size:22px;
        margin-bottom:50px;
    }

    .footer-contact-item span{
        font-size:18px;
    }

    .footer-contact-item img{
        width:26px;
        height:26px;
    }

    .footer-social img{
        width:38px;
        height:38px;
    }

    .footer-logo{
        width:100px;
    }

}

/*==============================
    576px
==============================*/

@media (max-width:576px){

    .footer-title{
        font-size:34px;
        line-height:1.05;
    }

    .footer-subtitle{
        font-size:20px;
        margin-bottom:40px;
    }

    .footer-contact-item span{
        font-size:17px;
    }

    .footer-social{
        gap:10px;
    }

    .footer-social img{
        width:34px;
        height:34px;
    }

    .footer-logo{
        width:90px;
    }

}

/*==============================
    425px
==============================*/

@media (max-width:425px){

    .footer{
        padding:40px 0;
    }

    .footer-title{
        font-size:30px;
    }

    .footer-subtitle{
        font-size:18px;
    }

    .footer-contact-item{
        gap:10px;
    }

    .footer-contact-item span{
        font-size:15px;
    }

    .footer-contact-item img{
        width:22px;
        height:22px;
    }

    .footer-social img{
        width:30px;
        height:30px;
    }

    .footer-logo{
        width:80px;
    }

}

/*==============================
    375px
==============================*/

@media (max-width:375px){

    .footer-title{
        font-size:26px;
    }

    .footer-subtitle{
        font-size:17px;
    }

    .footer-contact-item span{
        font-size:14px;
    }

    .footer-social img{
        width:28px;
        height:28px;
    }

}

/*==============================
    320px
==============================*/

@media (max-width:320px){

    .footer-title{
        font-size:22px;
    }

    .footer-subtitle{
        font-size:15px;
    }

    .footer-contact-item span{
        font-size:13px;
    }

    .footer-social img{
        width:24px;
        height:24px;
    }

    .footer-logo{
        width:70px;
    }

}

/*==========================================================
    MOBILE MENU
==========================================================*/

@media (max-width:992px){

    .mobile-toggle{
        display:block;
        background:none;
        border:0;
        cursor:pointer;
        color:#111;
        z-index:10001;
    }

    .header-btn{
        display:none;
    }

    .navbar-area{
        height:80px;
    }

    .main-menu{

        position:fixed;

        top:0;

        right:-100%;

        width:320px;

        height:100vh;

        background:#fff;

        display:flex;

        flex-direction:column;

        justify-content:flex-start;

        align-items:flex-start;

        gap:22px;

        padding:110px 35px;

        transition:.4s ease;

        box-shadow:-10px 0 35px rgba(0,0,0,.12);

        z-index:10000;

    }

    .main-menu.active{

        right:0;

    }

    .main-menu li{

        width:100%;

    }

    .main-menu a{

        width:100%;

        font-size:18px;

        padding:8px 0;

    }
	body.menu-open{

    overflow:hidden;

}

}

/*======================================
    MOBILE
======================================*/


/*======================================
    WHAT WE DELIVER
======================================*/

@media (max-width:991px){

    #deliver{
        padding:80px 0;
    }

    .deliver-wrapper{
        position:relative;
        padding:40px 0 70px;
    }

    /* Timeline */

    .deliver-line{

        position:absolute;

        left:50%;
	 right:auto;

        top:0px;
        bottom:50px;

        border:none;
        border-left:2px dashed #222;

        transform:translateX(-50%);

        z-index:1;

    }

    /* Başlangıç */

    .line-start{

        left:50%;
        top: -30px;

        transform:translateX(-50%);

    }

    /* Bitiş */

    .line-end{

        left:50%;
        right:auto;
        top:auto;
        bottom:0;

        transform:translateX(-50%);

        width:0;
        height:0;

        border:none;

        border-left:18px solid transparent;
        border-right:18px solid transparent;
        border-top:28px solid #111;

    }

    /* Liste */

    .deliver-items{

        display:flex;
        flex-direction:column;
        align-items:center;

        gap:70px;

        position:relative;
        z-index:5;

    }

    /* Eleman */

    .deliver-item{

        width:260px;
        min-height:260px;

        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;

        position:relative;

    }

    /* Daire */

    .deliver-circle{

        position:relative;

        left:auto;
        top:auto;

        transform:none;

        width:180px;
        height:180px;

        border-width:8px;

    }

    .deliver-circle::before{

        width:220px;
        height:220px;

    }

    .deliver-circle img{

        width:90px;
        height:90px;

    }

    /* Yazılar */

    .deliver-item h3{

        position:static;

        margin-top:22px;

        width:100%;

        text-align:center;

        transform:none;

        font-size:28px;
        line-height:1.15;

    }

    /* Hover */

    .deliver-item:hover .deliver-circle{

        transform:translateY(-6px);

    }

}

@media (max-width:576px){

    .deliver-items{

        gap:55px;

    }

    .deliver-item{

        width:220px;
        min-height:220px;

    }

    .deliver-circle{

        width:150px;
        height:150px;

    }

    .deliver-circle::before{

        width:185px;
        height:185px;

    }

    .deliver-circle img{

        width:72px;
        height:72px;

    }

    .deliver-item h3{

margin-top: 18px;
        font-size: 30px;
        line-height: 1.2;
        background: white;

    }

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

    .deliver-title{

        margin-bottom:60px;

    }

    .deliver-title h2{

        font-size:48px;

    }

    .deliver-title .title-box{

        padding:8px 14px 10px;

        margin-left:6px;

    }

}

@media (max-width:576px){

    .deliver-title h2{

        font-size:34px;

        flex-wrap:wrap;

        gap:8px;

    }

    .deliver-title .title-box{

        margin-left:0;

        padding:8px 14px;

    }

}