@media screen and (max-width: 1440px) {
    
    .connection-main-heading .connection-title {
        font-size: 43px;
        line-height: 55px;
    }

    .who-we-main {
        gap: 65px;
        grid-template-columns: 380px 1fr;
    }

    .about-heading-content {
        font-size: 70px;
        line-height: 75px;
    }

    .about-content .about-intro-para,
    .about-item-brand {
        font-size: 16px;
        line-height: 30px;
    }

    .about-item-brand .item-brand-icon {
        width: 21px;
        height: 21px;
    }

    .about-target-details .desc-about-title,
    .inspired-text {
        font-size: 16px;
        line-height: 28px;
    }

    .inspired-bg-content {
        padding: 12px 30px;
    }

    .inspired-img-div {
        width: 54px;
        height: 54px;
    }

    .inspired-img-div .inspired-img {
        width: 33px;
        height: 33px;
    }

    .about-sec {
        padding: 60px 0 60px 0;
    }

    .connected-title {
        font-size: 25px;
        line-height: 37px;
    }

    .preception-bg-main {
        margin-bottom: 21px;
    }

    .preception-emp-title {
        font-size: 30px;
        line-height: 39px;
    }

    .about-chanakaya-bg {
        padding: 217px 120px 177px 120px;
    }

    .element-title-head {
        font-size: 45px;
        line-height: 60px;
    }

    .elements-top-div .element-intro-para {
        font-size: 16px;
        line-height: 17px;
    }

    .element-card-para {
        font-size: 16px;
        line-height: 27px;
    }

    .any-element-head {
        font-size: 35px;
        line-height: 52px;
    }

    .trusted-sec-heading {
        font-size: 45px;
        line-height: 60px;
    }


    .industries-heading {
        font-size: 45px;
        line-height: 62px;
        margin-bottom: 16px;
    }


    .industries-top-div .industries-para {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 17px;
    }

    .industries-card::after {
        width: 264px;
    }


    .industries-number {
        font-size: 60px;
        max-width: 109px;
        flex: 0 0 109px;
    }

    .industries-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
        min-height: 47px;
    }

    .industries-card {
        padding: 20px 40px 20px 0px;
    }

    .testimonial-stratery-title {
        font-size: 45px;
        line-height: 60px;
    }

    .common-element-btn .black-btn-common {
        max-width: 195px;
    }
}

@media screen and (max-width: 1024px) {
       .center-our-team .hero-bg-slider {
        object-position: center;
    }

    .why-tab-vertical-nav {
        width: 35%;
    }

    .mission-about-quote-details,
    .vission-about-quote-details {
        padding-top: 50px;
    }


    .why-t8s-tab-sec {
        padding: 40px 0 60px 0px;
    }

    .why-tab-vertical-nav .why-tab-vertical-link {
        font-size: 13px;
        padding: 10px 50px 10px 14px;
        line-height: 18px;
    }

    .connection-desc-behind .connection-desc {
        font-size: 19px;
        line-height: 29px;
    }

    .team-image-logo-after::after {
        width: 244px;
        height: 431px;
        top: 410px;
        right: 160px;
    }

    .teamwork-bg {
        height: 280px;
    }
    .why-tab-content-inner-para {
        font-size: 14px;
        line-height: 22px;
    }

    .why-tab-content-inner-title {
        font-size: 18px;
        line-height: 25px;
    }

    .working-text {
        margin: 50px 0;
        font-size: 57px;
        line-height: 80px;
    }

    .mission-vision-section {
        padding: 40px 0 30px 0px;
    }

    .think-virtual-li {
        gap: 10px;
        font-size: 14px;
        line-height: 20px;
        padding: 12px 12px;
    }

    .what-we-left .t8s-services-pill-wrapper .t8s-services-pill {
        font-size: 12px;
        padding: 5px 9px;
        line-height: 19px;
    }

    .what-we-left .t8s-services-pill-wrapper {
        flex-wrap: wrap;
        column-gap: 10px;
        row-gap: 15px;
    }

    .think-virtual-right .intro-para {
        font-size: 12px;
        line-height: 21px;
    }

    .what-we-left {
        padding: 108px 0px 50px 0px;
    }

    .who-we-quote-text {
        font-size: 24px;
        line-height: 34px;
    }

    .what-we-bottom-text {
        font-size: 19px;
        line-height: 38px;
    }


    .text-opacity {
        margin-top: 15px;
        font-size: 75px;
        line-height: 92px;
    }

    .target-branding-title {
        font-size: 29px;
        line-height: 49px;
    }

    .testimonial-card {
        min-height: 294px;
    }

    .menu-top-slider {
        padding: 10px 30px 50px 30px;
        top: 119px;
    }

    .any-element-head {
        font-size: 29px;
        line-height: 47px;
    }

    .hero-section {
        height: unset;
    }

    .hero-bg-slider,
    .hero-content {
        height: 50vh;
    }

    .max-hero-text-content {
        max-width: 700px;
    }

    .hero-title {
        font-size: 45px;
        line-height: 72px;
    }

    .about-heading-content {
        font-size: 57px;
        line-height: 71px;
    }

    .black-title-left {
        padding-left: 119px;
    }

    .about-grid-content {
        gap: 60px;
    }

    .what-we-text {
        font-size: 13px;
        line-height: 20px;
    }


    p.what-branding {
        font-size: 17px;
        line-height: 27px;
    }

    .what-title-content {
        font-size: 50px;
        line-height: 70px;
    }

    p.what-we-text {
        font-size: 13px;
        line-height: 20px;
        min-height: 40px;
    }

    .about-left-title-space {
        padding-left: 149px;
        padding-top: 30px;
    }

    .about-left-title-space .black-title-left {
        padding-left: 120px;
    }

    .about-quote-content-main::after {
        width: 100%;
        height: 101%;
    }

    .connected-title {
        font-size: 23px;
        line-height: 35px;
    }

    .preception-emp-title {
        font-size: 27px;
        line-height: 33px;
    }

    .element-title-head {
        font-size: 40px;
        line-height: 56px;
        max-width: 800px;
    }

    .trusted-sec-heading {
        font-size: 35px;
        line-height: 53px;
    }

    .trusted-slider-card {
        padding: 15px 50px;
    }

    .industries-main {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .row-industries:nth-child(odd) {
        margin-left: 0px;
    }

    .row-industries:nth-child(even) {
        padding-left: 0px;
        margin-right: 0px;
    }

    .industries-title {
        margin-bottom: 10px;
    }

    .testimonial-stratery-title {
        font-size: 35px;
        line-height: 50px;
        padding-right: 110px;
    }

    .contact-form-main .common-title {
        font-size: 35px;
    }

    .contact-form-flex {
        grid-template-columns: 454px 1fr;
    }

    .contact-img {
        bottom: -61px;
        height: 428px;
    }

    .footer-logo-link,
    .footer-logo-img {
        width: 100%;
    }

    .footer-bottom-text,
    .policy-link {
        font-size: 13px;
        line-height: 23px;
    }

    .footer-bottom {
        padding: 15px 0px;
    }

    .contact-link {
        font-size: 13px;
        line-height: 23px;
    }


    .footer-cta-title {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .header-link {
        font-size: 18px;
        line-height: 23px;
    }

    .header-sub-menu .header-sub-link {
        font-size: 18px;
        line-height: 23px;
        padding: 8px 20px;
    }

    .menu-top-flex-header {
        grid-template-columns: 1fr;
    }

    .menu-bg-logo-div .menu-bg-logo {
        width: 100%;
    }

    .menu-bg-logo-div {
        max-width: 180px;
        width: 100%;
    }

    .header-mega-menu {
        left: -250px;
    }

    .top-onclick-menu .menu-next-icon {
        width: 28px;
        height: 28px;
    }

    .who-we-section {
        padding: 75px 0;
    }

}

@media screen and (max-width: 991px) {
    .connection-bg-content {
        padding: 60px 0px 60px 0px;
    }

    .connection-main-heading .connection-title {
        font-size: 36px;
        margin-bottom: 25px;
        line-height: 49px;
    }

    .team-image-logo-after::after {
        width: 234px;
        height: 331px;
        top: 400px;
        right: 90px;
    }

    .question-details-content {
        max-width: 385px;
    }

    .teamwork-bg {
        height: 200px;
    }

    .question-details-content .depper-details-title {
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 18px;
    }

    .connection-ul-behind .listitem-connection,
    .depper-list-ul .depper-list-item {
        font-size: 15px;
        line-height: 20px;
    }

    .connection-desc-behind .connection-desc {
        font-size: 16px;
        line-height: 25px;
    }

    .client-trusted-row {
        gap: 20px;
    }

    .client-trusted-sec {
        padding: 60px 0;
    }

    .who-we-left {
        max-width: 400px;
        margin: 0 auto;
    }

    .target-branding-title {
        font-size: 23px;
        line-height: 40px;
    }

    .what-we-right::before {
        max-width: 230px;
        margin: auto;
        left: 0;
        right: -30px;
    }

    .what-we-left .t8s-services-pill-wrapper .t8s-services-pill {
        font-size: 10px;
        line-height: 17px;
    }

    .what-we-bottom-text {
        font-size: 17px;
        line-height: 28px;
    }

    .max-hero-text-content {
        max-width: 540px;
    }

    .who-we-main {
        gap: 40px;
        grid-template-columns: 1fr;
    }

    .hero-title {
        font-size: 35px;
        line-height: 45px;
    }

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

    .header-mega-menu {
        left: 0px;
    }


    p.what-we-text {
        min-height: unset;
    }

    .industries-top-div {
        position: unset;
    }

    .hero-bg-slider,
    .hero-content {
        height: 70vh;
    }

    .hero-section {
        height: unset;
    }

    .hero-content {
        padding: 100px 0 120px;
    }

    .hero-bg-slider {
        object-position: center bottom;
    }


    .header-main,
    .header-layout-main.is-sticky .header-main {
        padding: 10px 0;
    }

    .about-left-title-space .black-title-left {
        padding-left: 70px;
    }

    .black-title-left {
        padding-left: 40px;
    }

    .about-left-title-space {
        padding-left: 89px;
        padding-top: 10px;
    }

    .menu-top-slider,
    .header-layout-main.is-sticky .menu-top-slider {
        top: 93px;
    }

    .about-heading-content {
        font-size: 45px;
        line-height: 65px;
    }

    .elements-card {
        grid-template-columns: 1fr;
        min-height: 812px;
    }

    .about-grid-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .what-we-ul-left .what-we-li:first-child,
    .what-we-ul-left .what-we-li:last-child {
        margin-right: 0;
    }


    .what-we-ul-right .what-we-li:first-child,
    .what-we-ul-right .what-we-li:last-child {
        margin-left: 0;
    }


    .what-we-content {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }

    .trusted-slider-card {
        padding: 10px 40px;
    }

    .trusted-sec {
        padding: 20px 0 80px 0;
    }

    .industries-sec {
        padding: 60px 0;
    }

    .industries-heading {
        font-size: 38px;
        line-height: 52px;
    }

    .testimonial-card {
        padding: 30px 15px;
        min-height: 269px;
    }

    .contact-img {
        display: none;
    }

    .contact-form-main .common-title {
        font-size: 37px;
        line-height: 53px;
    }

    .footer-contant-left {
        max-width: calc(30% - 20px);
        width: 100%;
        flex: 0 0 calc(30% - 20px);
    }

    .footer-contant-center {
        max-width: calc(70% - 20px);
        width: 100%;
        flex: 0 0 calc(70% - 20px);
    }

    .footer-contant-right {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .footer-contant-row {
        display: flex;
        flex-wrap: wrap;
    }

    .home-contact-details {
        gap: 0px;
    }

    .footer-bottom-flex {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 16px;
    }


      .center-our-team  .hero-bg-slider, .center-our-team .hero-content {
        height: 54vh;
    }
}

@media screen and (max-width: 767px) {
 
    .footer-logo-link,
    .footer-logo-img{
        width: unset;
    }

       .center-our-team  .hero-bg-slider, .center-our-team .hero-content {
        height: 70vh;
    }

        .common-btn-web .secondary-btn, .common-btn-web .secondary-btn:hover {
        padding: 8px 15px;
        font-size: 15px;
        line-height: 20px;
        gap: 10px;
    }
    
    .why-tab-vertical-nav {
        width: 100%;
    }

    .teamwork-bg {
        height: 200px;
        width: 100%;
    }

    .team-image-logo-after::after {
        width: 194px;
        height: 231px;
        top: unset;
        bottom: 0px;
    }

    .connection-bg-content {
        padding: 60px 0px 0px 0px;
    }

    .team-image-logo-after {
        padding-top: 30px;
    }

    .teamwork-bg {
        position: unset;
    }



    .what-we-left .t8s-services-pill-wrapper .t8s-services-pill {
        font-size: 9px;
        line-height: 16px;
    }

    .what-we-wrapper {
        flex-direction: column;
    }

    .what-we-right {
        height: 480px;
        margin-bottom: 0px;
    }

    .what-we-right::before {
        max-width: 200px;
        top: -40px;
    }

    .how-we-section {
        padding: 60px 0;
    }

    .about-quote-text {
        font-size: 15px;
        line-height: 20px;
    }

    .custom-nav-pills .nav-item .why-tab-btn {
        font-size: 11px;
        line-height: 15px;
        padding: 6px 10px;
    }

    .working-text {
        font-size: 35px;
        line-height: 60px;
    }

    .target-branding-title {
        font-size: 21px;
        line-height: 38px;
    }

    .who-we-section {
        padding: 75px 0 50px 0px;
    }

    .who-we-quote-text {
        font-size: 18px;
        line-height: 32px;
    }

    .why-services-li,
    .who-we-li {
        font-size: 15px;
        line-height: 25px;
    }

        .hero-title {
        font-size: 23px;
        line-height: 37px;
    }

    .footer-bottom {
        padding: 15px 0px;
    }

    .hero-bg-slider {
        object-position: right bottom;
    }

    .industries-card {
        padding: 10px 40px 10px 0px;
        min-height: 160px;
    }

    .industries-card::after {
        width: 100%;
        height: calc(100% - 20px);
        margin: auto;
        bottom: 0;
        left: -64px;
    }


    .header-layout-main::before {
        display: none;
    }

    .hero-content {
        padding: 85px 0 80px;
        /* justify-content: start; */
    }

    .what-title-content {
        font-size: 35px;
        line-height: 50px;
    }


    .about-heading-content {
        font-size: 32px;
        line-height: 44px;
    }

    .hero-section::after {
        bottom: -41px;
        height: 92px;
    }




    .inspired-div {
        gap: 10px;
    }

    .inspired-bg-content {
        padding: 12px 15px;
    }

    .black-title-left {
        padding-left: 20px;
    }

    .about-left-title-space {
        padding-left: 25px;
        padding-top: 10px;
    }

    .about-left-title-space .black-title-left {
        padding-left: 30px;
    }

    .connected-title {
        font-size: 15px;
        line-height: 25px;
    }

    .preception-emp-title {
        font-size: 19px;
        line-height: 29px;
    }

    .preception-bg-main {
        margin-bottom: 15px;
    }

    .about-chanakaya-bg {
        padding: 188px 70px 137px 70px;
    }

    .preception-bg {
        width: 100%;
    }

    .element-title-head {
        font-size: 25px;
        line-height: 39px;
    }

    .about-quote-content-main::after {
        height: 101%;
    }

    .elements-top-div .element-intro-para {
        font-size: 15px;
        line-height: 22px;
    }

    .any-element-head {
        font-size: 22px;
        line-height: 37px;
    }

    .trusted-sec-heading {
        font-size: 24px;
        line-height: 39px;
    }

    .trusted-sec-heading br {
        display: none;
    }

    .trusted-slider-div {
        margin-top: 50px;
    }

    .common-element-btn {
        padding: 30px 0px 0px 0px;
    }



    .row-industries {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin-bottom: 20px;
    }


    .industries-sec {
        padding: 50px 0;
    }

    .testimonial-stratery-title {
        font-size: 25px;
        line-height: 37px;
    }

    .industries-card-content {
        padding: 33px 0px 0px 18px;
    }

    .industries-number {
        font-size: 50px;
        max-width: 80px;
        flex: 0 0 80px;
    }

    .industries-title {
        min-height: unset;
    }

    .footer-logo-img {
        height: 120px;
        margin-bottom: 20px;
    }

    .footer-contant {
        padding: 0px;
        text-align: start;
    }

    .footer-contant-row {
        row-gap: 40px;
        grid-template-columns: 1fr;
        display: grid;
    }

    .footer-contant-left,
    .footer-contant-center,
    .footer-contant-right {
        max-width: unset;
        width: 100%;
        flex: unset;
    }


    .header-mega-menu {
        position: unset;
        margin: 20px 0px 5px 10px;
    }

    .menu-bg-logo-div {
        display: none;
    }

    .scroll-mr-slider {
        height: calc(100vh - 170px);
    }

      .header-sub-menu .header-sub-link {
        font-size: 15px;
        line-height: 20px;
        padding: 8px 20px;
    }

    .header-sub-menu ,
    .header-ul{
    gap: 10px;
}

.header-ul{
    align-items: start;
}

    .menu-open-active.header-layout-main.is-sticky,
    .menu-open-active {
        background: #fff9f6;
        box-shadow: none;
    }

        .top-onclick-menu .menu-next-icon {
        width: 20px;
        height: 21px;
        transform: rotate(90deg);
    }

    .header-link {
        font-size: 15px;
        line-height: 20px;
    }

    .mr-scroll-minus {
        margin-right: -10px;
    }

    .header-layout-main.is-sticky .header-main {
        padding: 10px 0;
    }

    .menu-top-slider,
    .header-layout-main.is-sticky .menu-top-slider {
        top: 84px;
    }

    .contact-form {
        padding: 20px 15px;
    }

    .social-ul {
        justify-content: start;
    }

    .footer-bottom-text,
    .policy-link {
        font-size: 13px;
        line-height: 26px;
    }


}

@media screen and (max-width: 430px) {
    .industries-card::after {
        left: -75px;
    }

    .industries-number {
        max-width: 109px;
        flex: 0 0 109px;
    }
}

@media screen and (max-width: 415px) {


    .industries-number {
        max-width: 93px;
        flex: 0 0 93px;
    }

    .industries-card-content {
        padding: 33px 0px 0px 38px;
    }
}

@media screen and (max-width: 390px) {

    .industries-card-content {
        padding: 33px 0px 0px 18px;
    }

    .industries-number {
        max-width: 88px;
        flex: 0 0 89px;
        font-size: 40px;
    }

}

@media screen and (max-width: 376px) {
    .industries-card::after {
        left: -48px;
    }


    .element-link {
        padding: 4px 9px;
        font-size: 14px;
        line-height: 21px;
    }

    .orbit-wrapper {
        height: 340px;
        width: 330px;
        margin: 30px 0px;
    }

    .orbit1 {
        width: 340px;
        height: 340px;
    }

    .orbit2 {
        width: 270px;
        height: 270px;
    }

    .orbit3 {
        width: 200px;
        height: 200px;
    }

    .orbit4 {
        width: 130px;
        height: 130px;
    }

    .about-quote-content-main::after {
        height: 102%;
        top: -3px;
    }

    .connected-title {
        font-size: 13px;
        line-height: 23px;
    }

    .trusted-sec-heading {
        font-size: 22px;
        line-height: 38px;
    }

    .any-element-head {
        font-size: 19px;
        line-height: 35px;
    }

    .preception-emp-title {
        font-size: 16px;
        line-height: 24px;
    }

    .about-chanakaya-bg {
        padding: 158px 70px 117px 70px;
    }

    .element-title-head {
        font-size: 22px;
        line-height: 37px;
    }
}

@media screen and (max-width: 345px) {
    .about-heading-content {
        font-size: 25px;
        line-height: 34px;
    }

    .about-target-details .desc-about-title,
    .inspired-text {
        font-size: 15px;
        line-height: 26px;
    }

    .connected-title {
        font-size: 11px;
        line-height: 20px;
    }


    .preception-emp-title {
        font-size: 14px;
        line-height: 22px;
    }

    .what-title-content {
        font-size: 27px;
        line-height: 46px;
        margin-bottom: 15px;
    }
}