/* Extra^4 devices (less than 320px) */
@media (max-width: 319.98px) {}


/* Extra^3 small devices (320px and up) */
@media (min-width: 320px) {
    .references .award > div::before {
        top: -30%;
        left: -70%;
    }

    .challenges-in-manufacturing li {
        align-items: stretch;
        justify-content: center;
    }

    .challenges-in-manufacturing li > div {
        position: relative;
        width: calc(100% - 170px);
        margin-right: 20px;
        margin-bottom: 0;
    }

    .team-member {
        max-width: 238px;
    }

    .team-member > div {
        min-width: 210px;
        margin-bottom: 28px;
        margin-left: 28px;
    }

    .advisory-board .team-member > div {
        margin-bottom: 0;
    }

    .team-member > div::before {
        display: block;
    }
}

/* Extra^3 small devices (320px and up) */
@media (min-width: 320px) and (max-width: 374.98px) {}

/* Extra^3 small devices (less than 375px) */
@media (max-width: 374.98px) {}


/* Extra^2 small devices (375px and up) */
@media (min-width: 375px) {
    .container-fluid {
        padding-right: 32px;
        padding-left: 32px;
    }

    .content-stretch {
        margin-right: -32px;
        margin-left: -32px;
    }    

    .navbar-nav .dropdown-toggle:before,
    .navbar-nav .dropdown-toggle:after {
        right: 32px;
    }

    .collapse-main {
        padding-right: 32px;
        padding-left: 32px;
        margin-right: -16px;
        margin-left: -16px;
    }

    .lang-nav,
    .main-nav {
        margin-right: -32px;
        margin-left: -32px;
    }

    .lang-nav > .nav-item > .nav-link,
    .main-nav > .nav-item > .nav-link {
        padding-left: 32px;
        padding-right: 32px;
    }
    
    .lang-nav .dropdown-item,
    .main-nav .dropdown-item {
        padding-right: 32px;
        padding-left: 32px;
    }

    .references .trusted-by ul li {
        padding-right: 24px;
        padding-left: 24px;
    }

    .membership {
        padding-bottom: 40px;
    }

    .membership::before {
        right: -24px;
        left: -24px;
    }

    .membership a {
        margin-top: 8px;
    }

    .usecase-study-details .responsive-media {
        margin-right: -32px;
        margin-left: -32px;
    }

    .banner.company .responsive-media,
    .banner.solutions .responsive-media {
        margin-right: -32px;
        margin-left: -32px;
    }

    .usecase-study .media-column::before {
        right: -24px;
        left: -24px;
    }

    .post .image-box figure {
        margin-right: -24px;
        margin-left: -24px;
    }

    .post .image-box figcaption {
        padding-right: 32px;
        padding-left: 32px;
    }

    .post .image-box .slick-slider {
        margin-right: -24px;
        margin-left: -24px;
    }

    .challenges-in-manufacturing li div {
        width: auto;
    }

    .section-card {
        margin-right: -32px;
        margin-left: -32px;
    }
    
    .section-card .card-body {
        padding-right: 31px;
        padding-left: 31px;
    }

    .contact-us .map {
        margin-right: -32px;
        margin-left: -32px;
    }

    .ql-planners-coordinators .column::before {
        right: -24px;
        left: -24px;
    }

    .ql-key-features .responsive-media {
        margin-right: -32px;
        margin-left: -32px;
    }

    .position-categories {
        margin-right: -32px;
        margin-left: -32px;
    }
    
    .position-categories dt {
        padding-right: 32px;
        padding-left: 32px;
    }
    
    .position-categories li {
        padding-right: 32px;
        padding-left: 32px;
    }
}

/* Extra^2 small devices (375px and up) */
@media (min-width: 375px) and (max-width: 479.98px) {}

/* Extra^2 small devices (less than 480px) */
@media (max-width: 479.98px) {}


/* Extra small devices (portrait phones, 480px and up) */

@media (min-width: 480px) {
    body {
        font-size: 18px;
    }

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

    .btn-md {
        width: auto;
    }
    
    .btn-lg {
        width: auto;
        min-width: 300px;
    }

    .wp-block-button {
        width: auto;
        min-width: 300px;
    }

    .banner-content h1 {
        font-size: 52px;
    }

    .newsletter-form .form-control {
        order: 2;
        width: auto;
    }

    .newsletter-form .input-group-append {
        width: auto;
    }

    .newsletter-form .input-group-append + .invalid-feedback {
        order: 3;
    }

    .newsletter-form .form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .newsletter-form .btn {
        min-width: 120px;
        margin-top: 0;
    }

    .newsletter-form .input-group-append:not(:last-child) .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .navbar-collapse .btn {
        width: auto;
    }

    .references .award > div::before {
        top: -130px;
        left: -300px;
    }

    .references-2 .section-body {
        border-bottom: 6px solid #eef2f3;
    }

    .testimonials .blockquote {
        font-size: 18px;
    }    
    
    .post-title {
        font-size: 52px;
    }

    .post-timetable dt,
    .post-timetable dd {
        padding: 16px 24px;
        margin-bottom: 0;
    }

    .post-timetable .separator {
        margin-bottom: 24px;
    }

    .team-member {
        max-width: none;
    }

    .partner-email-form .input-group input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .partner-email-form .input-group .input-group-append {
        width: auto;
        margin-left: -1px;
        order: 2;
    }

    .partner-email-form .input-group .invalid-feedback {
        margin-top: 4px;
        margin-bottom: 0;
    }
    
    .partner-email-form .input-group-append .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .partner-email-form .input-group-append + .invalid-feedback {
        order: 3;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .newsletter-form {
        padding-bottom: 60px;
    }

    .newsletter-form h2 {
        margin-right: -32px;
        margin-left: -32px;
    }

    .footer-nav {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom-width: 0;
    }

    .banner.leap .banner-media {
        margin-right: 0;
        margin-left: 0;
    }

    .banner.leap .responsive-media {
        padding-right: 0;
        padding-left: 0;
    }

    .banner.leap .responsive-media:first-child {
        right: -16px;
        width: 71%;
        margin-bottom: -42%;
        margin-left: auto;
    }

    .banner.leap .responsive-media:last-child {
        left: -16px;
        width: 67%;
    }

    .js .banner.leap .responsive-media:nth-child(n + 2) {
        display: block;
    }

    .banner.company > *,
    .banner.solutions > * {
        position: relative;
        z-index: 1;
    }

    .banner.company::after,
    .banner.solutions::after {
        position: relative;
        z-index: 0;
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 12%;
        content: '';
        background-color: #fff;
    }

    .banner.contact::after {
        content: none;
    }

    .banner.company .banner-content,
    .banner.solutions .banner-content {
        padding-bottom: 30px;
    }

    .banner.company .responsive-media,
    .banner.solutions .responsive-media {
        margin-right: -32px;
        margin-bottom: -18%;
        margin-left: 8.5%;
        box-shadow: 0 12px 12px rgba(0, 0, 0, 0.16);
    }

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

    .references .award > div::before {
        top: -70px;
        right: -370px;
        left: auto;
        -webkit-transform: rotateX(180deg) rotateZ(180deg);
        transform: rotateX(180deg) rotateZ(180deg);
    }

    .reference-group p {
        margin-right: -30px;
        margin-left: -30px;
    }

    .reference-group ul {
        margin-right: -30px;
        margin-left: -30px;
    }

    .membership h2 {
        font-size: 30px;
    }

    .testimonials .responsive-media {
        margin-right: 0;
        margin-left: 0;
    }

    .team-lecture {
        position: relative;
        padding-right: 190px;
    }

    .team-lecture .btn {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -25px;
    }

    .usecase-study-details .responsive-media {
        margin-right: 0;
        margin-left: 0;
    }

    .usecase-study-details .responsive-media > picture {
        padding-top: 59.264706%;
    }

    .usecase-study-details h3 > span {
        margin-left: calc(8.333333% + 8px);
        margin-right: calc(8.333333% + 8px);
    }

    .usecase-study-details li > i {
        background-position-x: 8px;
    }

    .usecase-study-details .check-list i::before {
        left: 0;
    }

    .usecase-study-details .check-list i::before,
    .usecase-study-details .dash-list i::before {
        margin-left: 0;
    }

    .usecase-study-details li > span {
        margin-left: calc(4.166667% - 8px);
    }

    .contact-us .map {
        padding-top: 56%;
    }

    .team-member {
        max-width: 238px;
    }

    div:nth-child(2n) > .team-member {
        margin-right: 0 !important;
    }

    div:nth-child(2n + 1) > .team-member {
        margin-left: 0 !important;
    }

    .articles.slider .slick-list {
        width: 83.333333%;
        margin-left: 8.333333%;
    }

    .articles .card-title {
        font-size: 30px;
    }

    .author {
        max-width: 536px;
    }
    
    .author figcaption {
        margin-top: 0;
        margin-left: 24px;
    }

    .js .qlector-leap .responsive-media {
        width: 100%;
    }

    .js .qlector-leap .slider-item:nth-child(n + 2) {
        display: block;
    }

    .iobserver .qlector-leap dl.animated {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    .qlector-leap dl.animated.animate {
        -webkit-animation: fade-in-translate 0.6s forwards;
        animation: fade-in-translate 0.6s forwards;
    }

    .qlector-leap .slider-item:nth-child(2) dl.animated.animate {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .ql-key-features .responsive-media {
        margin-right: 0;
        margin-left: 0;
    }

    .ql-key-features .responsive-media > picture {
        margin-top: 9.3694362%;
    }

    .ql-key-features .responsive-media > picture::before {
        content: '';
    }

    .position-categories dt {
        font-size: 30px;
    }

    .position-categories li span {
        font-size: 24px;
    }

    .common-card .card-header {
        padding-right: 30px;
        padding-left: 30px;
    }

    .common-card .card-body {
        padding-right: 30px;
        padding-left: 30px;
    }

    .choose-the-program .btn {
        width: 300px;
    }

    .choose-the-program .partner-logo {
        width: 280px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container-fluid {
        padding-right: 64px;
        padding-left: 64px;
    }

    .content-stretch {
        margin-right: -64px;
        margin-left: -64px;
    }

    .common-card .card-description {
        font-size: 21px;
    }
    
    .page-title {
        font-size: 60px;
    }    

    .navbar-nav .dropdown-toggle:before,
    .navbar-nav .dropdown-toggle:after {
        right: 64px;
    }

    .collapse-main {
        padding-right: 64px;
        padding-left: 64px;
        margin-right: -48px;
        margin-left: -48px;
    }

    .lang-nav,
    .main-nav {
        margin-right: -64px;
        margin-left: -64px;
    }

    .lang-nav > .nav-item > .nav-link,
    .main-nav > .nav-item > .nav-link {
        padding-left: 64px;
        padding-right: 64px;
    }

    .lang-nav .dropdown-item,
    .main-nav .dropdown-item {
        padding-right: 64px;
        padding-left: 64px;
    }

    .cookie-consent button {
        margin-top: 0;
    }

    .newsletter-form {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .banner-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .banner-content h1 {
        font-size: 60px;
    }

    .banner-content .text-box {
        font-size: 21px;
    }

    .banner .banner-content .btn {
        margin-top: 50px;
    }

    .banner.head .banner-media {
        position: relative;
        margin-top: 50px;
    }

    .banner.company .responsive-media,
    .banner.solutions .responsive-media {
        margin-right: -64px;
    }

    .banner.leap .responsive-media:first-child {
        right: -40px;
    }

    .banner.leap .responsive-media:last-child {
        left: -40px;
    }

    .banner.career .banner-content h1 {
        margin-bottom: 48px;
    }

    .section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .section-head {
        margin-bottom: 60px;
    }

    .section-box {
        padding-top: 90px;
        padding-bottom: 90px;
    }

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

    .section.slider .slick-dots {
        bottom: 33px
    }

    .column {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .column-title {
        font-size: 36px;
    }

    .contact-description > div:first-child {
        padding-right: 30px;
        border-right: 1px solid #455160;
    }

    .contact-description > div:last-child {
        padding-left: 30px;
    }

    .references .trusted-by p {
        font-size: 21px;
    }

    .logo-kolektor {
        width: 216px;
    }

    .logo-jub {
        width: 74px;
    }

    .logo-continental-contitech {
        width: 168px;
    }

    .logo-hella {
        width: 73px;
    }

    .logo-ego {
        width: 152px;
    }

    .logo-bt {
        width: 108px;
    }

    .logo-domel {
        width: 103px;
    }

    .logo-cablex {
        width: 120px;
    }

    .logo-tupras {
        width: 138px;
    }

    .logo-kovis {
        width: 147px;
    }

    .logo-kolpa {
        width: 110px;
    }

    .logo-unior {
        width: 147px;
    }

    .logo-osram {
        width: 191px;
    }

    .references .award-description {
        margin-bottom: 0;
    }

    .references .award-logo {
        min-width: 190px;
        padding-right: 32px;
        padding-left: 32px;
    }

    .references-2 .slick-dots {
        top: 33px;
    }
    
    .js .memberships {
        padding-bottom: 16px !important;
    }

    .membership {
        padding-bottom: 60px;
    }

    .js .membership {
        margin-bottom: 0 !important;
    }

    .js .membership > .row > div {
        margin-left: 0 !important;
    }

    .membership::before {
        right: -56px;
        left: -56px;
    }

    .membership figure:first-child {
        height: 150px;
    }

    .membership a {
        margin-top: 24px;
    }

    .benefits h3 {
        font-size: 24px;
    }
 
    .testimonials .blockquote::before {
        width: 57px;
        height: 48px;
        margin-bottom: 60px;
    }
    
    .testimonials .slick-dots {
        top: 33px;
    }

    .usecase-study .media-column::before {
        right: -56px;
        left: -56px;
    }

    .usecase-study figure::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 60%;
        height: 120%;
        content: ' ';
        background: transparent url('../images/circles.svg') no-repeat top left;
    
        -webkit-transform: translate(-43%, -18%);
        transform: translate(-43%, -18%);
    }

    .usecase-study-details .section-head {
        margin-bottom: 70px;
    }
    
    .usecase-study-details .responsive-media {
        margin-bottom: 70px;
    }

    .usecase-study-details li > span {
        margin-left: 0;
    }

    .product-architecture .diagram > dl:first-child {
        padding-right: 0;
        margin-right: -25px;
        margin-left: -25px;
    }

    .product-architecture .diagram-group:nth-child(n) {
        padding: 0 25px 60px;
    }

    .product-architecture .diagram-group > dt:before {
        margin-top: 3px;
    }

    .product-architecture .diagram-group > dt:after {
        top: 50%;
        margin-top: -12px;
        margin-left: 21px;
    }

    .product-architecture .diagram-group:last-child > dt:after {
        content: none;
    }

    .product-architecture .diagram-group:nth-child(2) > dt:after {
        background-image: url('../images/arrow-down-grey.svg');
    }

    .product-architecture .diagram-group > dd:before {
        margin-top: 20px;
    }

    .product-architecture .diagram-group:last-child > dd:before {
        content: '';
    }

    .product-architecture .diagram-group:nth-child(2) > dd:before {
        background-image: url('../images/arrow-down-blue.svg');
    }

    .product-architecture .diagram-group:nth-child(3) > dd:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);    
    }

    .product-architecture .diagram-box {
        padding: 18px 24px;
        font-size: 18px;
    }

    .product-architecture dl.diagram-box {
        border-radius: 20px;
    }

    .product-architecture .diagram-box dt {
        margin-top: -2px;
        margin-right: -2px;
        margin-left: -2px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .product-architecture .diagram-box dd {
        padding: 35px 0;
    }

    .product-architecture .diagram-box li {
        margin-bottom: 16px;
    }

    .product-architecture .diagram-box li:nth-child(4) {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .product-architecture .diagram-box li:nth-child(5) {
        margin-bottom: 0;
        margin-right: 5px;
    }

    .product-architecture .diagram-box li > div {
        height: 100%;
        font-size: 16px;
        box-shadow: 0 3px 12px 0 rgba(0, 155, 255, 0.1);
    }

    .product-architecture .diagram-box li .icon {
        display: block;
    }

    .post-head {
        margin-bottom: 60px;
    }

    .post-title {
        font-size: 60px;
    }

    .post-subtitle {
        font-size: 48px;
    }

    .post .image-box figure {
        margin-top: 70px;
        margin-bottom: 70px;
        margin-right: -48px;
        margin-left: -48px;
    }

    .post .image-box figcaption {
        padding-right: 48px;
        padding-left: 48px;
    }

    .post .image-box .slick-slider {
        padding-top: 70px;
        padding-bottom: 70px;
        margin-right: -48px;
        margin-left: -48px;
    }

    .post .image-box .slick-dots {
        display: -ms-flexbox;
        display: flex;
        bottom: -23px;
    }

    .post .image-box .slick-caption {
        bottom: -8px;
    }

    .post-foot {
        margin-top: 70px;
    }

    .post-foot hr {
        margin-bottom: 70px;
    }

    .post-timetable dt,
    .post-timetable dd {
        padding: 24px 32px;
    }

    .post-timetable dt {
        flex-direction: row;
    }

    .post-timetable time {
        margin-right: 8px;
        margin-bottom: 0;
    }

    .post-timetable .separator {
        margin-bottom: 32px;
    }

    .section-card {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }

    .section-card .card-title {
        font-size: 36px;
    }

    .section-card .card-body {
        padding-right: 31px;
        padding-left: 31px;
    }

    .contact-us .map {
        padding-top: 56%;
    }

    /* .career-definition {
        font-size: 24px;
    }

    .career-definition > div {
        padding: 24px 30px;
    } */
    
    .career-description h2 {
        margin-top: 60px;
    }

    .team-members .row:last-child {
        margin-bottom: -90px;
    }

    .team-member {
        max-width: 260px;
        margin-bottom: 90px;
    }

    .team-member > div {
        margin-bottom: 50px;
        margin-left: 50px;
    }

    .advisory-board .team-member > div {
        margin-bottom: 0;
    }

    .team-member > div::before {
        bottom: -50px;
        left: -50px;
    }

    .articles.slider .slick-list {
        width: 66.666667%;
        margin-left: 16.666667%;
    }
   
    .articles.slider .slick-dots {
        top: 17px;
    }

    .articles .card-title {
        font-size: 36px;
    }

    .industry-40 .diagram {
        width: auto;
    }

    .industry-40 .diagram-wrapper {
        overflow-x: visible;
    }

    .industry-40 .diagram > div > dt {
        margin-bottom: 64px;
    }

    .industry-40 .diagram dl dt {
        margin-top: -32px;
    }

    .industry-40 .diagram > div:first-child li:first-child dl > div::before {
        margin-top: -48px;
    }

    .industry-40 .value {
        height: 220px;
    }
    
    .industry-40 .industry40 .value .diagram-box::after {
        display: block;
        content: '';
        width: 10px;
        height: 21px;
        margin-top: auto;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 16px;
        background: url('../images/arrow-down-green.svg') no-repeat center;
    }

    .industry-40 .ai .value .diagram-box span {
        margin-top: 28px;
    }
    
    .industry-40 .industry40 .value .diagram-box span {
        margin-top: 8px;
    }
    
    .ql-planners-coordinators .column::before {
        right: -56px;
        left: -56px;
    }

    .grow-with-us ul {
        margin-bottom: -60px;
    }
    
    .grow-with-us li {
        margin-bottom: 60px;
    }

    .how-you-start .card-header::before {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-right: 30px;
        margin-bottom: -30px;
    }

    .how-you-start .card-header::after {
        margin-left: 30px;
    }

    .how-you-start .links {
        margin-top: 60px;
    }

    .partner-details-form h2 {
        font-size: 48px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .page-title {
        font-size: 72px;
    }

    .footer-col {
        margin-bottom: 40px;
    }
    
    .footer-foot .sap-app-center > img {
        width: 217px;
        height: 63px;
    }

    .footer-foot .siq-certified {
        width: 260px;
        height: 83px;
    }

    .newsletter-form {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .newsletter-form h2 {
        margin-bottom: 50px;
        font-size: 36px;
    }

    .banner.company::after,
    .banner.solutions::after {
        padding-bottom: 0;
    }

    .banner.head .banner-content {
        /* padding-top: 0;
        padding-bottom: 0; */
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .banner.home .banner-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .banner-content h1 {
        font-size: 52px;
    }

    .banner.home .banner-content h1 {
        font-size: 60px;
    }

    .banner.contact .banner-content h1 {
        font-size: 72px;
    }

    .banner-content .text-box {
        font-size: 18px;
    }

    /* .banner.head .banner-text,
    .banner.head .banner-media {
        padding-top: 90px;
        padding-bottom: 90px;
    } */

    .banner.home .banner-text {
        padding-top: 0;
        padding-bottom: 0;
    }

    .banner.solutions .banner-text {
        margin-right: 24%;
    }

    .banner.company .banner-text {
        margin-right: 5%;
    }

    /* .banner.head .banner-media {
        margin-top: 0;
    } */

    .banner.home .banner-media {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 50px;
    }

    .banner.leap .responsive-media:first-child {
        right: -5%;
        width: 71%;
        margin-bottom: -38%;
        /* margin-top: -8%; */
    }

    .banner.leap .responsive-media:last-child {
        left: -5%;
        width: 76%;
    }

    .section {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section-box {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .section.slider .slick-dots {
        bottom: 48px
    }

    .column {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .usecase-study {
        border-top-width: 1px;
    }

    .usecase-study::before {
        position: absolute;
        top: -1px;
        right: 50%;
        bottom: -1px;
        left: 0;
        z-index: 0;
        content: '';
        background-color: #0a4166;
    }

    .usecase-study .media-column::before {
        top: -1px;
        right: 8px;
        bottom: -1px;
        left: 0;
    }

    .usecase-study .responsive-media {
        width: calc(71.428571% - 16px);
        margin-right: auto;
        margin-left: auto;
    }
    
    .usecase-study .responsive-media::before {
        -webkit-transform: translate(-34%, -23%);
        transform: translate(-34%, -23%);
    }

    .usecase-study-details .responsive-media {
        margin-bottom: 0;
    }

    .usecase-study-details .responsive-media > picture {
        padding-top: 49.264706%;
    }

    .usecase-study-details .column-content {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .usecase-study-details .column-content::after {
        content: none;
    }

    .usecase-study-details h3 {
        margin-bottom: 60px;
    }

    .usecase-study-details ul + h3 {
        margin-top: 60px;
    }
    
    .usecase-study-details h3 > span {
        margin-left: calc(25% - 38px);
        margin-right: calc(25% - 38px);
    }

    .usecase-study-details li > i {
        background-position-x: calc(100% - 8px);
    }

    .usecase-study-details .check-list i::before,
    .usecase-study-details .dash-list i::before {
        margin-right: 0;
        margin-left: auto;
    }

    .usecase-study-details li > span {
        margin-left: 0;
    }

    
    .testimonials .blockquote {
        margin-bottom: 0;
    }

    .testimonials .responsive-media > picture {
        margin-top: 24px;
        margin-bottom: 0;
    }

    .testimonials .slider {
        margin-right: -16px;
        margin-left: -16px;
    }
    
    .testimonials .slider-item {
        padding-right: 16px;
        padding-left: 16px;
    }

    .testimonials .slick-dots {
        top: 48px;
    }

    .qlector-leap .media-column {
        margin-top: 0;
    }

    .challenges-in-manufacturing li {
        position: relative;
        z-index: 1;
        align-items: center;
        justify-content: start;
    }

    .challenges-in-manufacturing li:nth-child(n + 4) {
        margin-bottom: 0;
    }

    .iobserver .challenges-in-manufacturing li:nth-child(1).animated {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(2).animated {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(3).animated {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(4).animated {
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(5).animated {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(6).animated {
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    .challenges-in-manufacturing li > div {
        position: static;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .challenges-in-manufacturing li > div::before {
        position: absolute;
        top: 64px;
        right: -61px;
        z-index: -1;
        width: 122px;
        height: 14px;
        content: '';
        background: url('../images/curve-dotted.svg') no-repeat center;
    }

    .challenges-in-manufacturing li:nth-child(2n) > div::before {
        top: 38px;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .challenges-in-manufacturing li > div::after {
        top: 71px;
        right: -6px;
        bottom: auto;
        left: auto;

        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .challenges-in-manufacturing li:nth-child(2n) > div::after {
        top: 33px;
    }

    .challenges-in-manufacturing li:nth-child(3n) > div::before,
    .challenges-in-manufacturing li:nth-child(3n) > div::after {
        content: none;
    }

    .challenges-in-manufacturing li .icon {
        min-height: auto;
    }

    .challenges-in-manufacturing li:nth-child(1).animate p,
    .challenges-in-manufacturing li:nth-child(1).animate .icon,
    .challenges-in-manufacturing li:nth-child(1).animate div::before,
    .challenges-in-manufacturing li:nth-child(1).animate div::after {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .challenges-in-manufacturing li:nth-child(2).animate p,
    .challenges-in-manufacturing li:nth-child(2).animate .icon,
    .challenges-in-manufacturing li:nth-child(2).animate div::before,
    .challenges-in-manufacturing li:nth-child(2).animate div::after {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }

    .challenges-in-manufacturing li:nth-child(3).animate p,
    .challenges-in-manufacturing li:nth-child(3).animate .icon,
    .challenges-in-manufacturing li:nth-child(3).animate div::before,
    .challenges-in-manufacturing li:nth-child(3).animate div::after {
        -webkit-animation-delay: 2.5s;
        animation-delay: 2.5s;
    }

    .challenges-in-manufacturing li:nth-child(4).animate p,
    .challenges-in-manufacturing li:nth-child(4).animate .icon,
    .challenges-in-manufacturing li:nth-child(4).animate div::before,
    .challenges-in-manufacturing li:nth-child(4).animate div::after {
        -webkit-animation-delay: 3.5s;
        animation-delay: 3.5s;
    }

    .challenges-in-manufacturing li:nth-child(5).animate p,
    .challenges-in-manufacturing li:nth-child(5).animate .icon,
    .challenges-in-manufacturing li:nth-child(5).animate div::before,
    .challenges-in-manufacturing li:nth-child(5).animate div::after {
        -webkit-animation-delay: 4.5s;
        animation-delay: 4.5s;
    }

    .challenges-in-manufacturing li:nth-child(6).animate p,
    .challenges-in-manufacturing li:nth-child(6).animate .icon,
    .challenges-in-manufacturing li:nth-child(6).animate div::before,
    .challenges-in-manufacturing li:nth-child(6).animate div::after {
        -webkit-animation-delay: 5.5s;
        animation-delay: 5.5s;
    }

    .challenges-in-manufacturing li p {
        width: auto;
        padding-right: 16px;
        padding-left: 16px;
    }

    .js .references .award {
        padding-top: 96px;
    }

    .references .award > div::before {
        right: auto;
        top: -50px;
        left: -340px;
        max-width: none;
        -webkit-transform: none;
        transform: none;
    }

    .references .award-logo {
        min-height: 190px;
        padding-top: 32px;
        padding-bottom: 32px;
        /* margin-bottom: 0; */
    }

    .js .references-2 .slider-item {
        display: block;
    }

    .references .trusted-by ul::before {
        content: '';
        order: 9;
        width: 100%;
    }
    
    .references .trusted-by ul::after {
        content: '';
        order: 17;
        width: 100%;
    }

    .references .trusted-by ul li {
        padding-right: 16px;
        padding-left: 16px;
    }

    .memberships {
        overflow-x: hidden;
    }

    .membership::before {
        right: 8px;
        left: auto;
        width: calc(50vw - 8px);
    }

    .membership:nth-child(2n):before {
        right: auto;
        left: 8px;
    }

    .js .membership.slider-item:nth-child(2) {
        display: block;
    }

    .post-title {
        font-size: 72px;
    }

    .post .image-box figure {
        margin-right: 0;
        margin-left: 0;
    }
    
    .post .image-box figcaption {
        padding-right: 0;
        padding-left: 0;
    }

    .post .image-box .slick-slider {
        margin-right: 0;
        margin-left: 0;
    }

    .section-card {
        margin-right: 0;
        margin-left: 0;
    }

    .section-card::before {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 46.480938%;
        padding-top: 46.480938%;
        content: '';
        background-image: url('../images/dot-5-32-gray.svg');
        background-size: 5.826771%;
        -webkit-transform: translate(-10%, 10%);
        transform: translate(-10%, 10%);
    }

    .section:nth-child(2n) .section-card::before {
        right: 0;
        left: auto;
        -webkit-transform: translate(10%, 10%);
        transform: translate(10%, 10%);
    }

    .section-card .card-title {
        margin-bottom: 50px;
    }

    .section-card .card-body {
        padding: 60px calc(8.333333% + 8px) 90px;
        margin-right: -8px;
        margin-left: -8px;
    }

    .contact-us .map {
        padding-top: 83%;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }

    .career-description ul {
        columns: 2;
        column-gap: 16px;
    }

    .career-description :nth-child(3) {
        clear: both;
    }

    .career-definition {
        float: right;
        width: calc(5 / 12 * 100% - 9px);
        margin-left: 16px;
    }

    .team-members .row:last-child {
        margin-bottom: -120px;
    }

    .advisory-board h2 {
        margin-bottom: 90px;
    }

    .team-member {
        margin-bottom: 120px;
    }

    div:nth-child(3n + 1) > .team-member {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    div:nth-child(3n + 2) > .team-member {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    div:nth-child(3n) > .team-member {
        margin-right: 0 !important;
        margin-left: auto !important;
    }
    
    .articles.slider .slick-list {
        width: auto;
        margin-left: 0;
    }
    
    .articles.slider .slick-dots {
        top: 32px;
    }

    .js .articles.slider .slider-item:nth-child(-n + 2) {
        display: block;
    }

    .js .articles.slider .slider-item:nth-child(n + 3) {
        display: none;
    }

    .articles-banner .responsive-media {
        height: 100%;
        overflow: hidden;
    }

    .articles-banner .responsive-media > picture {
        padding-top: 55.9375%;
        min-height: 100%;
    }

    .articles-banner .card-title {
        font-size: 48px;
    }
    
    .industry-40 .diagram {
        padding-left: 10% !important;
    }

    .industry-40 .diagram > div > dt {
        padding-top: 12px;
        padding-bottom: 12px;    
        margin-bottom: 32px;
    }

    .industry-40 .diagram dl > div {
        margin-bottom: 32px;
    }

    .industry-40 .diagram > div:first-child li:first-child dl > div::before {
        margin-top: -16px;
    }

    .industry-40 .diagram > div:first-child li:first-child dl > div > dt {
        right: auto;
        left: auto;
        width: calc(10% - 16px);
        margin-left: -8px;
        text-align: left;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
    }

    .industry-40 .diagram > div:first-child li:first-child dl > div.value > dt {
        margin-top: 150px;
    }

    .industry-40 .diagram > div:first-child li:first-child dl > div.market-maturity > dt {
        margin-top: 65px;
    }

    .industry-40 .diagram > div:first-child li:first-child dl > div.enabler > dt {
        margin-top: 29px;
    }

    .industry-40 .value {
        height: 300px;
    }

    .industry-40 .market-maturity {
        height: 130px;
    }

    .industry-40 .diagram-box {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .ql-planners-coordinators {
        border-bottom-width: 0;
    }

    .ql-planners-coordinators .columns {
        background-color: #fff;
        border: 1px solid #c5cdd7;
    }

    .ql-planners-coordinators .columns:nth-child(n + 1) {
        margin-top: 40px;
    }

    .ql-planners-coordinators .columns:nth-child(2n + 1) .column:first-child::before {
        right: calc(16.666667% + 8px);
        left: -64px;
    }

    .ql-planners-coordinators  .columns:nth-child(2n) .column:first-child::before {
        right: -64px;
        left: calc(16.666667% + 8px);
    }

    .ql-planners-coordinators .columns:nth-child(2n + 1) .column:last-child::before {
        right: -64px;
        left: 0;
        border-top: 1px solid #c5cdd7;
        border-bottom: 1px solid #c5cdd7;
    }

    .ql-planners-coordinators .columns:nth-child(2n) .column:last-child::before {
        right: 0;
        left: -64px;
        border-top: 1px solid #c5cdd7;
        border-bottom: 1px solid #c5cdd7;
    }

    .ql-planners-coordinators .responsive-media::before {
        top: -13%;
        left: -1%;
    }

    .ql-planners-coordinators .columns:nth-child(2n) .responsive-media::before {
        top: -13%;
        right: -7%;
        left: auto;
    }

    .ql-planners-coordinators .responsive-media::after {
        content: none;
    }

    .ql-key-features .columns:nth-child(2n + 1) .responsive-media > picture::before {
        -webkit-transform: translate(calc(-16.666667% - 4px), -15%);
        -ms-transform: translate(-16.666667%, -15%);
        transform: translate(calc(-16.666667% - 4px), -15%);
    }

    .ql-key-features .columns:nth-child(2n) .responsive-media > picture::before {
        -webkit-transform: translate(calc(16.666667% + 4px), -15%);
        -ms-transform: translate(16.666667%, -15%);
        transform: translate(calc(16.666667% + 4px), -15%);
    }

    .grow-with-us ul {
        margin-bottom: -80px;
    }
    
    .grow-with-us li {
        margin-bottom: 80px;
    }

    .contact-us:nth-child(2n) .section-card::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        z-index: 0;
        -webkit-transform: translate(-10%, 10%);
        transform: translate(-10%, 10%);
    }

    .contact-us .section-card::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        bottom: 0;
        left: 0;
        z-index: 0;
        background-color: #fff;
    }

    .contact-us .card-body {
        position: relative;
        z-index: 1;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .page-wrapper {
        padding-top: 100px;
    }

    .page-wrapper:before {
        height: 100px;
    }

    .site-header {
        overflow: visible;
    }

    .site-header.is-expanded {
        box-shadow: none;
    }

    .site-header.is-scrolled {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
    }
    
    .collapse-main {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: auto;
        padding-right: 16px;
        padding-left: 16px;
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-brand img {
        width: 184px;
        max-height: 60px;
    }

    .navbar-nav .dropdown-toggle:before,
    .navbar-nav .dropdown-toggle:after {
        right: 11px;
        width: 10px;
        height: 10px;
        margin-top: -5px;
    }

    .navbar-nav .dropdown-menu {
        left: 50%;
        margin-top: 16px;
        border-width: 1px;
        border-radius: 5px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);    
    }

    .navbar-nav .dropdown-menu:before,
    .navbar-nav .dropdown-menu:after {
        position: absolute;
        content: '';
        top: -7px;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 13px 7px 13px;
        border-color: transparent transparent #e6e6e6 transparent;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .navbar-nav .dropdown-menu:after {
        top: -6px;
        border-bottom-color: #fff;
    }

    .main-nav {
        padding-top: 0;
        margin-right: 32px;
        margin-left: -16px;
    }

    .main-nav .nav-item {
        /* margin-right: 8px; */
        border-bottom-width: 0;
    }

    .lang-nav > .nav-item > .nav-link,
    .main-nav > .nav-item > .nav-link {
        padding: 12px 16px;
        margin-right: 0;
        margin-left: 0;
        line-height: 1.5;
        border-radius: 5px;
    }

    .lang-nav > .nav-item:hover > .nav-link,
    .lang-nav > .nav-item > .nav-link:focus,
    .main-nav > .nav-item:hover > .nav-link,
    .main-nav > .nav-item > .nav-link:focus {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .lang-nav > .dropdown > .nav-link,
    .main-nav > .dropdown > .nav-link {
        padding-right: 32px;
    }

    .lang-nav .dropdown-item,
    .main-nav .dropdown-item {
        padding-right: 24px;
        padding-left: 24px;
    }

    .lang-nav {
        margin-right: 16px;
        margin-left: 0;
    }

    .lang-nav .nav-item {
        border-bottom-width: 0;
    }

    .lang-nav > .nav-item > .nav-link {
        padding-left: 46px;
    }

    .lang-nav .nav-link span {
        padding-left: 0;
    }

    .lang-nav .nav-link span:before {
        left: -30px;
    }

    .lang-nav .dropdown-menu {
        min-width: 70px;
    }

    .navbar-collapse .btn {
        margin-top: 0;
        margin-bottom: 0;
    }

    .site-header.is-scrolled .navbar-collapse .btn {
        margin-top: 0;
    }

    .navbar-nav .dropdown-toggle:before,
    .navbar-nav .dropdown-toggle:after {
        right: 16px;
    }

    .banner.head .banner-content {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    
    .banner.head .banner-content > :first-child {
        position: relative;
        z-index: 1;
    }

    /* .banner.home .banner-content {
        padding-top: 0;
        padding-bottom: 0;
    } */

    .product .banner-content {
        width: 58%;
    }

    .banner.team::after {
        padding-bottom: 5%;
    }

    .banner.home .banner-content > div:last-child {
        position: relative;
        z-index: 1;
    }

    .banner.leap .banner-content > div:last-child {
        position: static;
    }

    .banner.leap .banner-text {
        margin-right: 5%;
    }

    .banner-content h1 {
        font-size: 60px;
    }

    .banner.home .banner-content h1 {
        font-size: 52px;
    }

    .banner-content .text-box {
        font-size: 21px;
    }

    /* .banner.head .banner-text,
    .banner.head .banner-media {
        padding-top: 90px;
        padding-bottom: 90px;
    } */

    .banner.head .banner-media {
        margin-top: 0;
    }

    .banner.home .banner-media {
        margin-top: 0;
    }

    .banner.home .banner-text,
    .banner.leap .banner-text {
        margin-right: 20%;
    }

    .banner.company .banner-text {
        margin-right: 17%;
    }

    .banner.home .responsive-media {
        width: 120%;
        margin-left: -20%;
    }

    .banner.leap .responsive-media:first-child {
        right: 0;
    }

    .banner.leap .responsive-media:last-child {
        left: -17%;
    }

    .banner.leap .responsive-media:first-child::before,
    .banner.leap .responsive-media:last-child::before {
        position: absolute;
        top: 6%;
        left: -19%;
        content: '';
        width: 14.705882%;
        padding-top: 14.705882%;
        background-image: url('../images/dot-5-32-blue.svg');
        background-size: 46.25%;
    }

    .banner.leap .responsive-media:last-child::before {
        top: auto;
        right: -19%;
        bottom: 11%;
        left: auto;
        background-image: url('../images/dot-5-32-red.svg');
    }

    .banner.company .responsive-media,
    .banner.solutions .responsive-media {
        width: calc(100% + 64px);
        margin-top: 15%;
        margin-bottom: -15%;
        margin-left: 0;
        overflow: visible;
    }

    .banner.solutions .responsive-media::before {
        position: absolute;
        top: -22%;
        left: -22%;
        content: '';
        width: 55%;
        height: 108%;
        background-image: url('../images/circles.svg');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
    }

    .banner.company .responsive-media::before,
    .banner.company .responsive-media::after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        content: '';
        width: 78.256302%;
        padding-top: 7.352941%;
        background-image: url('../images/dot-5-32-gray.svg');
        background-size: 4.959785%;
        -webkit-transform: translate(0, -85%);
        transform: translate(0, -85%);
    }

    .banner.company .responsive-media::after {
        top: auto;
        right: 0;
        bottom: 0%;
        left: auto;
        -webkit-transform: translate(0, 125%);
        transform: translate(0, 125%);
    }

    .banner.career .banner-content h1 {
        margin-bottom: 64px;
    }
    
    .section.orientation-right .text-column {
        order: 2;
    }

    .section.orientation-right .media-column {
        order: 1;
    }

    .reference-group:nth-child(2) {
        position: relative;
    }

    .reference-group:nth-child(2):before,
    .reference-group:nth-child(2):after {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        content: ' ';
        background-color: #e6e6e6;
    }

    .reference-group:nth-child(2):before {
        left: -12.5%;
    }

    .reference-group:nth-child(2):after {
        right: -12.5%;
    }

    .reference-group p {
        height: 50px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    
    .usecase-study-details h3 > span {
        margin-left: calc(12.5% - 15px);
        margin-right: calc(12.5% - 15px);
    }

    .usecase-study-details li > i {
        background-position-x: 50%;
    }

    .usecase-study-details .check-list i::before,
    .usecase-study-details .dash-list i::before {
        margin-right: auto;
    }

    .benefits li {
        position: relative;
    }

    .benefits li::before {
        position: absolute;
        bottom: -60px;
        left: -42px;
        width: 214px;
        height: 214px;
        content: '';
        background: url('../images/dot-grid-15x15-bl.svg') no-repeat center;
    }

    .benefits li:last-child {
        margin-bottom: 60px;
    }

    .testimonials .blockquote {
        padding-right: 0;
    }

    .testimonials .responsive-media > picture {
        margin-top: 24px;
    }

    .challenges-in-manufacturing li {
        margin-bottom: 0;
    }

    .iobserver .challenges-in-manufacturing li:nth-child(1).animated {
        -webkit-transform: translate3d(250%, 0, 0);
        transform: translate3d(250%, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(2).animated {
        -webkit-transform: translate3d(150%, 0, 0);
        transform: translate3d(150%, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(3).animated {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(4).animated {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(5).animated {
        -webkit-transform: translate3d(-150%, 0, 0);
        transform: translate3d(-150%, 0, 0);
    }

    .iobserver .challenges-in-manufacturing li:nth-child(6).animated {
        -webkit-transform: translate3d(-250%, 0, 0);
        transform: translate3d(-250%, 0, 0);
    }

    .challenges-in-manufacturing li:nth-child(3n) > div::before,
    .challenges-in-manufacturing li:nth-child(3n) > div::after {
        content: '';
    }

    .challenges-in-manufacturing li:last-child > div::before,
    .challenges-in-manufacturing li:last-child > div::after {
        content: none;
    }

    .product-architecture .diagram > dl:first-child {
        margin-right: -40px;
        margin-left: -40px;
    }

    .product-architecture .diagram-group:nth-child(n) {
        padding-right: 40px;
        padding-left: 40px;
    }

    .product-architecture .diagram-group > dt,
    .product-architecture .diagram-group > dd {
        height: calc(50% - 18px);
    }

    .product-architecture .diagram-group > dt {
        margin-bottom: 36px;
    }

    .product-architecture .diagram-group > dt:before {
        width: 4px;
        height: 20px;
        margin-top: 10px;
        margin-left: -2px;
    }

    .product-architecture .diagram-group > dt:after {
        width: 16px;
        height: 32px;
        margin-top: -16px;
        margin-left: 34px;
    }

    .product-architecture .diagram-group > dd:before {
        width: 16px;
        height: 32px;
        margin-top: 16px;
        margin-left: -8px;
    }

    .product-architecture .diagram-box {
        font-size: 22px;
        padding: 30px;
    }

    .product-architecture .diagram-box dd {
        padding-right: 35px;
        padding-left: 35px;
    }

    .product-architecture .diagram-box li:nth-child(n) {
        /* -ms-flex-preferred-size: 100%; */
        /* max-width: 200px; */ /* breaks IE11 */
        margin: 0;
    }

    .product-architecture .diagram-box li > div {
        padding-top: 40px;
        padding-bottom: 25px;
        font-size: 18px;
    }

    .product-architecture .diagram-box li > div:before {
        top: 8px;
        left: 12px;
        width: 23px;
        height: 5px;
    }

    .product-architecture .diagram-box li > div:after {
        top: 21px;
    }

    .section-card .card-body {
        padding-right: calc(10% + 8px);
        padding-left: calc(10% + 8px);
    }

    .js .articles.slider:not(.permanent) .slider-item {
        display: block;
    }

    .js .articles.slider .slider-item:nth-child(-n + 3) {
        display: block;
    }

    .js .articles.slider .slider-item:nth-child(n + 4) {
        display: none;
    }

    .articles-banner .responsive-media {
        border-right: 1px solid #c5cdd7;
        border-bottom-width: 0;
    }

    .articles-banner .card-body {
        padding-left: 16px;
    }

    .articles-banner .card-body > p:first-child abbr:after {
        content: attr(title);
    }

    .articles-banner .card-body > p:first-child abbr span {
        display: none;
    }

    .articles-banner .card-body > p:first-child > span:last-child {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(16.666667% - 14px);
        padding-top: 8px;
        padding-bottom: 8px;
        background-color: #fff;
    }

    .articles-banner .card-body > p:first-child > span:last-child > img {
        display: block;
        width: 80%;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        margin: 0 auto;
    }

    .articles-banner .card-title {
        font-size: 36px;
        -webkit-line-clamp: 6;
    }

    /* .articles-banner .card-footer {
        padding-bottom: 25px;
        padding-left: 32px;
        margin-left: -16px;
        border-top: 1px solid #c5cdd7;
    } */

    .industry-40 .diagram-wrapper {
        margin-top: 0;
    }

    .ql-planners-coordinators .columns:nth-child(2n + 1) .column:first-child::before {
        right: calc(16.666667% + 8px);
        left: 7px;
    }

    .ql-planners-coordinators  .columns:nth-child(2n) .column:first-child::before {
        right: 7px;
        left: calc(16.666667% + 8px);
    }

    .ql-planners-coordinators .columns:nth-child(2n + 1) .column:last-child::before {
        content: none;
    }

    .ql-planners-coordinators .columns:nth-child(2n) .column:last-child::before {
        content: none;
    }

    .ql-key-features .columns:nth-child(2n + 1) .responsive-media > picture::before {
        -webkit-transform: translate(calc(-20% - 4px), -15%);
        -ms-transform: translate(-20%, -15%);
        transform: translate(calc(-20% - 4px), -15%);
    }

    .ql-key-features .columns:nth-child(2n) .responsive-media > picture::before {
        -webkit-transform: translate(calc(20% + 4px), -15%);
        -ms-transform: translate(20%, -15%);
        transform: translate(calc(20% + 4px), -15%);
    }

    .career-definition {
        width: calc(50% - 8px);
    }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) and (max-width: 1440.98px) {}

/* Extra large devices (less than 1440px) */
@media (max-width: 1440.98px) {}


/* Extra^2 large devices (1440px and up) */
@media (min-width: 1440px) {
    .navbar-nav .dropdown-toggle:before,
    .navbar-nav .dropdown-toggle:after {
        right: 24px;
    }

    .main-nav {
        margin-right: 64px;
    }

    .lang-nav > .nav-item > .nav-link,
    .main-nav > .nav-item > .nav-link {
        padding-right: 24px;
        padding-left: 24px;
    }

    .lang-nav > .dropdown > .nav-link,
    .main-nav > .dropdown > .nav-link {
        padding-right: 50px;
    }

    .lang-nav > .nav-item > .nav-link {
        padding-left: 54px;
    }

    .lang-nav .dropdown-item,
    .main-nav .dropdown-item {
        padding-right: 32px;
        padding-left: 32px;
    }

    .banner-content h1 {
        font-size: 72px;
    }

    .banner.home .banner-content h1 {
        font-size: 60px;
    }

    .banner.home .banner-text,
    .banner.leap .banner-text {
        margin-right: 26%;
    }

    .banner.home .responsive-media {
        width: 125%;
        margin-left: -25%;
    }

    .product-architecture .diagram-box {
        font-size: 24px;
    }

    .product-architecture .diagram-box li > div {
        font-size: 20px;
    }

    .benefits li {
        padding-left: 40px;
        padding-right: 40px;
    }

    .benefits li::before {
        left: -16px;
    }

    .industry-40 .diagram {
        margin-top: 0;
        font-size: 18px;
    }

    .contact-us .map {
        padding-top: 62%;
    }

    .articles-banner .card-title {
        font-size: 48px;
    }

    .references .trusted-by ul::before,
    .references .trusted-by ul::after {
        content: none;
    }

    .how-you-start .card-header::after {
        transform: rotate(0);
    }
}

/* Extra^2 large devices (1440px and up) */
@media (min-width: 1440px) and (max-width: 1680.98px) {}

/* Extra^2 large devices (less than 1680px) */
@media (max-width: 1680.98px) {}


/* Extra^3 large devices (1680px and up) */
@media (min-width: 1680px) {
    .container-fluid {
        padding-right: 140px;
        padding-left: 140px;
    }

    .content-stretch {
        margin-right: -140px;
        margin-left: -140px;
    }

    .banner.company .responsive-media,
    .banner.solutions .responsive-media {
        width: calc(100% + 140px);
    }

    .references .trusted-by .container-fluid:first-child {
        border-bottom-width: 0;
    }    

    .references .trusted-by p {
        border-bottom: 1px solid #17445b;
    }

    .team-member {
        max-width: none;
    }

    div:nth-child(n) > .team-member {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

}

/* Extra^3 large devices (1680px and up) */
@media (min-width: 1680px) and (max-width: 1920.98px) {}

/* Extra^3 large devices (less than 375px) */
@media (max-width: 1920.98px) {}


/* Extra^4 large devices (1920px and up) */
@media (min-width: 1920px) {
    .references .award > div {
        position: relative;
    }

    .references .award > div::before {
        top: -150px;
        left: -350px;
    }
}

@media (min-width: 783px) {
    .wp-toolbar .site-header {
        margin-top: 32px;
    }
}