@media  screen and (min-width: 768px) and (max-width: 1024px) {
    .ab-text-content h2 {
        font-size: clamp(4.5em, 50px, 120px);
    }

    .ab-hero-par1 {
        font-size: clamp(1.2em, 24px, 3rem);
    }

    .ab-hero-par2 {
        font-size: clamp(1.2em, 24px, 3rem);
    }

    .ab-content {
        padding-top: 10%;
    }

    .ab-cont3 h2 {
        font-size: clamp(5em, 65px, 80px);
    }

    .ab-cont3 p {
        font-size: clamp(0.5rem, 1rem, 50px);
    }

    .team-member h3 {
        font-size: clamp(0.5rem, 0.7rem, 1.5rem);
    }

    .team-member h4 {
        font-size: clamp(0.4rem, 0.5rem, 1.2rem);
    }
}

@media  screen and (min-width: 481px) and (max-width: 767px) {
    .br-desk {
        display: none;
    }

    .br-mobile {
        display: block;
    }
    
    .ab-content {
        overflow: hidden;
        padding-top: 16%;
        height: auto;
        border-radius: 12px;
    }

    .ab-cont {
        width: 100%;
        padding: 6px 6px 0 6px;
    }

    .ab-text-content {
        width: 95%;
        gap: 15px;
    }

    .ab-text-content h4 {
        font-size: 6.4vw;
    }

    .ab-text-content h2 {
        font-size: 12.8vw;
    }

    .ab-hero-par1 {
        font-size: 4.8vw;
    }

    .ab-hero-par2 {
        font-size: 4.26vw;
    }

    .abt-hero-img-desk {
        display: none;
    }

    .abt-hero-img-mob {
        display: block;
    }

    .ab-logo-gaming1 {
        width: 70%;
    }

    .ab-text-content > img {
        width: 95%;
    }

    .ab-logo-gaming2 {
        width: 80%;
    }

    .ab-cont2 {
        width: 95%;
        gap: 50px;
        margin: 50px 0;
    }

    .ab-content2 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .ab-content2 h2 {
        font-size: 11.73vw;
    }

    .ab-content2 p {
        font-size: 4.8vw;
    }

    .ab-content2 > div {
        width: 100%;
    }

    .ab-content2 > img {
        width: 100%;
    }

    .ab-content3 {
        display: flex;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .ab-content3 h2 {
        font-size: 11.73vw;
    }

    .ab-content3 p {
        font-size: 4.8vw;
    }

    .ab-content3 > div {
        width: 100%;
    }

    .ab-content3 > img {
        width: 100%;
    }

    .ab-cont3 {
        width: 95%;
    }

    .ab-cont3 h2 {
        text-align: center;
        font-size: 16vw;
        margin-bottom: 19px;
    }

    .ab-cont3 p {
        font-size: 4.8vw;
        margin-bottom: 40px;
    }

    .team-member {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .team-member h3 {
        font-size: 6.66vw;
    }

    .team-member h4 { 
        font-size: 4.57vw;
    }

    .ceo {
        width: 80%;
        left: unset;
    }

    .cmo {
        width: 80%;
        left: unset;
    }

    .cpo {
        width: 80%;
        left: unset;
    }

    .co-founder {
        width: 80%;
        right: unset;
    }

    .cto {
        width: 80%;
        right: unset;
    }

    .coo {
        width: 80%;
        right: unset;
    }
}

@media  screen and (max-width: 480px){
    .br-desk {
        display: none;
    }

    .br-mobile {
        display: block;
    }

    .ab-content {
        overflow: hidden;
        padding-top: 16%;
        height: auto;
        border-radius: 12px;
    }

    .ab-cont {
        width: 100%;
        padding: 6px 6px 0 6px;
    }

    .ab-text-content {
        width: 90%;
        gap: 15px;
    }

    .ab-text-content h4 {
        font-size: 6.4vw;
    }

    .ab-text-content h2 {
        font-size: 12.8vw;
    }

    .ab-hero-par1 {
        font-size: 4.8vw;
    }

    .ab-hero-par2 {
        font-size: 4.26vw;
    }

    .ab-text-content h2 {
        font-size: 12vw;
    }

    .abt-hero-img-desk {
        display: none;
    }

    .abt-hero-img-mob {
        display: block;
    }

    .ab-logo-gaming1 {
        width: 70%;
    }

    .ab-text-content > img {
        width: 95%;
    }

    .ab-logo-gaming2 {
        width: 80%;
    }

    .ab-cont2 {
        width: 95%;
        gap: 50px;
        margin: 50px 0;
    }

    .ab-content2 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .ab-content2 h2 {
        font-size: 11.73vw;
    }

    .ab-content2 p {
        font-size: 4.8vw;
    }

    .ab-content2 > div {
        width: 100%;
    }

    .ab-content2 > img {
        width: 100%;
    }

    .ab-content3 {
        display: flex;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .ab-content3 h2 {
        font-size: 11.73vw;
    }

    .ab-content3 p {
        font-size: 4.8vw;
    }

    .ab-content3 > div {
        width: 100%;
    }

    .ab-content3 > img {
        width: 100%;
    }

    .ab-cont3 {
        width: 95%;
    }

    .ab-cont3 h2 {
        text-align: center;
        font-size: 16vw;
        margin-bottom: 19px;
    }

    .ab-cont3 p {
        font-size: 4.8vw;
        margin-bottom: 40px;
    }

    .swiper-ab {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .team-member {
        display: none;
    }

    .team-member-mobile {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .team-member-mobile h3 {
        font-size: 6.66vw;
        color: #409;
        font-family: "Clash Grotesk Semibold";
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

    .team-member-mobile h4 { 
        font-size: 4.57vw;
        color: #409;
        font-family: "Clash Grotesk";
        font-style: normal;
        font-weight: 400;
        text-transform: capitalize;
    }

    .ceo {
        width: 100%;
        left: unset;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .cmo {
        width: 100%;
        left: unset;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .cpo {
        width: 100%;
        left: unset;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .co-founder {
        width: 100%;
        right: unset;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .cto {
        width: 100%;
        right: unset;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .coo {
        width: 100%;
        right: unset;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .swiper-pagination {
        position: relative;
        bottom: 0 !important;
    }
}