@media (max-width: 1680px) {

    .header-row {
        padding: 0 9rem 0 9rem;
    }

    .stage-card {
        padding: 0 8% 12% 8%;
    }

    .story-row {
        padding: 6rem 14rem 6rem 14rem;
    }

    .tabs {
        padding: 0 16rem 12rem 16rem;
    }
}

@media (max-width: 1536px) {
    h1 {
        font-size: 3rem;
    }

    nav {
        padding: 2rem 0;
    }

    .story-wrapper {
        padding-bottom: 8rem;
    }

    .clip-path-body {
        bottom: -123%;
    }

    .body-row {
        padding: 6rem 10rem 6rem 10rem;
    }

    .login-col {
        padding-left: 0;
    }

    .tabs {
        padding: 0 12rem 12rem 12rem;
    }

    .job-posting {
        padding: 0 6rem 0 6em;
    }
}

@media (max-width: 1440px) {
    h1 {
        font-size: 2.8rem;
        line-height: 55px;
    }

    .header-row {
        padding: 0 6rem 0 6rem;
    }

    .body-row {
        padding: 6rem 6rem;
    }

    .tabs {
        padding: 0px 10rem 10rem 10rem;
    }

}

@media (max-width: 1366px) {
    h1 {
        font-size: 2.6rem;
        line-height: 52px;
    }

    h3 {
        font-size: 1.8em;
    }

    h4 {
        font-size: 1.6em;
    }

    nav {
        padding: 1.5rem 0;
    }

    .clip-path-body {
        bottom: -146%;
    }

    .story-wrapper {
        padding-bottom: 6rem;
    }

    .stage-card {
        padding: 0 6% 12% 6%;
    }

    .card-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tabs {
        padding: 0px 8rem 8rem 8rem;
    }

    .login {
        overflow-y: visible;
    }

    .login-row {
        height: auto;
    }

    .login-path {
        bottom: 0;
    }

    .login-wrapper {
        padding-bottom: 0;
    }

    .login-inner p {
        padding-bottom: 0;
    }

    .work-process_wrapper {
        padding: 2rem 6rem 2rem 0rem;
    }
}

@media (max-width: 1280px) {
    .tabs-thumb {
        padding: 3rem;
    }
}

@media (max-width: 1024px) {

    .header-row {
        padding: 0 2rem 0 2rem;
    }

    #second-header {
        display: none;
    }

    #main-header {
        display: block;
    }

    .header-middle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .content-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 3rem;
        text-align: center;
    }

    .first-illustration {
        max-width: 100%;
        margin-top: 3rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .body-row {
        padding: 3rem 2rem;
    }

    .row-mobile {
        padding-top: 26rem;
    }

    .row-mobile-2 {
        padding-top: 16rem;
    }

    .cards-wrapper {
        padding-top: 3rem;
    }

    .section-description p {
        width: 100%;
        padding-left: 12rem;
        padding-right: 12rem;
    }

    .text-left p {
        padding-left: 0;
        padding-right: 0;
    }

    .content-top p {
        width: 100%;
        padding-left: 6rem;
        padding-right: 6rem;
        text-align: center;
    }

    .story-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .top-illustration {
        margin-top: 3rem;
    }

    .story-cta {
        margin-top: 3rem;
    }

    .tabs {
        padding: 0px 2rem 8rem 2rem;
    }

    .login-illustration_wrapper {
        display: none;
    }

    .portfolio-login {
        width: 65%;
    }

    .login-row {
        height: 100vh;
    }

    .login-inner {
        margin-top:
    }

    .login-btn {
        width: 100%;
    }

}

@media (max-width: 992px) {
    .row-mobile {
        padding-top: 33rem;
    }

    .clip-path {
        bottom: -3%;
    }

    .clip-path-body {
        bottom: -216%;
    }

    .first-illustration {
        max-width: 90%;
    }

    .footer-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .content-top p {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .work-process_wrapper {
        padding: 2rem 3rem 2rem 0rem;
    }

    .row-mobile-2 {
        padding-top: 22rem;
    }

    .tabs-thumb {
        padding: 2rem;
    }
}

@media (max-width: 800px) {
    h1 {
        font-size: 3rem;
        line-height: 60px;
    }

    h3 {
        font-size: 1.8em;
    }

    h4 {
        font-size: 1.8em;
    }

    p {
        font-size: 1.1rem;
    }

    .content-inner {
        margin-top: 0;
    }

    .content-top p {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #main-nav {
        display: none;
    }

    #mobile-nav {
        display: block;
    }

    .menu-toggle {
        margin-top: 2rem;
    }

    .button_container {
        top: 2%;
    }

    .mobile-logo {
        margin-bottom: 15rem;
    }

    .mobile-list {
        margin-top: 6rem;
    }

    .mobile-social {
        margin-right: 1rem;
    }

    .first-illustration {
        max-width: 95%;
        margin-top: 0;
    }

    .row-mobile {
        padding-top: 5rem;
    }

    .row-mobile-2 {
        padding-top: 5rem;
    }

    .section-description p {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .clip-path {
        bottom: 0;
    }

    .clip-path-body {
        bottom: -71%;
    }

    .offset-1 {
        display: none;
    }

    .expertise-card_text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }

    .process-steps {
        padding: 6rem 0 0rem 0;
    }

    .work-process_wrapper {
        padding: 2rem 2rem 2rem 0rem;
    }

    .accordeon {
        margin: 4rem 0rem 4rem 2rem;
    }

    .cta-illustration {
        display: none;
    }

    .text-left p {
        padding-left: 0;
        padding-right: 0;
    }

    .header-content_work {
        margin-bottom: 6rem;
    }

    .job-posting {
        padding: 0 3rem 0 3em;
    }

}

@media (max-width: 768px) {
    .clip-path-body {
        bottom: -165%;
    }

}

@media (max-width: 540px) {
    h1 {
        font-size: 2.14rem;
        line-height: 43px;
    }

    h4 {
        font-size: 1.6rem;
    }

/*
    h5 {
        font-size: 1.2rem;
    }
*/

    p {
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: -0.05px;
        line-height: 24px;
    }

    button {
        margin-top: 0;
    }

    .menu-toggle {
        margin-top: 2rem;
    }

    .mobile-logo {
        margin-bottom: 5rem;
    }

    .button_container {
        top: 3%;
        right: 3%;
    }

    .mobile-list {
        margin-top: 6rem;
    }

    .mobile-social {
        margin-right: 1rem;
    }

    .header-row {
        padding: 0 1rem 0 1rem;
    }

    .header-content {
        margin-bottom: 6rem;
    }

    .content-index {
        margin-bottom: 0;
    }

    .button-cta_responsive {
        margin-top: 0;
    }

    .top-index {
        padding-left: 0;
        padding-right: 0;
    }

    .first-illustration {
        max-width: 100%;
        margin-top: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .content-inner {
        text-align: center;
    }

    .clip-path {
        display: none;
    }

    .body-row {
        padding: 4rem 1.5rem;
    }

    .section-description p {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cards-wrapper {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .card-col {
        padding-left: 0;
        padding-right: 0;
    }

    .stage-card {
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .stage-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .use-case_card {
        text-align: center;
    }

    .process-steps {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1.5rem 0 1.5rem 0;
    }

    .portfolio-login {
        width: 100%;
        margin-top: 1rem;
    }

    .footer-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .text-left {
        text-align: center;
        padding-left: 0;
    }

    .cta-text {
        font-size: 2.14rem;
    }

    .content-inner p {
        width: 100%;
    }

    .content-top p {
        padding-left: 0;
        padding-right: 0;
    }

    .story-content p {
        text-align: left;
    }

    .top-illustration {
        margin-top: 0;
    }

    .footer-text {
        margin-top: 1rem;
    }

    .footer-social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .work-process_wrapper {
        padding: 1rem 0rem 1rem 0rem;
    }

    .step-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }

    .step-inner_mobile {
        padding: 1rem;
        text-align: center;
    }

    .step-icon {
        width: 100%;
        border-right: none;
        margin-right: 0;
    }

    .step-text {
        width: 100%;
    }

    .accordeon {
        margin: 0rem 1rem 0rem 1rem;
    }

    .story-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .story-cta_text {
        padding: 5% 3% 5% 3%;
        width: 100%;
    }

    .story-cta_img {
        display: none;
    }

    .right-thumb {
        width: 100%;
    }

    .left-thumb {
        width: 100%;
    }

    .form_col {
        padding-left: 0;
        padding-right: 0;
    }

    .form-cta {
        width: 100%;
    }

    .read-more {
        padding: 0 1rem 0 1rem;
    }

    .read-more_p {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .job-col {
        padding-left: 0;
        padding-right: 0;
    }

    .job-posting {
        padding: 0;
        text-align: left;
    }

    .requirement {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        line-height: 30px;
    }
}

@media (max-width: 375px) {
    h1 {
        font-size: 1.9rem;
        line-height: 39px;
    }

    nav {
        padding: 1rem 0;
    }

    .header-row {
        padding: 0 .6rem 0 .6rem;
    }

    .section-description p {
        padding-left: 0;
    }

    .header-content {
        margin-bottom: 3rem;
    }

    .header-content_work {
        margin-bottom: 0;
    }

    .step-inner_mobile {
        padding: 1rem;
    }

    .tabs-thumb {
        padding: 1rem;
    }

    .tabs {
        padding: 0px 1rem 8rem 1rem;
    }

    .content-index {
        margin-bottom: 0;
    }

    .mobile-list {
        margin-top: 3rem;
    }

    .element-2 {
        top: 195%;
    }

    .element-1 {
        opacity: 0.5;
        top: 112%;
    }

    .read-more {
        padding: 0 .5rem 0 .5rem;
    }

    .read-more_p {
        padding-left: .5rem;
        padding-right: .5rem;
    }


}