/* Shared */

.contact-form {
    width: 100%;
    position: relative;
}

.contact-form .contacts-input-row input {
    border: none;
    background-color: #EFEFEF;
    color: #676969;
}

.contact-form .contacts-input-row textarea {
    color: #676969;
    border: none;
    background-color: #EFEFEF;
}

.contact-form p {
    color: #828282;
}

.contact-form .address-line p {
    color: #828282;
}

.contact-form a:hover {
    text-decoration: none;
}

.accept-terms {
    cursor: pointer;
}

.accept-terms i {
    opacity: 0.2;
}

.required-check {
    color: red !important;
}

.validation-error {
    color: red;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    /* display: none; */
}

body {
    overflow-x: hidden;
}

.container-header {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: relative;
}

.container-header h1,
.modules h1 {
    color: #E4FFFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.container-header h4,
.modules .module-inner-container h4 {
    color: #E4FFFF;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.container-header p,
.modules .module-inner-container .module-description p,
.pocket-nav .timeline p {
    color: #E4FFFF;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    margin-bottom: 1vw;
}

.container-header .phone {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    position: relative;
}

.container-header .phone .play-button {
    position: absolute;
    margin: auto auto;
    cursor: pointer;
    text-align: center;
    color: #F5F5F5;
    z-index: 1000;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(254, 255, 250, 0.7);
    border: 1px solid #FEFFFA;
}

.container-header .phone video {
    position: absolute;
}

.container-options {
    width: 100%;
}

.container-options .options,
.user-convenience .user-convenience-right-side,
.user-convenience .user-convenience-right-side .phone-tablet,
.user-convenience .user-convenience-right-side .tablet,
.user-convenience .user-convenience-left-side .worker {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.call-to-action-one {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.call-to-action-one h1 {
    color: #F2F9FA;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.call-to-action-one h5 {
    color: #F2F9FA;
}

.call-to-action-one .action-images {
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.call-to-action-two,
.call-to-action-three {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.call-to-action-two h1,
.call-to-action-three h1 {
    color: #F2F9FA;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.call-to-action-two h5,
.call-to-action-three h5 {
    color: #F2F9FA;
}

.call-to-action-two .action-images {
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

.page-navigation {
    position: absolute;
    height: 100%;
    z-index: 10;
}

.page-navigation .icon {}

.modules .module-purchases,
.modules .module-sales,
.modules .module-warehouse,
.modules .module-production,
.pocket-nav .timeline {
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.projects {
    width: 100%;
    position: relative;
    padding: 0;
    padding-bottom: 5vw;
}

.projects .project-header {
    width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.projects .project-content {
    width: 100%;
    position: relative;
    background-repeat: repeat;
}

.projects .project-footer {
    width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.projects .project-content h2,
.user-convenience .user-convenience-content h2,
.pocket-nav .pocket-nav-content h2 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.projects .company-row {
    width: 100%;
    position: relative;
}

.projects .company-row h5 {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #70787B;
}

.projects .company-row p,
.container-options .options .option-text {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #70787B;
}

.projects .projects-row {
    width: 100%;
    position: relative;
}

.projects .projects-row .display {
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.projects .projects-row .project-description {
    float: left;
    position: relative;
    display: table;
    vertical-align: middle;
}

.projects .projects-row .project-description .center-middle-text {
    display: table-cell;
    vertical-align: middle;
}

.projects .projects-row .project-description .center-middle-text h5 {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #666B6E;
}

.projects .projects-row .project-description .center-middle-text p,
.user-convenience .user-convenience-right-side .info p,
.user-convenience .user-convenience-left-side .info p,
.user-convenience .user-convenience-left-side .info-part-two p {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #767A7B;
}

.devices {
    width: 100%;
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
}


/* Extra small */

@media (max-width: 575px) {
    h1 {
        font-size: 10.5vw;
    }

    h2 {}

    h3 {
        font-size: 4.7vw;
    }

    h4 {
        font-size: 3.6vw;
    }

    h5 {
        font-size: 3.9vw;
    }

    button {
        font-size: 3.9vw;
    }

    p {
        font-size: 3.5vw;
    }

    .container-header {
        height: 130vw;
        background-image: url('images/ytuitive-wms/header-mobile-bg.png');
        padding-bottom: 2vw;
    }

    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }

    .container-header h4 {
        margin-left: 7.5vw;
    }

    .container-header p {
        margin-left: 7.5vw;
        font-size: 2.8vw;
    }

    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }

    .container-header .header-description {
        margin-top: -27.5vw;
        width: 100%;
        margin-left: 0;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: center;
    }

    .container-header .phone {
        background-image: url('images/ytuitive-wms/scanner.png');
        height: 35vw;
        width: 85vw;
        position: relative;
        margin: auto;
        top: 56vw;
    }

    .container-header .phone .play-button {
        left: calc(50% - 5vw);
        width: 10vw;
        height: 10vw;
        top: calc(50% - 6vw);
        font-size: 6vw;
        border-radius: 5vw;
        line-height: 9vw;
        padding-left: 0.7vw;
    }

    .container-header .phone video {
        position: absolute;
        width: 52.4vw;
        left: 14.4vw;
        top: 2.3vw;
    }

    .container-options {
        margin-top: 0vw;
        margin-bottom: 4vw;
    }

    .container-options h2 {
        width: 30vw;
        margin-left: 35vw;
    }

    .container-options .options {
        border-radius: 1vw;
        height: 40vw;
        margin: auto;
        max-width: 74vw;
        margin-top: 5vw;
    }

    .container-options .options .option-text {
        font-size: 4.5vw;
        padding: 4vw 0 0 2vw;
    }

    .modules {
        position: relative;
        height: 325vw;
    }

    .modules .module-position {
        position: relative;
        height: 80vw;
        width: 86vw;
        margin: auto;
    }

    .modules .module-purchases {
        background-image: url('images/ytuitive-wms/modul-1.png');
    }

    .modules .module-sales {
        background-image: url('images/ytuitive-wms/modul-2.png');
    }

    .modules .module-warehouse {
        background-image: url('images/ytuitive-wms/modul-3.png');
    }

    .modules .module-production {
        background-image: url('images/ytuitive-wms/modul-4.png');
    }

    .modules .module-inner-container {
        position: relative;
        width: 74%;
        height: 90%;
        top: 13%;
        left: 13%;
    }

    .modules .module-inner-container h4 {
        font-size: 4vw;
        padding-bottom: 1vw;
    }

    .modules .module-inner-container .module-description p {
        font-size: 2.9vw;
    }

    .modules .module-inner-container .module-description p i {
        font-size: 2vw;
    }

    .user-convenience {
        height: 595vw;
    }

    .user-convenience .user-convenience-content h2 {
        font-size: 5.5vw;
        width: 90%;
        position: relative;
        margin: auto;
        font-weight: bold;
        color: #767A7B;
    }

    .user-convenience .user-convenience-left-side .worker {
        background-image: url('images/ytuitive-wms/user-convenience-2.png');
        top: 141vw;
        position: relative;
        margin-left: -2vw;
        width: 70vw;
        height: 59vw;
        left: -8px;
    }

    .user-convenience .user-convenience-right-side .phone-tablet {
        background-image: url('images/ytuitive-wms/user-convenience-1.png');
        position: relative;
        width: 70vw;
        height: 59vw;
        left: -25vw;
        top: 74vw;
    }

    .user-convenience .user-convenience-right-side .tablet {
        background-image: url('images/ytuitive-wms/user-convenience-3.png');
        position: relative;
        width: 70vw;
        height: 59vw;
        left: -25vw;
        top: 217vw;
    }

    .user-convenience .user-convenience-right-side .info {
        position: relative;
        top: 209vw;
        left: -38vw;
        width: 80vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon {
        margin-top: 0.4vw;
        font-size: 5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-right-side .info .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
        margin-left: -0.5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 4vw;
        padding-bottom: 2vw;
    }

    .user-convenience .user-convenience-left-side .info {
        position: relative;
        top: 5vw;
        width: 80vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info-part-two {
        top: 14vw;
        position: relative;
        width: 80vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info .info-icon,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon {
        font-size: 5vw;
        text-align: center;
    }

    .user-convenience .user-convenience-left-side .info .info-icon i,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-left-side .info .info-text,
    .user-convenience .user-convenience-left-side .info-part-two .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
    }

    .user-convenience .user-convenience-left-side .info .info-text p,
    .user-convenience .user-convenience-left-side .info-part-two .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 4vw;
        padding-bottom: 2vw;
    }

    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-one.png');
        height: 97vw;
        margin-bottom: 5vw;
        background-position: center;
    }

    .call-to-action-one h1 {
        width: 100%;
        padding-top: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-one h5 {
        width: 100%;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 2.5vw;
    }

    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
        display: none;
    }

    /* POCKET NAV START */
    .pocket-nav {
        min-height: 225vw;
    }

    .pocket-nav .pocket-nav-content h2 {
        font-size: 5.2vw;
        width: 55%;
        position: relative;
        margin: auto;
    }

    .pocket-nav .switcher {
        background-color: #8AC23A;
        border-radius: 35px;
        width: 68%;
        height: 4%;
        margin: auto;
        margin-top: 10%;
    }

    .pocket-nav .switcher .service,
    .pocket-nav .switcher .on-premisses {
        text-align: center;
        display: inline-table;
        font-size: 4vw;
        margin-top: 1%;
        width: 45%;
        height: 86%;
        margin-left: 3%;
        border-radius: 34px;
        cursor: pointer;
        color: #fff;
    }

    .pocket-nav .switcher .service>div,
    .pocket-nav .switcher .on-premisses>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .pocket-nav .switcher .on-premisses {}

    .pocket-nav .switcher .selected {
        background: #fff;
        color: #8AC23A !important;
    }


    .pocket-nav .pocket-nav-subtitle {
        width: 95%;
        margin: auto;
        margin-top: 7%;
        text-align: center;
    }

    .pocket-nav .pocket-nav-subtitle .subtitle {
        color: #272f32;
        font-size: 4vw;
    }

    .pocket-nav .pocket-nav-subtitle .info {
        color: #747474;
        font-size: 3vw;
    }

    .pocket-nav .service-blocks {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 8%;
        width: 90%;
    }

    .pocket-nav .service-blocks .block {
        background-image: url("images/ytuitive-wms/service-rectangle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 6%;
        border-radius: 20px;
        width: 48%;
        height: 48vw !important;
        margin-right: 1.5%;
    }

    .pocket-nav .service-blocks .block .block-title {
        color: #272f32;
        text-align: center;
        font-size: 4vw;
        width: 80%;
        margin-left: 10%;
        margin-top: 5%;
        line-height: 18px !important;
    }

    .pocket-nav .service-blocks .block .block-info-container {
        border: 1px solid #747474;
        border-radius: 25px;
        width: 90%;
        margin-left: 5%;
        margin-top: 4%;
        height: 34vw !important;
    }

    .pocket-nav .service-blocks .block .block-info-container .bullets {
        color: #747474;
        font-size: 3vw;
        width: 80%;
        margin-left: 18%;
        margin-top: 8%;
        display: none;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price {
        text-align: center;
        color: #48BEEA;
        font-weight: bold;
        margin-top: 8%;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .price {
        font-size: 11vw;
        line-height: 56px;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .cents {
        font-size: 5vw;
        vertical-align: top;
    }

    .pocket-nav .service-blocks .block .block-info-container .price-month {
        color: #747474;
        text-align: center;
        font-size: 2.7vw;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button {
        display: table;
        margin: auto;
        background-color: #8AC23A;
        border-radius: 25px;
        width: 80%;
        height: 13%;
        margin-top: 11%;
        cursor: pointer;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 4vw;
        color: #fff;
    }

    .pocket-nav .pocket-cart {
        display: none;
        margin-left: 8%;
        margin-top: 4%;
    }

    .pocket-nav .pocket-cart .cart-titles {}

    .pocket-nav .pocket-cart .inline-titles {
        display: inline-block;
        color: #272f32;
        font-weight: bold;
        font-size: 3vw;
    }

    .pocket-nav .pocket-cart .product {}

    .pocket-nav .pocket-cart .desc {
        margin-left: 18%;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-titles .price {
        margin-left: 29%;
        display: none;
    }

    .pocket-nav .pocket-cart .quantyty {
        margin-left: 30%;
    }

    .pocket-nav .pocket-cart .cart-titles .total {
        margin-left: 20%;
    }

    .pocket-nav .cart-line {
        border-bottom: 1px solid #747474;
        width: 95%;
        margin-top: 5px;
    }

    .pocket-nav .pocket-cart .cart-items {}

    .pocket-nav .pocket-cart .cart-items .item {
        margin-top: 1%;
    }

    .pocket-nav .pocket-cart .cart-items .item .inline-item {
        display: inline-block;
    }

    .pocket-nav .pocket-cart .cart-items .item .product {}

    .pocket-nav .pocket-cart .cart-items .item .product .title {
        color: #272f32;
        font-size: 2.7vw;
    }

    .pocket-nav .pocket-cart .cart-items .item .product .short-desc {
        color: #747474;
        font-size: 2.5vw;
        font-weight: bold;
    }

    .pocket-nav .pocket-cart .cart-items .item .desc {
        margin-left: 11%;
        vertical-align: top;
        color: #747474;
        font-size: 1.2vw;
        line-height: 45px;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-items .item .price {
        margin-left: 24.5%;
        vertical-align: top;
        color: #747474;
        font-size: 1.3vw;
        line-height: 45px;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity {
        margin-left: 10%;
        vertical-align: top;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity input {
        border-radius: 15px;
        width: 130%;
        text-align: end;
        color: #272f32;
        font-size: 2.5vw;
        border: 1px solid #747474;
        margin-top: 16%;
        padding-right: 5px;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        opacity: 1;
    }

    .pocket-nav .pocket-cart .cart-items .item .total {
        margin-left: 5.5%;
        vertical-align: top;
        color: #272f32;
        font-size: 3.5vw;
        font-weight: bold;
        line-height: 45px;
        text-align: end;
        width: 24%;
    }

    .pocket-nav .pocket-cart .cart-items .item-line {
        border-bottom: 1px solid #747474;
        margin-top: 1%;
        width: 95%;
    }

    .icofont-minus-circle {
        cursor: pointer;
        vertical-align: top;
        line-height: 40px;
        margin-left: 5px;
        font-size: 3.4vw;
    }

    .cart-total {}

    .cart-total .order-total {
        font-size: 4vw;
        color: #272f32;
        font-weight: bold;
        padding-top: 15px;
    }

    .cart-total .total-price {
        color: #48BEEA;
        font-weight: bold;
        text-align: end;
        padding-right: 5.2vw;
    }

    .cart-total .total-price .price {
        font-size: 8.5vw;
        line-height: 55px;
    }

    .cart-total .total-price .cents {
        font-size: 3.8vw;
        line-height: 37px;
        vertical-align: top;
        padding-right: 9px;
    }

    .pocket-cart .order {
        background-color: #8AC23A;
        font-size: 4vw;
        width: 40%;
        border-radius: 25px;
        text-align: center;
        margin-top: 1%;
        color: #fff;
        padding: 5px;
        cursor: pointer;
        margin: auto;
        margin-top: 6%;
        margin-bottom: 10%;
    }

    .projects {}

    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }

    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }

    .projects .project-content h2 {
        margin: 0;
        padding: 0;
        padding-top: 9vw;
        padding-left: 8.5vw;
        padding-right: 8.5vw;
    }

    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }

    .projects .company-row {
        padding-top: 8vw;
    }

    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 6vw;
    }

    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 3.6vw;
    }

    .projects .projects-row {
        padding-top: 2vw;
    }

    .projects .projects-row .display {
        width: 32vw;
        height: 29vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        display: none;
        margin-left: 2vw;
    }

    .projects .projects-row .display img {
        position: absolute;
        left: 6.4vw;
        width: 19vw;
        height: 12vw;
        top: 7.2vw;
    }

    .projects .projects-row .project-description {
        height: 13vw;
        width: 85vw;
    }

    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .projects .projects-row .project-description .center-middle-text p {
        font-size: 3.7vw;
    }

    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 140vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }

    .call-to-action-two h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-two h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .call-to-action-two button {
        margin-top: 6vw;
        margin-left: 2vw;
    }

    .call-to-action-three {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 120vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }

    .call-to-action-three h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-three h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .call-to-action-three button {
        margin-top: 6vw;
        margin-left: 2vw;
    }

    .request-help h2{
        font-size: 9.2vw;
        width: 100%;
        position: relative;
        margin: auto;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        /* font-weight: bold; */
    }

    .contact-form {
        padding-bottom: 5vw;
        padding-top: 2vw;
    }
    .contact-form h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        padding-left: 2vw;
        padding-top: 8vw;
        padding-bottom: 2vw;
        padding-right: 2vw;
        text-align: center;
    }
    .contact-form h4 {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 3.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .contact-form .contacts-input-row input {
        width: 100%;
        margin-top: 4vw;
        padding-left: 2.7vw;
        padding-top: 1.7vw;
        padding-bottom: 1.7vw;
        font-size: 4vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .contacts-input-row textarea {
        width: 100%;
        margin-top: 4vw;
        padding-left: 2.7vw;
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 4vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .g-recaptcha {
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .contact-form p {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 3.6vw;
        margin-top: 3vw;
        width: 100%;
        line-height: 5vw;
        height: 15vw;
    }
    .contact-form p i {
        margin-right: 1vw;
        font-size: 5vw;
    }
    .contact-form .address-line {
        margin-top: 6vw;
    }
    .contact-form .address-line p {
        font-size: 4vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .contact-form .address-line p:first-child {
        margin-bottom: 5vw;
    }
    .contact-form h5 {
        padding-left: 3.5vw;
        margin-top: 2vw;
        width: 34vw;
    }
    .contact-form .address-line p i {
        margin-right: 1vw;
    }
    .contact-form button {
        margin-top: 3vw;
    }

    .page-navigation {
        display: none;
    }
    
    .container-products {
        width: 100%;
        padding-right: 15px;
        padding-left: 10vw;
        margin-right: auto;
        margin-left: auto;
        height: 517vw;
    }
    
    .container-products .elements {
        opacity: 1;
        width: 100%;
        display: inline-block;
        margin-left: 0.5vw;
        margin-bottom: 10vw;
    }
    
    .container-products .device-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        border: 1px #7CB5C0 solid;
        border-radius: 40vw;
        width: 70vw;
        margin-top: 3vw;
        height: 70vw;
    }
    
    .container-products .device-info {
        display: table;
        height: 100%;
        margin-top: 1.6vw;
        text-align: center;
        font-family: "Montserrat";
    }
    
    .container-products button {
        border: none;
        background-color: #8AC23B;
        border-radius: 8px;
        padding-left: 0.5vw;
        padding-right: 1vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
        color: #FFFEFF;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        cursor: pointer;
        border-radius: 22px;
        width: 61vw;
        font-size: 5vw;
    }
    
    .container-products .device-info h5 {
        font-size: 5vw;
        margin-top: 2vw;
    }
    
    .container-header .demo-button {
        margin-left: 7vw;
        margin-top: 7vw;
    }
    
}


/* Small */

@media (min-width: 576px) and (max-width: 767px) {
    h1 {
        font-size: 10.5vw;
    }

    h2 {}

    h3 {
        font-size: 4.7vw;
    }

    h4 {
        font-size: 3.6vw;
    }

    h5 {
        font-size: 3.9vw;
    }

    button {
        font-size: 3.9vw;
    }

    p {
        font-size: 3.5vw;
    }

    .container-header {
        height: 120vw;
        background-image: url('images/ytuitive-wms/header-mobile-bg.png');
        padding-bottom: 2vw;
    }

    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }

    .container-header h4 {
        margin-left: 7.5vw;
    }

    .container-header p {
        margin-left: 7.5vw;
        font-size: 2.8vw;
    }

    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }

    .container-header .header-description {
        margin-top: 3.5vw;
        width: 100%;
        margin-left: 0;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: center;
    }

    .container-header .phone {
        background-image: url('images/ytuitive-wms/scanner.png');
        height: 35vw;
        width: 85vw;
        position: relative;
        margin: auto;
        top: 54vw;
    }

    .container-header .phone .play-button {
        left: calc(50% - 5vw);
        width: 10vw;
        height: 10vw;
        top: calc(50% - 6vw);
        font-size: 6vw;
        border-radius: 5vw;
        line-height: 9vw;
        padding-left: 0.7vw;
    }

    .container-header .phone video {
        position: absolute;
        width: 53.4vw;
        left: 13.4vw;
        top: 2.1vw;
    }

    .container-options {
        margin-top: 6vw;
        margin-bottom: 4vw;
    }

    .container-options h2 {
        width: 30vw;
        margin-left: 35vw;
    }

    .container-options .options {
        border-radius: 1vw;
        height: 40vw;
        margin: auto;
        max-width: 74vw;
        margin-top: 5vw;
    }

    .container-options .options .option-text {
        font-size: 2.8vw;
        padding: 4vw 0 0 2vw;
    }

    .modules {
        position: relative;
        height: 325vw;
    }

    .modules .module-position {
        position: relative;
        height: 80vw;
        width: 86vw;
        margin: auto;
    }

    .modules .module-purchases {
        background-image: url('images/ytuitive-wms/modul-1.png');
    }

    .modules .module-sales {
        background-image: url('images/ytuitive-wms/modul-2.png');
    }

    .modules .module-warehouse {
        background-image: url('images/ytuitive-wms/modul-3.png');
    }

    .modules .module-production {
        background-image: url('images/ytuitive-wms/modul-4.png');
    }

    .modules .module-inner-container {
        position: relative;
        width: 74%;
        height: 90%;
        top: 13%;
        left: 13%;
    }

    .modules .module-inner-container h4 {
        font-size: 4vw;
        padding-bottom: 1vw;
    }

    .modules .module-inner-container .module-description p {
        font-size: 2.5vw;
    }

    .modules .module-inner-container .module-description p i {
        font-size: 2vw;
    }

    .user-convenience {
        height: 384vw;
    }

    .user-convenience .user-convenience-content h2 {
        font-size: 5.5vw;
        width: 90%;
        position: relative;
        margin: auto;
    }

    .user-convenience .user-convenience-left-side .worker {
        background-image: url('images/ytuitive-wms/user-convenience-2.png');
        top: 170vw;
        position: relative;
        margin-left: -2vw;
        width: 70vw;
        height: 59vw;
    }

    .user-convenience .user-convenience-right-side .phone-tablet {
        background-image: url('images/ytuitive-wms/user-convenience-1.png');
        position: relative;
        width: 70vw;
        height: 59vw;
        left: -25vw;
        top: 41vw;
    }

    .user-convenience .user-convenience-right-side .tablet {
        background-image: url('images/ytuitive-wms/user-convenience-3.png');
        position: relative;
        width: 70vw;
        height: 59vw;
        left: -25vw;
        top: 155vw;
    }

    .user-convenience .user-convenience-right-side .info {
        position: relative;
        top: 40vw;
        left: -38vw;
        width: 80vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon {
        margin-top: 0.4vw;
        font-size: 5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-right-side .info .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
        margin-left: -0.5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 2.8vw;
        padding-bottom: 2vw;
    }

    .user-convenience .user-convenience-left-side .info {
        position: relative;
        top: 5vw;
        width: 80vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info-part-two {
        top: 175vw;
        position: relative;
        width: 80vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info .info-icon,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon {
        font-size: 5vw;
        text-align: center;
    }

    .user-convenience .user-convenience-left-side .info .info-icon i,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-left-side .info .info-text,
    .user-convenience .user-convenience-left-side .info-part-two .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
    }

    .user-convenience .user-convenience-left-side .info .info-text p,
    .user-convenience .user-convenience-left-side .info-part-two .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 2.8vw;
        padding-bottom: 2vw;
    }

    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-one.png');
        height: 97vw;
        margin-bottom: 5vw;
        background-position: center;
    }

    .call-to-action-one h1 {
        width: 100%;
        padding-top: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-one h5 {
        width: 100%;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 2.5vw;
    }

    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
        display: none;
    }

    /* POCKET NAV START */
    .pocket-nav {
        min-height: 160vw;
    }

    .pocket-nav .pocket-nav-content h2 {
        font-size: 5.2vw;
        width: 55%;
        position: relative;
        margin: auto;
    }

    .pocket-nav .switcher {
        background-color: #8AC23A;
        border-radius: 35px;
        width: 54%;
        height: 4%;
        margin: auto;
        margin-top: 2%;
    }

    .pocket-nav .switcher .service,
    .pocket-nav .switcher .on-premisses {
        text-align: center;
        display: inline-table;
        font-size: 3vw;
        margin-top: 1%;
        width: 44%;
        height: 86%;
        margin-left: 3%;
        border-radius: 34px;
        cursor: pointer;
        color: #fff;
    }

    .pocket-nav .switcher .service>div,
    .pocket-nav .switcher .on-premisses>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .pocket-nav .switcher .on-premisses {}

    .pocket-nav .switcher .selected {
        background: #fff;
        color: #8AC23A !important;
    }


    .pocket-nav .pocket-nav-subtitle {
        width: 95%;
        margin: auto;
        margin-top: 2%;
        text-align: center;
    }

    .pocket-nav .pocket-nav-subtitle .subtitle {
        color: #272f32;
        font-size: 3vw;
    }

    .pocket-nav .pocket-nav-subtitle .info {
        color: #747474;
        font-size: 2.3vw;
    }

    .pocket-nav .service-blocks {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 8%;
        width: 90%;
    }

    .pocket-nav .service-blocks .block {
        background-image: url("images/ytuitive-wms/service-rectangle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 2%;
        border-radius: 20px;
        width: 31%;
        height: 55vw !important;
        margin-right: 1.5%;
    }

    .pocket-nav .service-blocks .block .block-title {
        color: #272f32;
        text-align: center;
        font-size: 3vw;
        width: 80%;
        margin-left: 10%;
        margin-top: 5%;
        line-height: 18px !important;
    }

    .pocket-nav .service-blocks .block .block-info-container {
        border: 1px solid #747474;
        border-radius: 25px;
        width: 90%;
        margin-left: 5%;
        margin-top: 4%;
        height: 45vw !important;
    }

    .pocket-nav .service-blocks .block .block-info-container .bullets {
        color: #747474;
        font-size: 2.5vw;
        width: 80%;
        margin-left: 18%;
        margin-top: 8%;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price {
        text-align: center;
        color: #48BEEA;
        font-weight: bold;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .price {
        font-size: 9vw;
        line-height: 44px;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .cents {
        font-size: 4vw;
        vertical-align: top;
    }

    .pocket-nav .service-blocks .block .block-info-container .price-month {
        color: #747474;
        text-align: center;
        font-size: 2.2vw;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button {
        display: table;
        margin: auto;
        background-color: #8AC23A;
        border-radius: 25px;
        width: 80%;
        height: 13%;
        margin-top: 11%;
        cursor: pointer;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 3vw;
        color: #fff;
    }

    .pocket-nav .pocket-cart {
        display: none;
        margin-left: 8%;
        margin-top: 4%;
    }

    .pocket-nav .pocket-cart .cart-titles {}

    .pocket-nav .pocket-cart .inline-titles {
        display: inline-block;
        color: #272f32;
        font-weight: bold;
        font-size: 3vw;
    }

    .pocket-nav .pocket-cart .product {}

    .pocket-nav .pocket-cart .desc {
        margin-left: 18%;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-titles .price {
        margin-left: 29%;
        display: none;
    }

    .pocket-nav .pocket-cart .quantyty {
        margin-left: 30%;
    }

    .pocket-nav .pocket-cart .cart-titles .total {
        margin-left: 20%;
    }

    .pocket-nav .cart-line {
        border-bottom: 1px solid #747474;
        width: 95%;
        margin-top: 5px;
    }

    .pocket-nav .pocket-cart .cart-items {}

    .pocket-nav .pocket-cart .cart-items .item {
        margin-top: 1%;
    }

    .pocket-nav .pocket-cart .cart-items .item .inline-item {
        display: inline-block;
    }

    .pocket-nav .pocket-cart .cart-items .item .product {}

    .pocket-nav .pocket-cart .cart-items .item .product .title {
        color: #272f32;
        font-size: 2.7vw;
    }

    .pocket-nav .pocket-cart .cart-items .item .product .short-desc {
        color: #747474;
        font-size: 2.5vw;
        font-weight: bold;
    }

    .pocket-nav .pocket-cart .cart-items .item .desc {
        margin-left: 11%;
        vertical-align: top;
        color: #747474;
        font-size: 1.2vw;
        line-height: 45px;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-items .item .price {
        margin-left: 24.5%;
        vertical-align: top;
        color: #747474;
        font-size: 1.3vw;
        line-height: 45px;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity {
        margin-left: 10%;
        vertical-align: top;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity input {
        border-radius: 15px;
        width: 130%;
        text-align: end;
        color: #272f32;
        font-size: 2.5vw;
        border: 1px solid #747474;
        margin-top: 16%;
        padding-right: 5px;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        opacity: 1;
    }

    .pocket-nav .pocket-cart .cart-items .item .total {
        margin-left: 5.5%;
        vertical-align: top;
        color: #272f32;
        font-size: 3.5vw;
        font-weight: bold;
        line-height: 45px;
        text-align: end;
        width: 24%;
    }

    .pocket-nav .pocket-cart .cart-items .item-line {
        border-bottom: 1px solid #747474;
        margin-top: 1%;
        width: 95%;
    }

    .icofont-minus-circle {
        cursor: pointer;
        vertical-align: top;
        line-height: 40px;
        margin-left: 5px;
        font-size: 3.4vw;
    }

    .cart-total {}

    .cart-total .order-total {
        font-size: 4vw;
        color: #272f32;
        font-weight: bold;
        padding-top: 9px;
    }

    .cart-total .total-price {
        color: #48BEEA;
        font-weight: bold;
        text-align: end;
        padding-right: 5.2vw;
    }

    .cart-total .total-price .price {
        font-size: 8.5vw;
        line-height: 55px;
    }

    .cart-total .total-price .cents {
        font-size: 3.8vw;
        line-height: 37px;
        vertical-align: top;
        padding-right: 9px;
    }

    .pocket-cart .order {
        background-color: #8AC23A;
        font-size: 4vw;
        width: 40%;
        border-radius: 25px;
        text-align: center;
        margin-top: 1%;
        color: #fff;
        padding: 5px;
        cursor: pointer;
        margin: auto;
        margin-top: 6%;
        margin-bottom: 10%;
    }

    .projects {}

    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }

    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }

    .projects .project-content h2 {
        margin: 0;
        padding: 0;
        padding-top: 9vw;
        padding-left: 8.5vw;
        padding-right: 8.5vw;
    }

    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }

    .projects .company-row {
        padding-top: 8vw;
    }

    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 5.2vw;
    }

    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 2.6vw;
    }

    .projects .projects-row {
        padding-top: 2vw;
    }

    .projects .projects-row .display {
        width: 32vw;
        height: 29vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        display: none;
        margin-left: 2vw;
    }

    .projects .projects-row .display img {
        position: absolute;
        left: 6.4vw;
        width: 19vw;
        height: 12vw;
        top: 7.2vw;
    }

    .projects .projects-row .project-description {
        height: 13vw;
        width: 85vw;
    }

    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .projects .projects-row .project-description .center-middle-text p {
        font-size: 2.7vw;
    }

    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 135vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }

    .call-to-action-two h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-two h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .call-to-action-two button {
        margin-top: 6vw;
        margin-left: 2vw;
    }

    .call-to-action-three {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 120vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }

    .call-to-action-three h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-three h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .call-to-action-three button {
        margin-top: 6vw;
        margin-left: 2vw;
    }

    h1 {
        font-size: 7.5vw;
    }
    h2 {}
    h3 {
        font-size: 4.7vw;
    }
    h4 {
        font-size: 3.6vw;
    }
    h5 {
        font-size: 3.9vw;
    }
    button {
        font-size: 3.9vw;
    }
    .request-help h2{
        font-size: 5.2vw;
        width: 55%;
        position: relative;
        margin: auto;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
    }
    .contact-form {
        padding-bottom: 5vw;
        padding-top: 2vw;
    }
    .contact-form h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        padding-left: 2vw;
        padding-top: 8vw;
        padding-bottom: 2vw;
        padding-right: 2vw;
        text-align: center;
    }
    .contact-form h4 {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 3.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .contact-form .contacts-input-row input {
        width: 100%;
        margin-top: 4vw;
        padding-left: 2.7vw;
        padding-top: 1.7vw;
        padding-bottom: 1.7vw;
        font-size: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .contacts-input-row textarea {
        width: 100%;
        margin-top: 4vw;
        padding-left: 2.7vw;
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .g-recaptcha {
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .contact-form p {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 3vw;
        margin-top: 3vw;
        width: 100%;
        line-height: 5vw;
        height: 10vw;
    }
    .contact-form p i {
        margin-right: 1vw;
        font-size: 5vw;
    }
    .contact-form .address-line {
        margin-top: 6vw;
    }
    .contact-form .address-line p {
        font-size: 3vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .contact-form .address-line p:first-child {
        margin-bottom: 5vw;
    }
    .contact-form h5 {
        padding-left: 3.5vw;
        margin-top: 2vw;
        width: 34vw;
    }
    .contact-form .address-line p i {
        margin-right: 1vw;
    }
    .contact-form button {
        margin-top: 3vw;
    }

    .page-navigation {
        display: none;
    }
    
    .container-products {
        width: 100%;
        padding-right: 15px;
        padding-left: 10vw;
        margin-right: auto;
        margin-left: auto;
        height: 28vw;
    }
    
    .container-products .elements {
        opacity: 1;
        width: 25%;
        display: inline-block;
        margin-left: 0.5vw;
    }
    
    .container-products .device-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 13vw;
        margin-top: 3vw;
        height: 13vw;
    }
    
    .container-products .device-info {
        display: table;
        height: 100%;
        margin-top: 1.6vw;
        text-align: center;
        font-family: "Montserrat";
    }
    
    .container-products button {
        border: none;
        background-color: #8AC23B;
        border-radius: 8px;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        color: #FFFEFF;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        cursor: pointer;
        border-radius: 22px;
        width: 15vw;
        font-size: 1vw;
    }
    
}


/* Medium */

@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 10.5vw;
    }

    h2 {}

    h3 {
        font-size: 4.7vw;
    }

    h4 {
        font-size: 3.6vw;
    }

    h5 {
        font-size: 3.9vw;
    }

    button {
        font-size: 3.9vw;
    }

    p {
        font-size: 3.5vw;
    }

    .container-header {
        height: 120vw;
        background-image: url('images/ytuitive-wms/header-mobile-bg.png');
        padding-bottom: 2vw;
    }

    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }

    .container-header h4 {
        margin-left: 7.5vw;
    }

    .container-header p {
        margin-left: 7.5vw;
        font-size: 2.8vw;
    }

    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }

    .container-header .header-description {
        margin-top: 3.5vw;
        width: 100%;
        margin-left: 0;
        padding-left: 2vw;
        padding-right: 2vw;
        text-align: center;
    }

    .container-header .phone {
        background-image: url('images/ytuitive-wms/scanner.png');
        height: 35vw;
        width: 85vw;
        position: relative;
        margin: auto;
        top: 55vw;
    }

    .container-header .phone .play-button {
        left: calc(50% - 5vw);
        width: 10vw;
        height: 10vw;
        top: calc(50% - 6vw);
        font-size: 6vw;
        border-radius: 5vw;
        line-height: 9vw;
        padding-left: 0.7vw;
    }

    .container-header .phone video {
        position: absolute;
        width: 53.2vw;
        left: 14.2vw;
        top: 2vw;
    }

    .container-options {
        margin-top: 6vw;
        margin-bottom: 4vw;
    }

    .container-options h2 {
        width: 30vw;
        margin-left: 35vw;
    }

    .container-options .options {
        margin-top: 2vw;
        border-radius: 1vw;
        height: 21vw;
        margin-left: 5vw;
        max-width: 34vw;
    }

    .container-options .options .option-text {
        font-size: 1.7vw;
        padding: 1.5vw 0 0 0.3vw;
    }

    .modules {
        position: relative;
        height: 240vw
    }

    .modules .module-position {
        position: relative;
        height: 59vw;
        width: 69vw;
        margin: auto;
    }

    .modules .module-purchases {
        background-image: url('images/ytuitive-wms/modul-1.png');
    }

    .modules .module-sales {
        background-image: url('images/ytuitive-wms/modul-2.png');
    }

    .modules .module-warehouse {
        background-image: url('images/ytuitive-wms/modul-3.png');
    }

    .modules .module-production {
        background-image: url('images/ytuitive-wms/modul-4.png');
    }

    .modules .module-inner-container {
        position: relative;
        width: 74%;
        height: 90%;
        top: 13%;
        left: 13%;
    }

    .modules .module-inner-container h4 {
        font-size: 3vw;
        padding-bottom: 1vw;
    }

    .modules .module-inner-container .module-description p {
        font-size: 2vw;
    }

    .modules .module-inner-container .module-description p i {
        font-size: 2vw;
    }

    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-one.png');
        height: 97vw;
        margin-bottom: 5vw;
        background-position: center;
    }

    .call-to-action-one h1 {
        width: 100%;
        padding-top: 10vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-one h5 {
        width: 100%;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 2.5vw;
    }

    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
        display: none;
    }

    .user-convenience {
        height: 325vw;
    }

    .user-convenience .user-convenience-content h2 {
        font-size: 4vw;
        width: 70%;
        position: relative;
        margin: auto;
    }

    .user-convenience .user-convenience-left-side .worker {
        background-image: url('images/ytuitive-wms/user-convenience-2.png');
        top: 143vw;
        position: relative;
        margin-left: -2vw;
        width: 70vw;
        height: 59vw;
    }

    .user-convenience .user-convenience-right-side .phone-tablet {
        background-image: url('images/ytuitive-wms/user-convenience-1.png');
        position: relative;
        width: 70vw;
        height: 59vw;
        left: -23.1vw;
        top: 28vw;
    }

    .user-convenience .user-convenience-right-side .tablet {
        background-image: url('images/ytuitive-wms/user-convenience-3.png');
        position: relative;
        width: 70vw;
        height: 59vw;
        left: -23vw;
        top: 120vw;
    }

    .user-convenience .user-convenience-right-side .info {
        position: relative;
        top: 26vw;
        width: 70vw;
        left: -32vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon {
        margin-top: 0.4vw;
        font-size: 3.5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-right-side .info .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
        margin-left: -0.5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 2vw;
        padding-bottom: 2vw;
    }

    .user-convenience .user-convenience-left-side .info {
        position: relative;
        top: 5vw;
        width: 70vw;
        left: 16vw;
    }

    .user-convenience .user-convenience-left-side .info-part-two {
        top: 148vw;
        position: relative;
        width: 70vw;
        left: 16vw;
    }

    .user-convenience .user-convenience-left-side .info .info-icon,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon {
        font-size: 3.5vw;
        text-align: center;
    }

    .user-convenience .user-convenience-left-side .info .info-icon i,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-left-side .info .info-text,
    .user-convenience .user-convenience-left-side .info-part-two .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
    }

    .user-convenience .user-convenience-left-side .info .info-text p,
    .user-convenience .user-convenience-left-side .info-part-two .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 2vw;
        padding-bottom: 2vw;
    }

    /* POCKET NAV START */
    .pocket-nav {
        min-height: 140vw;
    }

    .pocket-nav .pocket-nav-content h2 {
        font-size: 5.2vw;
        width: 55%;
        position: relative;
        margin: auto;
    }

    .pocket-nav .switcher {
        background-color: #8AC23A;
        border-radius: 35px;
        width: 54%;
        height: 4%;
        margin: auto;
        margin-top: 2%;
    }

    .pocket-nav .switcher .service,
    .pocket-nav .switcher .on-premisses {
        text-align: center;
        display: inline-table;
        font-size: 2.5vw;
        margin-top: 1%;
        width: 44%;
        height: 86%;
        margin-left: 3%;
        border-radius: 34px;
        cursor: pointer;
        color: #fff;
    }

    .pocket-nav .switcher .service>div,
    .pocket-nav .switcher .on-premisses>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .pocket-nav .switcher .on-premisses {}

    .pocket-nav .switcher .selected {
        background: #fff;
        color: #8AC23A !important;
    }


    .pocket-nav .pocket-nav-subtitle {
        width: 85%;
        margin: auto;
        margin-top: 2%;
        text-align: center;
    }

    .pocket-nav .pocket-nav-subtitle .subtitle {
        color: #272f32;
        font-size: 2.2vw;
    }

    .pocket-nav .pocket-nav-subtitle .info {
        color: #747474;
        font-size: 1.8vw;
    }

    .pocket-nav .service-blocks {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 8%;
        width: 90%;
    }

    .pocket-nav .service-blocks .block {
        background-image: url("images/ytuitive-wms/service-rectangle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 2%;
        border-radius: 20px;
        width: 31%;
        height: 48vw !important;
        margin-right: 1.5%;
    }

    .pocket-nav .service-blocks .block .block-title {
        color: #272f32;
        text-align: center;
        font-size: 2.5vw;
        width: 80%;
        margin-left: 10%;
        margin-top: 5%;
        line-height: 18px !important;
    }

    .pocket-nav .service-blocks .block .block-info-container {
        border: 1px solid #747474;
        border-radius: 25px;
        width: 90%;
        margin-left: 5%;
        margin-top: 4%;
        height: 39vw !important;
    }

    .pocket-nav .service-blocks .block .block-info-container .bullets {
        color: #747474;
        font-size: 2vw;
        width: 80%;
        margin-left: 18%;
        margin-top: 8%;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price {
        text-align: center;
        color: #48BEEA;
        font-weight: bold;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .price {
        font-size: 8vw;
        line-height: 56px;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .cents {
        font-size: 3vw;
        vertical-align: top;
    }

    .pocket-nav .service-blocks .block .block-info-container .price-month {
        color: #747474;
        text-align: center;
        font-size: 2vw;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button {
        display: table;
        margin: auto;
        background-color: #8AC23A;
        border-radius: 25px;
        width: 80%;
        height: 13%;
        margin-top: 11%;
        cursor: pointer;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 2.5vw;
        color: #fff;
    }

    .pocket-nav .pocket-cart {
        display: none;
        margin-left: 8%;
        margin-top: 4%;
    }

    .pocket-nav .pocket-cart .cart-titles {}

    .pocket-nav .pocket-cart .inline-titles {
        display: inline-block;
        color: #272f32;
        font-weight: bold;
        font-size: 2.5vw;
    }

    .pocket-nav .pocket-cart .product {}

    .pocket-nav .pocket-cart .desc {
        margin-left: 18%;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-titles .price {
        margin-left: 29%;
        display: none;
    }

    .pocket-nav .pocket-cart .quantyty {
        margin-left: 30%;
    }

    .pocket-nav .pocket-cart .cart-titles .total {
        margin-left: 27%;
    }

    .pocket-nav .cart-line {
        border-bottom: 1px solid #747474;
        width: 95%;
        margin-top: 5px;
    }

    .pocket-nav .pocket-cart .cart-items {}

    .pocket-nav .pocket-cart .cart-items .item {
        margin-top: 1%;
    }

    .pocket-nav .pocket-cart .cart-items .item .inline-item {
        display: inline-block;
    }

    .pocket-nav .pocket-cart .cart-items .item .product {}

    .pocket-nav .pocket-cart .cart-items .item .product .title {
        color: #272f32;
        font-size: 2.3vw;
    }

    .pocket-nav .pocket-cart .cart-items .item .product .short-desc {
        color: #747474;
        font-size: 2vw;
        font-weight: bold;
    }

    .pocket-nav .pocket-cart .cart-items .item .desc {
        margin-left: 11%;
        vertical-align: top;
        color: #747474;
        font-size: 1.2vw;
        line-height: 45px;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-items .item .price {
        margin-left: 24.5%;
        vertical-align: top;
        color: #747474;
        font-size: 1.3vw;
        line-height: 45px;
        display: none;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity {
        margin-left: 15%;
        vertical-align: top;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity input {
        border-radius: 15px;
        width: 130%;
        text-align: end;
        color: #272f32;
        font-size: 2.5vw;
        border: 1px solid #747474;
        margin-top: 16%;
        padding-right: 5px;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        opacity: 1;
    }

    .pocket-nav .pocket-cart .cart-items .item .total {
        margin-left: 10.5%;
        vertical-align: top;
        color: #272f32;
        font-size: 3vw;
        font-weight: bold;
        line-height: 45px;
        text-align: end;
        width: 24%;
    }

    .pocket-nav .pocket-cart .cart-items .item-line {
        border-bottom: 1px solid #747474;
        margin-top: 1%;
        width: 95%;
    }

    .icofont-minus-circle {
        cursor: pointer;
        vertical-align: top;
        line-height: 49px;
        margin-left: 5px;
        font-size: 2.7vw;
    }

    .cart-total {}

    .cart-total .order-total {
        font-size: 4vw;
        color: #272f32;
        font-weight: bold;
        padding-top: 9px;
    }

    .cart-total .total-price {
        color: #48BEEA;
        font-weight: bold;
        text-align: end;
        padding-right: 5.2vw;
    }

    .cart-total .total-price .price {
        font-size: 8.5vw;
        line-height: 55px;
    }

    .cart-total .total-price .cents {
        font-size: 3.8vw;
        line-height: 37px;
        vertical-align: top;
        padding-right: 9px;
    }

    .pocket-cart .order {
        background-color: #8AC23A;
        font-size: 3.5vw;
        width: 40%;
        border-radius: 25px;
        text-align: center;
        margin-top: 1%;
        color: #fff;
        padding: 5px;
        cursor: pointer;
        margin: auto;
        margin-top: 6%;
        margin-bottom: 10%;
    }

    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }

    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }

    .projects .project-content h2 {
        margin: 0;
        padding: 0;
        padding-top: 9vw;
        padding-left: 8.5vw;
        padding-right: 8.5vw;
    }

    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }

    .projects .company-row {
        padding-top: 8vw;
    }

    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 5.2vw;
    }

    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 2.6vw;
    }

    .projects .projects-row {
        padding-top: 2vw;
    }

    .projects .projects-row .display {
        width: 32vw;
        height: 29vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        display: none;
        margin-left: 2vw;
    }

    .projects .projects-row .display img {
        position: absolute;
        left: 6.4vw;
        width: 19vw;
        height: 12vw;
        top: 7.2vw;
    }

    .projects .projects-row .project-description {
        height: 13vw;
        width: 85vw;
    }

    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .projects .projects-row .project-description .center-middle-text p {
        font-size: 2.7vw;
    }

    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 120vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }

    .call-to-action-two h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-two h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .call-to-action-two button {
        margin-top: 6vw;
        margin-left: 2vw;
    }

    .call-to-action-three {
        background-image: url('images/ytuitive-mobile/call-to-action-mobile-two.png');
        height: 120vw;
        margin-bottom: 8vw;
        background-position: center;
        margin-top: 5vw;
    }

    .call-to-action-three h1 {
        width: 100%;
        padding-top: 16vw;
        font-size: 9.5vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .call-to-action-three h5 {
        width: 100%;
        padding-top: 3vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-right: 2vw;
        padding-left: 2vw;
    }

    .call-to-action-three button {
        margin-top: 6vw;
        margin-left: 2vw;
    }
    .request-help h2{
        font-size: 5.2vw;
        width: 55%;
        position: relative;
        margin: auto;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
    }
    .contact-form {
        padding-bottom: 5vw;
        padding-top: 2vw;
    }
    .contact-form h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        padding-left: 2vw;
        padding-top: 8vw;
        padding-bottom: 2vw;
        padding-right: 2vw;
        text-align: center;
    }
    .contact-form h4 {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 3.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .contact-form .contacts-input-row input {
        width: 100%;
        margin-top: 4vw;
        padding-left: 2.7vw;
        padding-top: 1.7vw;
        padding-bottom: 1.7vw;
        font-size: 2.5vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .contacts-input-row textarea {
        width: 100%;
        margin-top: 4vw;
        padding-left: 2.7vw;
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 2.5vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .g-recaptcha {
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .contact-form p {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 2.5vw;
        margin-top: 3vw;
        width: 100%;
        line-height: 5vw;
        height: 10vw;
    }
    .contact-form p i {
        margin-right: 1vw;
        font-size: 5vw;
    }
    .contact-form .address-line {
        margin-top: 6vw;
    }
    .contact-form .address-line p {
        font-size: 2.5vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .contact-form .address-line p:first-child {
        margin-bottom: 5vw;
    }
    .contact-form h5 {
        padding-left: 3.5vw;
        margin-top: 2vw;
        width: 34vw;
    }
    .contact-form .address-line p i {
        margin-right: 1vw;
    }
    .contact-form button {
        margin-top: 3vw;
    }

    .page-navigation {
        display: none;
    }
    
    .container-products {
        width: 100%;
        padding-right: 15px;
        padding-left: 10vw;
        margin-right: auto;
        margin-left: auto;
        height: 28vw;
    }
    
    .container-products .elements {
        opacity: 1;
        width: 25%;
        display: inline-block;
        margin-left: 0.5vw;
    }
    
    .container-products .device-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 13vw;
        margin-top: 3vw;
        height: 13vw;
    }
    
    .container-products .device-info {
        display: table;
        height: 100%;
        margin-top: 1.6vw;
        text-align: center;
        font-family: "Montserrat";
    }
    
    .container-products button {
        border: none;
        background-color: #8AC23B;
        border-radius: 8px;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        color: #FFFEFF;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        cursor: pointer;
        border-radius: 22px;
        width: 15vw;
        font-size: 1vw;
    }
    
}


/* Large */

@media (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 4.5vw;
    }

    h2 {
        font-size: 2.5vw;
    }

    h3 {
        font-size: 1.7vw;
    }

    h4 {
        font-size: 1.6vw;
    }

    h5 {
        font-size: 1.2vw;
    }

    button {
        font-size: 1.2vw;
    }

    .container-header {
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        position: relative;
        height: 53vw;
        background-image: url('images/ytuitive-wms/header-bg.png');
        padding-bottom: 2vw;
    }

    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }

    .container-header h4 {
        margin-left: 3.5vw;
    }

    .container-header p {
        margin-left: 3.5vw;
        font-size: 1.2vw;
        width: 170%;
    }

    .container-header .firstparagraph {
        margin-top: 1vw;
    }

    .container-header .header-description {
        margin-left: 11.5vw;
        width: 74vw;
    }

    .container-header .phone {
        background-image: url('images/ytuitive-wms/scanner.png');
        height: 16vw;
        margin-top: -3vw;
    }

    .container-header .phone .play-button {
        left: calc(50% - 2.5vw);
        width: 5vw;
        height: 5vw;
        top: calc(50% - 3vw);
        font-size: 2vw;
        border-radius: 2.5vw;
        line-height: 5vw;
        padding-left: 0.3vw;
    }

    .container-header .phone video {
        position: absolute;
        width: 24.2vw;
        left: 6.7vw;
        top: 1vw;
    }

    .container-options {
        margin-top: 5vw;
        margin-bottom: 4vw;
    }

    .container-options h2 {
        width: 30vw;
        margin-left: 35vw;
    }

    .container-options .options {
        margin-top: 2vw;
        border-radius: 1vw;
        height: 14vw;
        margin-left: 6vw;
        max-width: 21vw;
    }

    .container-options .options .option-text {
        font-size: 1.2vw;
        padding: 1vw 0 0 0.3vw;
    }

    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-one.png');
        height: 34vw;
        margin-bottom: 5vw;
    }

    .call-to-action-one h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }

    .call-to-action-one h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }

    .call-to-action-one button {
        margin-top: 3vw;
        margin-left: 10vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-mobile/call-to-action-one-images.png');
    }

    .modules {
        position: relative;
        height: 141vw;
    }

    .modules .module-position {
        position: relative;
        height: 46vw;
        width: 49vw;
        margin-left: 5vw;
        border-radius: 1vw;
    }

    .modules .module-purchases {
        background-image: url('images/ytuitive-wms/modul-1.png');
    }

    .modules .module-sales {
        background-image: url('images/ytuitive-wms/modul-2.png');
        left: 31vw;
        top: -13vw;
    }

    .modules .module-warehouse {
        background-image: url('images/ytuitive-wms/modul-3.png');
        top: -29vw;
        left: 8vw;
    }

    .modules .module-production {
        background-image: url('images/ytuitive-wms/modul-4.png');
        left: 31vw;
        top: -46vw;
    }

    .modules .module-inner-container {
        position: relative;
        width: 74%;
        height: 90%;
        top: 13%;
        left: 13%;
    }

    .modules .module-inner-container h4 {
        font-size: 1.5vw;
        padding-bottom: 1vw;
    }

    .modules .module-inner-container .module-description p {
        font-size: 1.2vw;
    }

    .modules .module-inner-container .module-description p i {
        font-size: 1vw;
    }

    .user-convenience {
        height: 124vw;
    }

    .user-convenience .user-convenience-content h2 {
        font-size: 2.5vw;
        width: 42%;
        position: relative;
        margin-left: 8.5vw;
    }

    .user-convenience .user-convenience-left-side .worker {
        background-image: url('images/ytuitive-wms/user-convenience-2.png');
        top: 29vw;
        position: relative;
        width: 46vw;
        height: 36vw;
        margin-left: -0.8vw;
    }

    .user-convenience .user-convenience-right-side {
        background-image: url('images/ytuitive-wms/user-convenience-bg.png');
        height: 130vw;
        top: -14vw;
    }

    .user-convenience .user-convenience-right-side .phone-tablet {
        background-image: url('images/ytuitive-wms/user-convenience-1.png');
        position: relative;
        width: 38vw;
        height: 37vw;
        left: 10.5vw;
        top: 16vw;
    }

    .user-convenience .user-convenience-right-side .tablet {
        background-image: url('images/ytuitive-wms/user-convenience-3.png');
        position: relative;
        width: 38vw;
        height: 37vw;
        left: 10.5vw;
        top: 23vw;
    }

    .user-convenience .user-convenience-right-side .info {
        position: relative;
        top: 14vw;
        width: 35vw;
        left: 6vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon {
        margin-top: 0.4vw;
        font-size: 2vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-right-side .info .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
        margin-left: -0.5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.2vw;
    }

    .user-convenience .user-convenience-left-side .info {
        position: relative;
        top: 14vw;
        width: 34vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info-part-two {
        position: relative;
        top: 40vw;
        width: 36vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info .info-icon,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon {
        font-size: 2vw;
        text-align: center;
    }

    .user-convenience .user-convenience-left-side .info .info-icon i,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-left-side .info .info-text,
    .user-convenience .user-convenience-left-side .info-part-two .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
    }

    .user-convenience .user-convenience-left-side .info .info-text p,
    .user-convenience .user-convenience-left-side .info-part-two .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 1.2vw;
    }

    /* POCKET NAV START */
    .pocket-nav {
        min-height: 49vw;
    }

    .pocket-nav .pocket-nav-content h2 {
        font-size: 2.5vw;
        width: 35%;
        position: relative;
        margin: auto;
    }

    .pocket-nav .switcher {
        background-color: #8AC23A;
        border-radius: 35px;
        width: 25%;
        height: 3%;
        margin: auto;
        margin-top: 2%;
    }

    .pocket-nav .switcher .service,
    .pocket-nav .switcher .on-premisses {
        text-align: center;
        display: inline-table;
        font-size: 1.5vw;
        margin-top: 1%;
        width: 44%;
        height: 86%;
        margin-left: 3%;
        border-radius: 34px;
        cursor: pointer;
        color: #fff;
    }

    .pocket-nav .switcher .service>div,
    .pocket-nav .switcher .on-premisses>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .pocket-nav .switcher .on-premisses {}

    .pocket-nav .switcher .selected {
        background: #fff;
        color: #8AC23A !important;
    }


    .pocket-nav .pocket-nav-subtitle {
        width: 50%;
        margin: auto;
        margin-top: 2%;
        text-align: center;
    }

    .pocket-nav .pocket-nav-subtitle .subtitle {
        color: #272f32;
        font-size: 1.5vw;
    }

    .pocket-nav .pocket-nav-subtitle .info {
        color: #747474;
        font-size: 1.2vw;
    }

    .pocket-nav .service-blocks {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 8%;
        width: 90%;
    }

    .pocket-nav .service-blocks .block {
        background-image: url("images/ytuitive-wms/service-rectangle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 2%;
        border-radius: 20px;
        width: 15%;
        height: 26vw !important;
        margin-right: 1.5%;
    }

    .pocket-nav .service-blocks .block .block-title {
        color: #272f32;
        text-align: center;
        font-size: 1.4vw;
        width: 80%;
        margin-left: 10%;
        margin-top: 5%;
        line-height: 25px;

    }

    .pocket-nav .service-blocks .block .block-info-container {
        border: 1px solid #747474;
        border-radius: 25px;
        width: 90%;
        margin-left: 5%;
        margin-top: 4%;
        height: 21vw !important;
    }

    .pocket-nav .service-blocks .block .block-info-container .bullets {
        color: #747474;
        font-size: 1.1vw;
        width: 80%;
        margin-left: 18%;
        margin-top: 8%;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price {
        text-align: center;
        color: #48BEEA;
        font-weight: bold;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .price {
        font-size: 4vw;
        line-height: 40px;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .cents {
        font-size: 1.5vw;
        vertical-align: top;
    }

    .pocket-nav .service-blocks .block .block-info-container .price-month {
        color: #747474;
        text-align: center;
        font-size: 1.1vw;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button {
        display: table;
        margin: auto;
        background-color: #8AC23A;
        border-radius: 25px;
        width: 80%;
        height: 13%;
        margin-top: 11%;
        cursor: pointer;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 1.2vw;
        color: #fff;
    }

    .pocket-nav .pocket-cart {
        display: none;
        margin-left: 8%;
        margin-top: 2%;
    }

    .pocket-nav .pocket-cart .cart-titles {}

    .pocket-nav .pocket-cart .inline-titles {
        display: inline-block;
        color: #272f32;
        font-weight: bold;
        font-size: 1.3vw;
    }

    .pocket-nav .pocket-cart .product {}

    .pocket-nav .pocket-cart .desc {
        margin-left: 18%;
    }

    .pocket-nav .pocket-cart .price {
        margin-left: 29%;
    }

    .pocket-nav .pocket-cart .quantyty {
        margin-left: 8%;
    }

    .pocket-nav .pocket-cart .total {
        margin-left: 10%;
    }

    .pocket-nav .cart-line {
        border-bottom: 1px solid #747474;
        width: 95%;
        margin-top: 8px;
    }

    .pocket-nav .pocket-cart .cart-items {}

    .pocket-nav .pocket-cart .cart-items .item {
        margin-top: 1%;
    }

    .pocket-nav .pocket-cart .cart-items .item .inline-item {
        display: inline-block;
    }

    .pocket-nav .pocket-cart .cart-items .item .product {}

    .pocket-nav .pocket-cart .cart-items .item .product .title {
        color: #272f32;
        font-size: 1.2vw;
    }

    .pocket-nav .pocket-cart .cart-items .item .product .short-desc {
        color: #747474;
        font-size: 1vw;
        font-weight: bold;
    }

    .pocket-nav .pocket-cart .cart-items .item .desc {
        margin-left: 11%;
        vertical-align: top;
        color: #747474;
        font-size: 1.2vw;
        line-height: 45px;
    }

    .pocket-nav .pocket-cart .cart-items .item .price {
        margin-left: 24.5%;
        vertical-align: top;
        color: #747474;
        font-size: 1.3vw;
        line-height: 45px;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity {
        margin-left: 6%;
        vertical-align: top;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity input {
        border-radius: 15px;
        width: 130%;
        text-align: end;
        color: #272f32;
        font-size: 1.3vw;
        border: 1px solid #747474;
        margin-top: 16%;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        opacity: 1;
    }

    .pocket-nav .pocket-cart .cart-items .item .total {
        margin-left: 5.5%;
        vertical-align: top;
        color: #272f32;
        font-size: 1.5vw;
        font-weight: bold;
        line-height: 45px;
        text-align: end;
        width: 8%;
    }

    .pocket-nav .pocket-cart .cart-items .item-line {
        border-bottom: 1px solid #747474;
        margin-top: 1%;
        width: 95%;
    }

    .icofont-minus-circle {
        cursor: pointer;
        vertical-align: top;
        line-height: 48px;
        margin-left: 5px;
        font-size: 1.4vw;
    }

    .cart-total {}

    .cart-total .order-total {
        font-size: 1.8vw;
        color: #272f32;
        font-weight: bold;
        padding-top: 15px;
    }

    .cart-total .total-price {
        color: #48BEEA;
        font-weight: bold;
        text-align: end;
        padding-right: 5.2vw;
    }

    .cart-total .total-price .price {
        font-size: 4.5vw;
        line-height: 55px;
    }

    .cart-total .total-price .cents {
        font-size: 1.8vw;
        line-height: 37px;
        vertical-align: top;
    }

    .pocket-cart .order {
        background-color: #8AC23A;
        font-size: 1.2vw;
        width: 10%;
        border-radius: 25px;
        text-align: center;
        margin-top: 1%;
        color: #fff;
        padding: 5px;
        cursor: pointer;
        margin-bottom: 10%;
    }
    /* Pocket Nav END */

    .projects {}

    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }

    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }

    .projects .project-content h2 {
        margin: 0;
        padding: 0;
    }

    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }

    .projects .company-row {
        padding-top: 2vw;
    }

    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 1.6vw;
    }

    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 0.9vw;
    }

    .projects .projects-row {
        padding-top: 2vw;
    }

    .projects .projects-row .display {
        width: 16vw;
        height: 13vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        margin-left: 2vw;
    }

    .projects .projects-row .display img {
        position: absolute;
        left: 3.3vw;
        width: 9.39vw;
        height: 6vw;
        top: 2.8vw;
    }

    .projects .projects-row .project-description {
        height: 13vw;
        width: calc(100% - 18vw);
    }

    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .projects .projects-row .project-description .center-middle-text p {
        font-size: 1vw;
    }

    .projects .projects-row .project-description .center-middle-text h5 {
        font-size: 1.5vw;
    }

    .call-to-action-three {
        background-image: url('images/ytuitive-mobile/call-to-action-two.png');
        height: 34vw;
        margin-bottom: 5vw;
    }

    .call-to-action-three h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }

    .call-to-action-three h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }

    .call-to-action-three button {
        margin-top: 3vw;
        margin-left: 10vw;
    }

    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-two.png');
        height: 34vw;
        margin-bottom: 5vw;
    }

    .call-to-action-two h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }

    .call-to-action-two h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }

    .call-to-action-two button {
        margin-top: 3vw;
        margin-left: 10vw;
    }
    .request-help h2{
        font-size: 2.5vw;
        width: 35%;
        position: relative;
        margin: auto;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
    }
    .contact-form {
        padding-bottom: 5vw;
        padding-top: 2vw;
    }
    .contact-form h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        padding-left: 11.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .contact-form h4 {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 3.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .contact-form .contacts-input-row input {
        width: 34vw;
        margin-top: 1vw;
        margin-left: 3.5vw;
        padding-left: 0.7vw;
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 1.5vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .contacts-input-row textarea {
        width: 34vw;
        margin-top: 1vw;
        margin-left: 3.5vw;
        padding-left: 0.7vw;
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 1.5vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .g-recaptcha {
        margin-left: 3.5vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .contact-form p {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 1vw;
        margin-left: 3.5vw;
        margin-top: 1vw;
        width: 34vw;
        line-height: 2vw;
    }
    .contact-form p i {
        margin-right: 1vw;
        font-size: 1.5vw;
    }
    .contact-form .address-line p {
        margin-left: 0vw;
        font-size: 1.5vw;
    }
    .contact-form h5 {
        padding-left: 3.5vw;
        margin-top: 1vw;
        width: 34vw;
    }
    .contact-form .address-line p i {
        margin-right: 1vw;
    }
    .contact-form button {
        margin-left: 3.5vw;
        margin-top: 1vw;
    }

    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
    }

    .page-navigation .icon {
        width: 1.8vw;
        height: 1.8vw;
        text-align: center;
        line-height: 1.5vw;
        border-radius: 0.9vw;
        font-size: 1vw;
    }

    .page-navigation .light {
        color: #FDFDFD;
        border: 1px #FDFDFD solid;
    }

    .page-navigation .light-line {
        color: #FDFDFD;
        border-left: 1px #FDFDFD solid;
    }

    .page-navigation .dark {
        color: #7CB5C0;
        border: 1px #7CB5C0 solid;
    }

    .page-navigation .vert-line {
        width: 1px;
    }

    .page-navigation .slider-icon {
        margin-top: 1.5vw;
    }

    .page-navigation .home-icon {
        margin-top: 2.5vw;
    }

    .page-navigation .home-line {
        height: 2.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }

    .page-navigation .slider-line {
        height: 28.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }

    .page-navigation .options-line-one {
        height: 14.7vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .options-line-two {
        height: 49vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .call-to-action-line-one {
        height: 6.4vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
    }

    .page-navigation .call-to-action-line-two {
        height: 19.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .projects-line-one {
        height: 6vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .projects-line-two {
        height: 73vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-line-one {
        height: 4vw;
        margin-top: 1.8vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-line-two {
        height: 49vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-line-three {
        height: 8.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .worker {
        height: 27.2vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }

    .page-navigation .worker-dark {
        height: 41.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .call-to-action-q-line-one {
        height: 7.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .call-to-action-q-line-two {
        height: 16vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .implementation-line-one {
        height: 3.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .implementation-icon {
        margin-top: 1vw;
    }

    .page-navigation .implementation-line-two {
        height: 46.2vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-projects-line-one {
        height: 4.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0 !important;
    }

    .page-navigation .realized-projects-icon {
        margin-top: 1vw;
    }

    .page-navigation .realized-projects-line-two {
        height: 57.2vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0 !important;
    }

    .page-navigation .connector {
        height: 8.2vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0 !important;
    }

    .page-navigation .free-consultation-line-one {
        height: 4.7vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .free-consultation-icon {
        margin-top: 1.5vw;
    }

    .page-navigation .free-consultation-line-two {
        height: 20vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .help-line-one {
        height: 5.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .help-icon {
        margin-top: 1vw;
    }

    .page-navigation .help-line-two {
        height: 75.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    
    .container-products {
        width: 100%;
        padding-right: 15px;
        padding-left: 10vw;
        margin-right: auto;
        margin-left: auto;
        height: 28vw;
    }
    
    .container-products .elements {
        opacity: 1;
        width: 25%;
        display: inline-block;
        margin-left: 0.5vw;
    }
    
    .container-products .device-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 13vw;
        margin-top: 3vw;
        height: 13vw;
    }
    
    .container-products .device-info {
        display: table;
        height: 100%;
        margin-top: 1.6vw;
        text-align: center;
        font-family: "Montserrat";
    }
    
    .container-products button {
        border: none;
        background-color: #8AC23B;
        border-radius: 8px;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        color: #FFFEFF;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        cursor: pointer;
        border-radius: 22px;
        width: 15vw;
        font-size: 1vw;
    }
    
}


/* Extra large */

@media (min-width: 1200px) {
    h1 {
        font-size: 4.5vw;
    }

    h2 {
        font-size: 1.7vw;
    }

    h3 {
        font-size: 1.7vw;
    }

    h4 {
        font-size: 1.3vw;
    }

    h5 {
        font-size: 0.9vw;
    }

    button {
        font-size: 0.9vw;
    }

    .container-header {
        height: 40vw;
        background-image: url('images/ytuitive-wms/header-bg.png');
        padding-bottom: 2vw;
        background-position: top;
    }

    .container-header h1 {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }

    .container-header h4 {
        margin-left: 3.5vw;
    }

    .container-header p {
        margin-left: 3.5vw;
        font-size: 0.8vw;
    }

    .container-header .firstparagraph {
        margin-top: 1.5vw;
    }

    .container-header .header-description {
        margin-left: 11.8vw;
        margin-top: -15.5vw;
        width: 38vw;
    }

    .container-header .phone {
        background-image: url('images/ytuitive-wms/scanner.png');
        height: 16vw;
        margin-top: -3vw;
    }

    .container-header .phone .play-button {
        left: calc(50% - 2.5vw);
        width: 5vw;
        height: 5vw;
        top: calc(50% - 3vw);
        font-size: 2vw;
        border-radius: 2.5vw;
        line-height: 5vw;
        padding-left: 0.3vw;
    }

    .container-header .phone video {
        position: absolute;
        width: 24.2vw;
        left: 6.8vw;
        top: 1vw;
    }

    .container-options {
        margin-top: 3vw;
        margin-bottom: 4vw;
    }

    .container-options h2 {
        width: 30vw;
        margin-left: 35vw;
    }

    .container-options .options {
        margin-top: 2vw;
        border-radius: 1vw;
        height: 11vw;
        margin-left: 3vw;
        max-width: 17vw;
    }

    .container-options .options .option-text {
        font-size: 0.8vw;
        padding: 1vw 0 0 0.3vw;
    }

    .call-to-action-one {
        background-image: url('images/ytuitive-mobile/call-to-action-one.png');
        height: 34vw;
        margin-bottom: 5vw;
    }

    .call-to-action-one h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }

    .call-to-action-one h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }

    .call-to-action-one button {
        margin-top: 3vw;
    }
    
    .call-to-action-one .margin-button {
        margin-left: 10vw;
    }

    .call-to-action-one .action-images {
        position: absolute;
        top: 8vw;
        right: 8vw;
        width: 25vw;
        height: 32vw;
        background-image: url('images/ytuitive-wms/call-to-action-1-bg.png');
    }

    .modules {
        position: relative;
        height: 109vw;
    }

    .modules .module-position {
        position: relative;
        height: 35vw;
        width: 49vw;
        margin-left: 5vw;
        border-radius: 1vw;
    }

    .modules .module-purchases {
        background-image: url('images/ytuitive-wms/modul-1.png');
    }

    .modules .module-sales {
        background-image: url('images/ytuitive-wms/modul-2.png');
        left: 31vw;
        top: -13vw;
    }

    .modules .module-warehouse {
        background-image: url('images/ytuitive-wms/modul-3.png');
        top: -25vw;
        left: 8vw;
    }

    .modules .module-production {
        background-image: url('images/ytuitive-wms/modul-4.png');
        left: 31vw;
        top: -39vw;
    }

    .modules .module-inner-container {
        position: relative;
        width: 74%;
        height: 90%;
        top: 13%;
        left: 13%;
    }

    .modules .module-inner-container h4 {
        font-size: 1.5vw;
        padding-bottom: 1vw;
    }

    .modules .module-inner-container .module-description p {
        font-size: 0.8vw;
    }

    .modules .module-inner-container .module-description p i {
        font-size: 1vw;
    }

    .user-convenience {
        height: 119vw;
    }

    .user-convenience .user-convenience-content h2 {
        font-size: 2vw;
        width: 35%;
        position: relative;
        margin-left: 8.5vw;
    }

    .user-convenience .user-convenience-left-side .worker {
        background-image: url('images/ytuitive-wms/user-convenience-2.png');
        top: 29vw;
        position: relative;
        width: 46vw;
        height: 36vw;
        margin-left: -0.8vw;
    }

    .user-convenience .user-convenience-right-side {
        background-image: url('images/ytuitive-wms/user-convenience-bg.png');
        height: 130vw;
        top: -14vw;
    }

    .user-convenience .user-convenience-right-side .phone-tablet {
        background-image: url('images/ytuitive-wms/user-convenience-1.png');
        position: relative;
        width: 38vw;
        height: 37vw;
        left: 10.5vw;
        top: 16vw;
    }

    .user-convenience .user-convenience-right-side .tablet {
        background-image: url('images/ytuitive-wms/user-convenience-3.png');
        position: relative;
        width: 38vw;
        height: 37vw;
        left: 10.5vw;
        top: 23vw;
    }

    .user-convenience .user-convenience-right-side .info {
        position: relative;
        top: 14vw;
        width: 35vw;
        left: 6vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon {
        margin-top: 0.4vw;
        font-size: 1.5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-right-side .info .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
        margin-left: -0.5vw;
    }

    .user-convenience .user-convenience-right-side .info .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 0.8vw;
    }

    .user-convenience .user-convenience-left-side .info {
        position: relative;
        top: 14vw;
        width: 34vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info-part-two {
        position: relative;
        top: 40vw;
        width: 36vw;
        left: 10vw;
    }

    .user-convenience .user-convenience-left-side .info .info-icon,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon {
        font-size: 1.5vw;
        text-align: center;
    }

    .user-convenience .user-convenience-left-side .info .info-icon i,
    .user-convenience .user-convenience-left-side .info-part-two .info-icon i {
        color: #747474;
    }

    .user-convenience .user-convenience-left-side .info .info-text,
    .user-convenience .user-convenience-left-side .info-part-two .info-text {
        margin-top: 0.4vw;
        font-size: 1.5vw;
    }

    .user-convenience .user-convenience-left-side .info .info-text p,
    .user-convenience .user-convenience-left-side .info-part-two .info-text p {
        display: table-cell;
        vertical-align: middle;
        font-size: 0.8vw;
    }

    /* POCKET NAV START */
    .pocket-nav {
        min-height: 40vw;
    }

    .pocket-nav .pocket-nav-content h2 {
        font-size: 2vw;
        width: 35%;
        position: relative;
        margin: auto;
    }

    .pocket-nav .switcher {
        background-color: #8AC23A;
        border-radius: 35px;
        width: 21%;
        height: 3%;
        margin: auto;
        margin-top: 2%;
    }

    .pocket-nav .switcher .service,
    .pocket-nav .switcher .on-premisses {
        text-align: center;
        display: inline-table;
        font-size: 1.3vw;
        margin-top: 1%;
        width: 45%;
        height: 86%;
        margin-left: 3%;
        border-radius: 34px;
        cursor: pointer;
        color: #fff;
    }

    .pocket-nav .switcher .service>div,
    .pocket-nav .switcher .on-premisses>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .pocket-nav .switcher .on-premisses {}

    .pocket-nav .switcher .selected {
        background: #fff;
        color: #8AC23A !important;
    }


    .pocket-nav .pocket-nav-subtitle {
        width: 50%;
        margin: auto;
        margin-top: 2%;
        text-align: center;
    }

    .pocket-nav .pocket-nav-subtitle .subtitle {
        color: #272f32;
        font-size: 1.1vw;
    }

    .pocket-nav .pocket-nav-subtitle .info {
        color: #747474;
        font-size: 0.9vw;
    }

    .pocket-nav .service-blocks {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 8%;
        width: 90%;
    }

    .pocket-nav .service-blocks .block {
        background-image: url("images/ytuitive-wms/service-rectangle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 2%;
        border-radius: 20px;
        width: 15%;
        height: 23vw;
        margin-right: 1.5%;
    }

    .pocket-nav .service-blocks .block .block-title {
        color: #272f32;
        text-align: center;
        font-size: 1.2vw;
        width: 80%;
        margin-left: 10%;
        margin-top: 5%;
        line-height: 25px;

    }

    .pocket-nav .service-blocks .block .block-info-container {
        border: 1px solid #747474;
        border-radius: 25px;
        width: 90%;
        margin-left: 5%;
        margin-top: 4%;
        height: 18vw;
    }

    .pocket-nav .service-blocks .block .block-info-container .bullets {
        color: #747474;
        font-size: 0.9vw;
        width: 82%;
        margin-left: 15%;
        margin-top: 8%;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price {
        text-align: center;
        color: #48BEEA;
        font-weight: bold;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .price {
        font-size: 4vw;
        line-height: 70px;
    }

    .pocket-nav .service-blocks .block .block-info-container .total-price .cents {
        font-size: 1.5vw;
        vertical-align: top;
    }

    .pocket-nav .service-blocks .block .block-info-container .price-month {
        color: #747474;
        text-align: center;
        font-size: 0.6vw;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button {
        display: table;
        margin: auto;
        background-color: #8AC23A;
        border-radius: 25px;
        width: 80%;
        height: 13%;
        margin-top: 11%;
        cursor: pointer;
    }

    .pocket-nav .service-blocks .block .block-info-container .add-button>div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 1.2vw;
        color: #fff;
    }

    .pocket-nav .pocket-cart {
        display: none;
        margin-left: 8%;
        margin-top: 2%;
    }

    .pocket-nav .pocket-cart .cart-titles {}

    .pocket-nav .pocket-cart .inline-titles {
        display: inline-block;
        color: #272f32;
        font-weight: bold;
        font-size: 1vw;
    }

    .pocket-nav .pocket-cart .product {}

    .pocket-nav .pocket-cart .desc {
        margin-left: 20%;
    }

    .pocket-nav .pocket-cart .price {
        margin-left: 33%;
    }

    .pocket-nav .pocket-cart .quantyty {
        margin-left: 8%;
    }

    .pocket-nav .pocket-cart .total {
        margin-left: 10%;
    }

    .pocket-nav .cart-line {
        border-bottom: 1px solid #747474;
        width: 95%;
    }

    .pocket-nav .pocket-cart .cart-items {}

    .pocket-nav .pocket-cart .cart-items .item {
        margin-top: 1%;
    }

    .pocket-nav .pocket-cart .cart-items .item .inline-item {
        display: inline-block;
    }

    .pocket-nav .pocket-cart .cart-items .item .product {}

    .pocket-nav .pocket-cart .cart-items .item .product .title {
        color: #272f32;
        font-size: 1vw;
    }

    .pocket-nav .pocket-cart .cart-items .item .product .short-desc {
        color: #747474;
        font-size: 0.9vw;
        font-weight: bold;
    }

    .pocket-nav .pocket-cart .cart-items .item .desc {
        margin-left: 13%;
        vertical-align: top;
        color: #747474;
        font-size: 0.9vw;
        line-height: 45px;
    }

    .pocket-nav .pocket-cart .cart-items .item .price {
        margin-left: 30%;
        vertical-align: top;
        color: #747474;
        font-size: 0.9vw;
        line-height: 45px;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity {
        margin-left: 8%;
        vertical-align: top;
    }

    .pocket-nav .pocket-cart .cart-items .item .quantity input {
        border-radius: 15px;
        width: 130%;
        text-align: end;
        color: #272f32;
        font-size: 0.9vw;
        border: 1px solid #747474;
        margin-top: 16%;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        opacity: 1;
    }

    .pocket-nav .pocket-cart .cart-items .item .total {
        margin-left: 5.5%;
        vertical-align: top;
        color: #272f32;
        font-size: 1.2vw;
        font-weight: bold;
        line-height: 45px;
        text-align: end;
        width: 8%;
    }

    .pocket-nav .pocket-cart .cart-items .item-line {
        border-bottom: 1px solid #747474;
        margin-top: 1%;
        width: 95%;
    }

    .icofont-minus-circle {
        cursor: pointer;
        vertical-align: top;
        line-height: 48px;
        margin-left: 5px;
        font-size: 1vw;
    }

    .cart-total {}

    .cart-total .order-total {
        font-size: 1vw;
        color: #272f32;
        font-weight: bold;
        padding-top: 21px;
    }

    .cart-total .total-price {
        color: #48BEEA;
        font-weight: bold;
        text-align: end;
        padding-right: 5.2vw;
    }

    .cart-total .total-price .price {
        font-size: 4vw;
        line-height: 70px;
    }

    .cart-total .total-price .cents {
        font-size: 1.5vw;
        vertical-align: top;
    }

    .pocket-cart .order {
        background-color: #8AC23A;
        font-size: 1.2vw;
        width: 10%;
        border-radius: 25px;
        text-align: center;
        margin-top: 1%;
        color: #fff;
        padding: 5px;
        cursor: pointer;
        margin-bottom: 10%;
    }

    /* POCKET NAV END */

    .call-to-action-three {
        background-image: url('images/ytuitive-mobile/call-to-action-two.png');
        height: 34vw;
        margin-bottom: 5vw;
    }

    .call-to-action-three h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }

    .call-to-action-three h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }

    .call-to-action-three button {
        margin-top: 3vw;
        margin-left: 10vw;
    }

    .projects {}

    .projects .project-header {
        background-image: url('images/ytuitive-mobile/projects-header-bg.png');
        height: 8vw;
    }

    .projects .project-content {
        background-image: url('images/ytuitive-mobile/projects-bg.png');
    }

    .projects .project-content h2 {
        margin: 0;
        padding: 0;
    }

    .projects .project-footer {
        background-image: url('images/ytuitive-mobile/projects-footer-bg.png');
        height: 10.2vw;
    }

    .projects .company-row {
        padding-top: 2vw;
    }

    .projects .company-row h5 {
        padding-left: 3.1vw;
        font-size: 1.2vw;
    }

    .projects .company-row p {
        padding-left: 3.1vw;
        font-size: 0.6vw;
    }

    .projects .projects-row {
        padding-top: 2vw;
    }

    .projects .projects-row .display {
        width: 16vw;
        height: 13vw;
        background-image: url('images/ytuitive-mobile/project-display.png');
        margin-left: 2vw;
    }

    .projects .projects-row .display img {
        position: absolute;
        left: 3.3vw;
        width: 9.39vw;
        height: 6vw;
        top: 2.8vw;
    }

    .projects .projects-row .project-description {
        height: 13vw;
        width: calc(100% - 18vw);
    }

    .projects .projects-row .project-description .center-middle-text {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .projects .projects-row .project-description .center-middle-text p {
        font-size: 0.7vw;
    }

    .call-to-action-two {
        background-image: url('images/ytuitive-mobile/call-to-action-two.png');
        height: 34vw;
        margin-bottom: 5vw;
    }

    .call-to-action-two h1 {
        width: 57vw;
        margin-left: 10vw;
        padding-top: 7vw;
        font-size: 4vw;
    }

    .call-to-action-two h5 {
        width: 40vw;
        margin-left: 10vw;
        padding-top: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }

    .call-to-action-two button {
        margin-top: 3vw;
        margin-left: 10vw;
    }

    .request-help {

    }

    .request-help h2{
        font-size: 2vw;
        width: 35%;
        position: relative;
        margin: auto;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
    }

    .contact-form {
        padding-bottom: 5vw;
        padding-top: 2vw;
    }
    .contact-form h1 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        padding-left: 11.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .contact-form h4 {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        padding-left: 3.5vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .contact-form .contacts-input-row input {
        width: 34vw;
        margin-top: 1vw;
        margin-left: 3.5vw;
        padding-left: 0.7vw;
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .contacts-input-row textarea {
        width: 34vw;
        margin-top: 1vw;
        margin-left: 3.5vw;
        padding-left: 0.7vw;
        padding-top: 0.7vw;
        padding-bottom: 0.7vw;
        font-size: 1vw;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
    }
    .contact-form .g-recaptcha {
        margin-left: 3.5vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
    }
    .contact-form p {
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        font-size: 0.6vw;
        margin-left: 3.5vw;
        margin-top: 1vw;
        width: 34vw;
        line-height: 1vw;
    }
    .contact-form p i {
        margin-right: 1vw;
        font-size: 1vw;
    }
    .contact-form .address-line p {
        margin-left: 0vw;
        font-size: 1vw;
    }
    .contact-form h5 {
        padding-left: 3.5vw;
        margin-top: 1vw;
        width: 34vw;
    }
    .contact-form .address-line p i {
        margin-right: 1vw;
    }
    .contact-form button {
        margin-left: 3.5vw;
        margin-top: 1vw;
    }

    .page-navigation {
        top: 0;
        left: 5vw;
        width: 5vw;
    }

    .page-navigation .icon {
        width: 1.8vw;
        height: 1.8vw;
        text-align: center;
        line-height: 1.5vw;
        border-radius: 0.9vw;
        font-size: 1vw;
    }

    .page-navigation .light {
        color: #FDFDFD;
        border: 1px #FDFDFD solid;
    }

    .page-navigation .light-line {
        color: #FDFDFD;
        border-left: 1px #FDFDFD solid;
    }

    .page-navigation .dark {
        color: #7CB5C0;
        border: 1px #7CB5C0 solid;
    }

    .page-navigation .vert-line {
        width: 1px;
    }

    .page-navigation .slider-icon {
        margin-top: 1.5vw;
    }

    .page-navigation .home-icon {
        margin-top: 2.5vw;
    }

    .page-navigation .home-line {
        height: 2.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }

    .page-navigation .slider-line {
        height: 19vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }

    .page-navigation .options-line-one {
        height: 14.7vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .options-line-two {
        height: 21.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .call-to-action-line-one {
        height: 6.4vw;
        margin-top: 1.7vw;
        margin-left: 0.85vw;
    }

    .page-navigation .call-to-action-line-two {
        height: 19.4vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .projects-line-one {
        height: 6vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .projects-line-two {
        height: 56vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-line-one {
        height: 4vw;
        margin-top: 1.8vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-line-two {
        height: 42vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-line-three {
        height: 8.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .worker {
        height: 27.2vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }

    .page-navigation .worker-dark {
        height: 41.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .call-to-action-q-line-one {
        height: 7.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .call-to-action-q-line-two {
        height: 18vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .implementation-line-one {
        height: 3.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .implementation-icon {
        margin-top: 1vw;
    }

    .page-navigation .implementation-line-two {
        height: 25.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .realized-projects-line-one {
        height: 4.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0 !important;
    }

    .page-navigation .realized-projects-icon {
        margin-top: 1vw;
    }

    .page-navigation .realized-projects-line-two {
        height: 45.8vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0 !important;
    }

    .page-navigation .connector {
        height: 8.2vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0 !important;
    }

    .page-navigation .free-consultation-line-one {
        height: 4.7vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .free-consultation-icon {
        margin-top: 1.5vw;
    }

    .page-navigation .free-consultation-line-two {
        height: 20vw;
        margin-top: 1.5vw;
        margin-left: 0.85vw;
    }

    .page-navigation .help-line-one {
        height: 5.2vw;
        margin-top: 2.5vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .page-navigation .help-icon {
        margin-top: 1vw;
    }

    .page-navigation .help-line-two {
        height: 55.5vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }

    .container-header .slide-interaction {
        width: 30vw;
        height: 29vw;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
    }

    .container-header button {
        margin-left: 3.5vw;
    }

    .call-to-action-one .second-button {
        margin-left: 2vw;
    }

    .call-to-action-two .second-button {
        margin-left: 2vw;
    }
    
    .container-products {
        width: 100%;
        padding-right: 15px;
        padding-left: 10vw;
        margin-right: auto;
        margin-left: auto;
        height: 28vw;
    }
    
    .container-products .elements {
        opacity: 1;
        width: 25%;
        display: inline-block;
        margin-left: 0.5vw;
    }
    
    .container-products .device-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 80%;
        border: 1px #7CB5C0 solid;
        border-radius: 8vw;
        width: 13vw;
        margin-top: 3vw;
        height: 13vw;
    }
    
    .container-products .device-info {
        display: table;
        height: 100%;
        margin-top: 1.6vw;
        text-align: center;
        font-family: "Montserrat";
    }
    
    .container-products button {
        border: none;
        background-color: #8AC23B;
        border-radius: 8px;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        color: #FFFEFF;
        font-family: 'Comfortaa', cursive;
        font-weight: 400;
        cursor: pointer;
        border-radius: 22px;
        width: 15vw;
        font-size: 1vw;
    }

}



@media (max-width: 1650px) {
    .pocket-nav .service-blocks .block .block-title {
        line-height: 16px;
    }

    .pocket-nav .service-blocks .block {
        height: 24vw;
    }

    .pocket-nav .service-blocks .block .block-info-container {
        height: 20vw;
    }
}