@media (max-width:1024px){
    .about-content h1{
        font-size: 40px;
    }
    p{
        font-size: 16px !important;
    }

    .story-left h2{
        font-size: 40px;
    }

    .story-grid {
    grid-template-columns: 48% 45%;
 }

 .story-left blockquote
 {
    font-size: 17px;
 }

 .feature h3{
    font-size: 20px;
 }

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

    .founder-info h3{
        font-size: 30px;
    }
    .contact-card strong{
        font-size: 18px;
    }

    .navigator-content blockquote{
        font-size: 18px;
    }

    .story-navigator{
        font-size: 18px;
    }

    .navigator-header h2{
        font-size: 40px;
    }
    .title-left h3{
        font-size: 20px;
    }

    .title-arrow{
        font-size: 27px;
    }
}

/*=========================================
TABLET
=========================================*/

@media (max-width:991px){

    .about-hero{

        min-height:90vh;
        padding:120px 30px 100px;

    }

    .hero-bg-title{

        font-size:180px;
        letter-spacing:10px;

    }

        .about-content h1 {
        font-size: 35px !important;
    }

    .about-content{

        max-width:700px;

    }

    .about-tag{

        font-size:12px;
        letter-spacing:5px;

    }

    .hero-line{

        width:70px;
        margin-bottom:30px;

    }

    .about-content h1{

        font-size:60px;

    }

    .about-content p{

        font-size:18px;
        line-height:1.9;
        max-width:600px;

    }

    .about-footer-labels{

        gap:25px;
        bottom:30px;

    }

    .story-left h2{
        font-size: 35px !important;
    }

     .story-left h2 br{
        display: none;
     }

     .founder-header h2{
        font-size: 35px;
     }

     .navigator-header h2{
        font-size: 35px;
     }
     .navigator-header h2 br{
        display: none;
     }

     .navigator-header{
        margin-bottom: 50px;
     }

     .founder-photo img{
        height: 400px !important;
     }
}

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

@media (max-width:767px){

    .about-hero{

        min-height:100vh;
        padding:120px 20px 90px;

    }

    .hero-bg-title{

        font-size:110px;
        letter-spacing:6px;

    }

    .about-tag{

        font-size:11px;
        letter-spacing:4px;
        margin-bottom:25px;

    }

    .hero-line{

        width:60px;
        margin-bottom:25px;

    }

    .about-content h1{

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

    }

    .about-content h1 span{

        margin-top:5px;

    }

    .about-content p{

        font-size:16px;
        line-height:1.8;

    }

    .about-buttons{

        margin-top:40px;

    }

    .about-btn{

        font-size:12px;
        letter-spacing:3px;
        gap:12px;

    }

    .about-btn .circle{

        width:12px;
        height:12px;

    }

    .about-footer-labels{

        position:relative;

        left:auto;
        bottom:auto;

        transform:none;

        margin-top:70px;

        gap:18px;

    }

    .about-footer-labels span{

        font-size:10px;
        letter-spacing:2px;

    }

    .scroll-down{

        display:none;

    }

}

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

@media (max-width:480px){

    .about-hero{

        padding:110px 18px 80px;

    }

    .hero-bg-title{

        font-size:80px;

    }

    .about-content h1{

        font-size:30px !important;

    }

    .story-tag{
        margin-bottom: 10px;
    }

    .story-left h2{
        font-size: 30px !important;
    }

        .story-left blockquote {
        font-size: 16px;
    }


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

        .title-left h3 {
        font-size: 18px;
    }

        .founder-header h2 {
        font-size: 30px;
        margin-top: 0px;
    }
    .about-content p{

        font-size:15px;
        line-height:1.7;

    }

    .about-btn{

        font-size:11px;
        letter-spacing:2px;

    }

    .about-footer-labels{

        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:15px;

    }

    .about-footer-labels{
                grid-template-columns: repeat(4, 1fr);
                text-align: center;
    }

}

/*==========================================
ABOUT STORY
RESPONSIVE
==========================================*/

/*-------------------------------
Laptop
--------------------------------*/

@media (max-width:1200px){

    .story-grid{

        gap:70px;

    }

    .story-features{

        grid-template-columns:repeat(2,1fr);

        gap:30px;

    }

}

/*-------------------------------
Tablet
--------------------------------*/

@media (max-width:991px){

    .about-story{

        padding:120px 0;

    }

    .story-grid{

        grid-template-columns:1fr;

        gap:70px;

        margin-bottom:90px;

    }

    .story-left{

        position:relative;

        top:auto;

    }

    .story-left h2{

        font-size:clamp(42px,7vw,60px);

        line-height:1.08;

    }

    .story-line{

        margin-bottom:35px;

    }

    .story-left blockquote{

        max-width:100%;

        font-size:22px;

    }

    .story-right{

        padding-top:0;

    }

    .story-right p{

        font-size:17px;

        line-height:1.9;

    }

    .story-features{

        grid-template-columns:repeat(2,1fr);

        gap:25px;

    }

}

/*-------------------------------
Mobile
--------------------------------*/

@media (max-width:768px){

    .about-story{

        padding:90px 0;

    }

    .about-story .container{

        width:92%;

    }

    .story-tag{

        letter-spacing:4px;

        font-size:12px;

    }

    .story-left h2{

        font-size:42px;

        letter-spacing:-1px;

        margin-bottom:30px;

    }

    .story-line{

        width:70px;

        margin-bottom:28px;

    }

    .story-left blockquote{

        font-size:20px;

        line-height:1.8;

        padding-left:22px;

    }

    .story-left blockquote::before{

        font-size:70px;

        top:-10px;

    }

    .story-right p{

        font-size:16px;

        line-height:1.85;

        margin-bottom:28px;

    }

    .story-features{

        grid-template-columns:1fr;

        gap:20px;

    }

    .feature{

        padding:28px 22px;

    }

    .feature h3{

        font-size:24px;

    }

    .feature p{

        font-size:15px;

        line-height:1.8;

    }

}

/*-------------------------------
Small Mobile
--------------------------------*/

@media (max-width:480px){

    .about-story{

        padding:70px 0;

    }

    .story-left h2{

        font-size:34px;

        line-height:1.12;

    }

    .story-left blockquote{

        font-size:18px;

    }

    .story-right p{

        font-size:15px;

    }

    .feature{

        padding:24px 20px;

    }

    .feature h3{

        font-size:22px;

    }

    .feature span{

        font-size:12px;

        letter-spacing:3px;

    }

}

/*==================================================
FOUNDER RESPONSIVE
==================================================*/

@media (max-width:1200px){

    .founder-grid{

        grid-template-columns:450px 1fr;

        gap:60px;

    }

    .founder-photo img{

        height:600px;

    }

}


@media (max-width:991px){

    .founder-editorial{

        padding:120px 0;

    }

    .founder-header{

        margin-bottom:60px;

    }

    .founder-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .founder-photo{

        max-width:650px;

        margin:0 auto;

    }

    .founder-photo img{

        height:620px;

    }

    .founder-info{

        text-align:center;

    }

    .founder-role{

        margin-bottom:15px;

    }

    .story-line{

        margin:30px auto 35px;

    }

    .founder-info h3{

        font-size:38px;

    }

    .founder-info p{

        max-width:720px;

        margin:0 auto 24px;

    }

    .founder-contact{

        grid-template-columns:1fr 1fr;

        margin-top:45px;

    }

}


@media (max-width:768px){

    .founder-editorial{

        padding:90px 0;

    }

    .founder-header{

        margin-bottom:45px;

    }

    .founder-photo{

        border-radius:14px;

    }

    .founder-photo img{

        height:480px;

    }

    .founder-role{

        font-size:12px;

        letter-spacing:4px;

    }

    .founder-info h3{

        font-size:32px;

        line-height:1.2;

        margin-bottom:22px;

    }

    .founder-info p{

        font-size:16px;

        line-height:1.9;

    }

    .founder-contact{

        grid-template-columns:1fr;

        gap:18px;

    }

    .contact-card{

        padding:22px;

        text-align:center;

    }

    .contact-card strong{

        font-size:21px;

    }

    .contact-card a{

        font-size:20px;

    }

    .theme-btn{

        width:100%;

        justify-content:center;

    }

}


@media (max-width:576px){

    .founder-editorial{

        padding:70px 0;

    }

    .founder-photo img{

        height:380px;

    }

    .founder-info h3{

        font-size:28px;

    }

    .founder-info p{

        font-size:15px;

        line-height:1.8;

    }

    .contact-card{

        padding:20px;

    }

    .contact-card span{

        font-size:11px;

        letter-spacing:3px;

    }

    .contact-card strong{

        font-size:19px;

    }

    .contact-card a{

        font-size:18px;

    }

}