/* Shared */

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

.slider-container-header .slider {
    position: relative;
    width: 100%;
}

.slider-container-header .slider .slide {
    display: none;
    opacity: 0;
}

.slider-container-header .slider .slide .slide-description {}

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

.slider-container-header .slider .slide .slide-description h5 {
    color: #E4FFFF;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.slider-container-header .slider .slide .slide-description button {}

.slider-container-header .slider .slide .slide-interaction {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.slider-container-header .slider .slider-controls {
    position: absolute;
    color: #FEFDFF;
    display: inline;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.slider-container-header .slider .slider-controls .slide-control-button {
    color: #FEFDFF;
    display: inline;
    cursor: pointer;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.slider-container-header .action-buttons {
    position: relative;
    width: 100%;
}

.slider-container-header .action-buttons .action-button {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    position: relative;
}

.slider-container-header .action-buttons .action-button .internal-circle {
    background-color: #88C239;
    border: #E4F3E7 1px solid;
    color: #FFFFFF;
    position: absolute;
    text-align: center;
}

.slider-container-header .action-buttons .action-button h3 {
    color: #5A5B5D;
    text-align: center;
}

.slider-container-header .action-buttons .action-button h5 {
    color: #5A5B5D;
    text-align: center;
}

.slider-container-header .action-buttons .action-button button {
    margin: auto;
}

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

.mobile-devices {}

.mobile-devices h1 {
    color: #273133;
}

.mobile-devices .devices-container .selected-device {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.mobile-devices .devices-container .device-description {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.mobile-devices .devices-container .device-description .device-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 80%;
    border: 1px #7CB5C0 solid;
    float: left;
}

.mobile-devices .devices-container .device-description .description {
    float: left;
}

.mobile-devices .devices-container .device-description .description h4 {
    color: #7A7A7A;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.mobile-devices .devices-container .device-description .description h5 {
    color: #737373;
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
}

.mobile-devices .devices-container .device-description .description a {
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    color: #63A4C0;
}

.mobile-devices .devices-container .device-description .description a:hover {
    text-decoration: none;
}

.mobile-devices .devices-container .not-selected-device {
    opacity: 0.2;
}

.mobile-devices .devices-container .separator {
    border-left: 1px #7CB5C0 solid;
    opacity: 0.2;
}

.our-customers {
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% auto;
}

.our-customers h1 {}

.our-customers .customer-scoller {
    position: relative;
    overflow: hidden;
}

.our-customers .customer-scoller .customer-list {
    position: relative;
}

.our-customers .customer-scoller .customer-list .customer {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85% auto;
}

.our-customers .control-buttons {
    position: relative;
}

.our-customers .control-buttons .control-button {
    position: relative;
    color: #D9FFFF;
    border: 1px solid #D9FFFF;
    cursor: pointer;
    text-align: center;
}

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

.page-navigation .icon {}


/* Extra small */

@media (max-width: 575px) {
    h1 {
        font-size: 10.5vw;
    }
    h2 {}
    h3 {
        font-size: 5vw;
    }
    h4 {
        font-size: 3.6vw;
    }
    h5 {
        font-size: 3.7vw;
    }
    button {
        font-size: 3.9vw;
    }
    .slider-container-header {
        height: 121vw;
        background-image: url('images/home/header-mobile-bg.png');
        padding-bottom: 10vw;
        background-position: bottom;
    }
    .slider-container-header .slider {
        height: 92vw;
    }
    .slider-container-header .slider .slide {}
    .slider-container-header .slider .slide .slide-description {
        width: 93vw;
        margin-bottom: 2vw;
        padding-top: 5vw;
    }
    .slider-container-header .slider .slide .slide-description h1 {
        padding-top: 2vw;
        text-align: center;
        padding-bottom: 2vw;
    }
    .slider-container-header .slider .slide .slide-description h5 {
        padding-top: 1.5vw;
        width: 100%;
        text-align: center;
        padding-left: 4vw;
        padding-right: 4vw;
        font-size: 3.3vw;
        margin-left: 1vw;
    }
    .slider-container-header .slider .slide .slide-description button {
        margin-left: 5.5vw;
        margin-top: 4vw;
    }
    .slider-container-header .slider .slide .slide-interaction {
        width: 47vw;
        height: 53vw;
        margin-left: 42vw;
        margin-top: 7vw;
    }
    .slider-container-header .slider .slider-controls {
        bottom: 2vw;
        left: 11.5vw;
        font-size: 6vw;
        left: 7vw;
    }
    .slider-container-header .slider .slider-controls .selected-slide {
        font-size: 2.3vw;
    }
    .slider-container-header .slider .slider-controls .slide-control-button {}
    .slider-container-header .action-buttons-row {}
    .slider-container-header .action-buttons {
        margin-top: 47.3vw;
        margin-left: 0;
        margin-right: 0;
    }
    .slider-container-header .action-buttons .action-button {
        height: 75vw;
        background-image: url('images/home/action-button-circle.png');
        margin-top: 15vw;
    }
    .slider-container-header .action-buttons .action-button .internal-circle {
        width: 18vw;
        height: 18vw;
        left: calc(50% - 9vw);
        top: -9vw;
        border-radius: 9vw;
        line-height: 16vw;
        font-size: 9vw;
    }
    .slider-container-header .action-buttons .action-button h3 {
        margin-top: 13vw;
        width: 60%;
        margin-left: 20%;
        height: 6vw;
        font-weight: bold;
    }
    .slider-container-header .action-buttons .action-button h5 {
        margin-top: 11.5vw;
        width: 80%;
        margin-left: 10%;
    }
    .slider-container-header .action-buttons .action-button button {
        position: absolute;
        bottom: 13vw;
        left: calc(50% - 22vw);
        width: 44vw;
    }
    .call-to-action {
        height: 108vw;
        margin-top: 317vw;
        width: 100%;
        background-image: url('images/home/call-to-action-mobile-bg.png');
        background-position: center;
    }
    .call-to-action h1 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 11vw;
        text-align: center;
        padding-left: 2vw;
    }
    .call-to-action h5 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 7vw;
        text-align: center;
        padding-left: 5vw;
    }
    .call-to-action button {
        margin-top: 8vw;
        margin-left: 15vw;
    }
    .mobile-devices {
        margin-top: 10vw;
    }
    .mobile-devices h1 {
        margin-top: 3vw;
        text-align: center;
    }
    .mobile-devices .devices-container {
        height: 206vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .mobile-devices .device-description:first-child {
        margin-top: 8vw;
    }
    .mobile-devices .devices-container .selected-device {
        height: 100vw;
    }
    .our-customers {
        height: 111vw;
        background-image: url('images/home/customers-mobile-bg.png');
        margin-bottom: 14vw;
        background-size: auto 100%;
        background-position: center;
    }
    .our-customers h1 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 17vw;
        text-align: center;
    }
    .our-customers h5 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 4.5vw;
        text-align: center;
    }
    .our-customers .customer-scoller {
        width: 37vw;
        height: 31vw;
        margin-top: 13vw;
        margin-left: 27.4vw;
    }
    .our-customers .customer-scoller .customer-list {
        height: 28vw;
        width: 592vw;
    }
    .our-customers .customer-scoller .customer-list .customer {
        width: 37vw;
        height: 100%;
        float: left;
    }
    .our-customers .control-buttons {
        margin-left: 11vw;
        height: 5vw;
    }
    .our-customers .control-buttons .control-button {
        float: left;
        width: 10vw;
        height: 10vw;
        border-radius: 5vw;
        margin-right: 3.5vw;
        line-height: 8.8vw;
        font-size: 8.5vw;
    }
    .our-customers .control-buttons .button-prev{
        top: -20.5vw;
    }
    .our-customers .control-buttons .button-next{
        top: -20.5vw;
        left: 45vw;
    }
    .mobile-devices .devices-container .device-description {
        height: 28vw;
    }
    .mobile-devices .devices-container .device-description .device-icon {
        height: 18vw;
        width: 18vw;
        border-radius: 9vw;
        margin-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description {
        width: calc(100% - 18vw);
        height: 100%;
        padding-left: 3vw;
    }
    .mobile-devices .devices-container .device-description .description h4 {
        padding-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description h5 {
        font-size: 2.3vw;
    }
    .mobile-devices .devices-container .device-description .description a {}
    .mobile-devices .devices-container .separator {
        height: 3.7vw;
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
        margin-left: 3.4vw;
        display: none;
    }
    .page-navigation {
        top: 0;
        left: 2vw;
        width: 5vw;
        display: none;
    }
    .page-navigation .icon {
        width: 5vw;
        height: 5vw;
        text-align: center;
        line-height: 4.3vw;
        border-radius: 2.5vw;
        font-size: 3vw;
    }
    .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 .home-icon {
        margin-top: 6.5vw;
    }
    .page-navigation .home-mouse {}
    .page-navigation .slider-icon {
        margin-top: 2vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 2vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 2vw;
    }
    .page-navigation .customers-icon {
        margin-top: 2vw;
    }
    .page-navigation .home-line {
        height: 9.6vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
    .page-navigation .slider-line {
        height: 80vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .circle-line {
        height: 323.5vw;
        margin-top: 4vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 19vw;
        margin-top: 6vw;
        margin-left: 2.1vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 66vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
    .page-navigation .mobiles-line-one {
        height: 18.5vw;
        margin-top: 5vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 228.6vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 14.7vw;
        margin-top: 5vw;
        margin-left: 2.1vw;
    }
    .page-navigation .customers-line-two {
        height: 71vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
    .mobile-devices .device-name {
        font-size: 5vw;
        font-weight: bold !important;
    }
}


/* Small */

@media (min-width: 576px) and (max-width: 767px) {
    h1 {
        font-size: 8.5vw;
    }
    h2 {}
    h3 {
        font-size: 4.7vw;
    }
    h4 {
        font-size: 3.6vw;
    }
    h5 {
        font-size: 3vw;
    }
    button {
        font-size: 3vw;
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    .slider-container-header {
        height: 121vw;
        background-image: url('images/home/header-mobile-bg.png');
        padding-bottom: 10vw;
        background-position: bottom;
    }
    .slider-container-header .slider {
        height: 92vw;
    }
    .slider-container-header .slider .slide {}
    .slider-container-header .slider .slide .slide-description {
        width: 93vw;
        margin-bottom: 2vw;
        padding-top: 5vw;
    }
    .slider-container-header .slider .slide .slide-description h1 {
        padding-top: 2vw;
        text-align: center;
        padding-bottom: 2vw;
    }
    .slider-container-header .slider .slide .slide-description h5 {
        padding-top: 1.5vw;
        width: 100%;
        text-align: center;
        padding-left: 4vw;
        padding-right: 4vw;
        font-size: 2.5vw;
        margin-left: 1vw;
    }
    .slider-container-header .slider .slide .slide-description button {
        margin-left: 5.5vw;
        margin-top: 4vw;
    }
    .slider-container-header .slider .slide .slide-interaction {
        width: 58vw;
        height: 53vw;
        margin-left: 38vw;
        margin-top: 7vw;
    }
    .slider-container-header .slider .slider-controls {
        bottom: 2vw;
        left: 11.5vw;
        font-size: 6vw;
        left: 7vw;
    }
    .slider-container-header .slider .slider-controls .selected-slide {
        font-size: 2.3vw;
    }
    .slider-container-header .slider .slider-controls .slide-control-button {}
    .slider-container-header .action-buttons-row {}
    .slider-container-header .action-buttons {
        margin-top: 47.3vw;
        margin-left: 0;
        margin-right: 0;
    }
    .slider-container-header .action-buttons .action-button {
        height: 75vw;
        background-image: url('images/home/action-button-circle.png');
        margin-top: 15vw;
    }
    .slider-container-header .action-buttons .action-button .internal-circle {
        width: 18vw;
        height: 18vw;
        left: calc(50% - 9vw);
        top: -9vw;
        border-radius: 9vw;
        line-height: 16vw;
        font-size: 9vw;
    }
    .slider-container-header .action-buttons .action-button h3 {
        margin-top: 13vw;
        width: 60%;
        margin-left: 20%;
        height: 6vw;
    }
    .slider-container-header .action-buttons .action-button h5 {
        margin-top: 11.5vw;
        width: 80%;
        margin-left: 10%;
    }
    .slider-container-header .action-buttons .action-button button {
        position: absolute;
        bottom: 19vw;
        left: calc(50% - 22vw);
        width: 44vw;
    }
    .call-to-action {
        height: 108vw;
        margin-top: 317vw;
        width: 100%;
        background-image: url('images/home/call-to-action-mobile-bg.png');
        background-position: center;
    }
    .call-to-action h1 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 11vw;
        text-align: center;
        padding-left: 2vw;
    }
    .call-to-action h5 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 7vw;
        text-align: center;
        padding-left: 5vw;
    }
    .call-to-action button {
        margin-top: 8vw;
        margin-left: 15vw;
    }
    .mobile-devices {
        margin-top: 10vw;
    }
    .mobile-devices h1 {
        margin-top: 3vw;
        text-align: center;
    }
    .mobile-devices .devices-container {
        height: 206vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .mobile-devices .devices-container .selected-device {
        height: 70vw;
    }
    .our-customers {
        height: 111vw;
        background-image: url('images/home/customers-mobile-bg.png');
        margin-bottom: 14vw;
        background-size: auto 100%;
        background-position: center;
    }
    .our-customers h1 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 17vw;
        text-align: center;
    }
    .our-customers h5 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 4.5vw;
        text-align: center;
    }
    .our-customers .customer-scoller {
        width: 38vw;
        height: 31vw;
        margin-top: 13vw;
        margin-left: 26.4vw;
    }
    .our-customers .customer-scoller .customer-list {
        height: 28vw;
        width: 592vw;
    }
    .our-customers .customer-scoller .customer-list .customer {
        width: 37vw;
        height: 100%;
        float: left;
    }
    .our-customers .control-buttons {
        margin-left: 11vw;
        height: 5vw;
    }
    .our-customers .control-buttons .control-button {
        float: left;
        width: 10vw;
        height: 10vw;
        border-radius: 5vw;
        margin-right: 3.5vw;
        line-height: 8.8vw;
        font-size: 8.5vw;
    }
    .our-customers .control-buttons .button-prev{
        top: -20.5vw;
        left: -1vw;
    }
    .our-customers .control-buttons .button-next{
        top: -20.5vw;
        left: 45vw;
    }
    .mobile-devices .devices-container .device-description {
        height: 28vw;
    }
    .mobile-devices .devices-container .device-description .device-icon {
        height: 18vw;
        width: 18vw;
        border-radius: 9vw;
        margin-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description {
        width: calc(100% - 18vw);
        height: 100%;
        padding-left: 3vw;
    }
    .mobile-devices .devices-container .device-description .description h4 {
        padding-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description h5 {
        font-size: 2.3vw;
    }
    .mobile-devices .devices-container .device-description .description a {}
    .mobile-devices .devices-container .separator {
        height: 3.7vw;
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
        margin-left: 3.4vw;
        display: none;
    }
    .page-navigation {
        top: 0;
        left: 2vw;
        width: 5vw;
        display: none;
    }
    .page-navigation .icon {
        width: 5vw;
        height: 5vw;
        text-align: center;
        line-height: 4.3vw;
        border-radius: 2.5vw;
        font-size: 3vw;
    }
    .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 .home-icon {
        margin-top: 6.5vw;
    }
    .page-navigation .home-mouse {}
    .page-navigation .slider-icon {
        margin-top: 2vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 2vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 2vw;
    }
    .page-navigation .customers-icon {
        margin-top: 2vw;
    }
    .page-navigation .home-line {
        height: 9.6vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
    .page-navigation .slider-line {
        height: 80vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .circle-line {
        height: 323.5vw;
        margin-top: 4vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 19vw;
        margin-top: 6vw;
        margin-left: 2.1vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 66vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
    .page-navigation .mobiles-line-one {
        height: 18.5vw;
        margin-top: 5vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 228.6vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 14.7vw;
        margin-top: 5vw;
        margin-left: 2.1vw;
    }
    .page-navigation .customers-line-two {
        height: 71vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
}


/* Medium */

@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 7.5vw;
    }
    h2 {}
    h3 {
        font-size: 3.5vw;
    }
    h4 {
        font-size: 3.6vw;
    }
    h5 {
        font-size: 2.9vw;
    }
    button {
        font-size: 2.5vw;
        font-size: 2.5vw;
        padding-left: 1.2vw;
        padding-right: 1.2vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
    .slider-container-header {
        height: 121vw;
        background-image: url('images/home/header-mobile-bg.png');
        padding-bottom: 10vw;
        background-position: bottom;
    }
    .slider-container-header .slider {
        height: 92vw;
    }
    .slider-container-header .slider .slide {}
    .slider-container-header .slider .slide .slide-description {
        width: 93vw;
        margin-bottom: 2vw;
        padding-top: 5vw;
    }
    .slider-container-header .slider .slide .slide-description h1 {
        padding-top: 2vw;
        text-align: center;
        padding-bottom: 2vw;
    }
    .slider-container-header .slider .slide .slide-description h5 {
        padding-top: 1.5vw;
        width: 100%;
        text-align: center;
        padding-left: 4vw;
        padding-right: 4vw;
        font-size: 2.2vw;
        margin-left: 1vw;
    }
    .slider-container-header .slider .slide .slide-description button {
        margin-left: 5.5vw;
        margin-top: 4vw;
    }
    .slider-container-header .slider .slide .slide-interaction {
        width: 58vw;
        height: 53vw;
        margin-left: 38vw;
        margin-top: 7vw;
    }
    .slider-container-header .slider .slider-controls {
        bottom: 2vw;
        left: 11.5vw;
        font-size: 2.5vw;
        left: 7vw;
    }
    .slider-container-header .slider .slider-controls .selected-slide {
        font-size: 2.3vw;
    }
    .slider-container-header .slider .slider-controls .slide-control-button {}
    .slider-container-header .action-buttons-row {}
    .slider-container-header .action-buttons {
        margin-top: 47.3vw;
        margin-left: 0;
        margin-right: 0;
    }
    .slider-container-header .action-buttons .action-button {
        height: 67vw;
        background-image: url('images/home/action-button-circle.png');
        margin-top: 15vw;
    }
    .slider-container-header .action-buttons .action-button .internal-circle {
        width: 14vw;
        height: 14vw;
        left: calc(50% - 5.5vw);
        top: -9vw;
        border-radius: 9vw;
        line-height: 13vw;
        font-size: 6vw;
    }
    .slider-container-header .action-buttons .action-button h3 {
        margin-top: 13vw;
        width: 50%;
        margin-left: 25%;
        height: 6vw;
    }
    .slider-container-header .action-buttons .action-button h5 {
        margin-top: 11.5vw;
        width: 60%;
        margin-left: 20%;
    }
    .slider-container-header .action-buttons .action-button button {
        position: absolute;
        bottom: 10vw;
        left: calc(50% - 17vw);
        width: 34vw;
    }
    .call-to-action {
        height: 108vw;
        margin-top: 317vw;
        width: 100%;
        background-image: url('images/home/call-to-action-mobile-bg.png');
        background-position: center;
    }
    .call-to-action h1 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 21vw;
        text-align: center;
        padding-left: 2vw;
    }
    .call-to-action h5 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 15vw;
        text-align: center;
        padding-left: 5vw;
    }
    .call-to-action button {
        margin-top: 17vw;
        margin-left: 7vw;
    }
    .mobile-devices {
        margin-top: 10vw;
    }
    .mobile-devices h1 {
        margin-top: 3vw;
        text-align: center;
    }
    .mobile-devices .devices-container {
        height: 206vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .mobile-devices .devices-container .selected-device {
        height: 60vw;
    }
    .our-customers {
        height: 111vw;
        background-image: url('images/home/customers-mobile-bg.png');
        margin-bottom: 14vw;
        background-size: auto 100%;
        background-position: center;
    }
    .our-customers h1 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 17vw;
        text-align: center;
    }
    .our-customers h5 {
        color: #F2F9FA;
        width: 93vw;
        padding-top: 4.5vw;
        text-align: center;
    }
    .our-customers .customer-scoller {
        width: 37vw;
        height: 29vw;
        margin-top: 13vw;
        margin-left: 27.4vw;
    }
    .our-customers .customer-scoller .customer-list {
        height: 28vw;
        width: 592vw;
    }
    .our-customers .customer-scoller .customer-list .customer {
        width: 37vw;
        height: 100%;
        float: left;
    }
    .our-customers .control-buttons {
        margin-left: 11vw;
        height: 5vw;
    }
    .our-customers .control-buttons .control-button {
        float: left;
        width: 10vw;
        height: 10vw;
        border-radius: 5vw;
        margin-right: 3.5vw;
        line-height: 8.8vw;
        font-size: 8.5vw;
    }
    .our-customers .control-buttons .button-prev{
        top: -19.5vw;
        left: -3vw;
    }
    .our-customers .control-buttons .button-next{
        top: -19.5vw;
        left: 50vw;
    }
    .mobile-devices .devices-container .device-description {
        height: 28vw;
    }
    .mobile-devices .devices-container .device-description .device-icon {
        height: 18vw;
        width: 18vw;
        border-radius: 9vw;
        margin-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description {
        width: calc(100% - 18vw);
        height: 100%;
        padding-left: 3vw;
    }
    .mobile-devices .devices-container .device-description .description h4 {
        padding-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description h5 {
        font-size: 2.3vw;
    }
    .mobile-devices .devices-container .device-description .description a {}
    .mobile-devices .devices-container .separator {
        height: 3.7vw;
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
        margin-left: 3.4vw;
        display: none;
    }
    .page-navigation {
        top: 0;
        left: 2vw;
        width: 5vw;
        display: none;
    }
    .page-navigation .icon {
        width: 5vw;
        height: 5vw;
        text-align: center;
        line-height: 4.3vw;
        border-radius: 2.5vw;
        font-size: 3vw;
    }
    .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 .home-icon {
        margin-top: 6.5vw;
    }
    .page-navigation .home-mouse {}
    .page-navigation .slider-icon {
        margin-top: 2vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 2vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 2vw;
    }
    .page-navigation .customers-icon {
        margin-top: 2vw;
    }
    .page-navigation .home-line {
        height: 9.6vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
    .page-navigation .slider-line {
        height: 80vw;
        margin-top: 2vw;
        margin-left: 2.3vw;
    }
    .page-navigation .circle-line {
        height: 323.5vw;
        margin-top: 4vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 19vw;
        margin-top: 6vw;
        margin-left: 2.1vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 66vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
    .page-navigation .mobiles-line-one {
        height: 18.5vw;
        margin-top: 5vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 228.6vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 14.7vw;
        margin-top: 5vw;
        margin-left: 2.1vw;
    }
    .page-navigation .customers-line-two {
        height: 71vw;
        margin-top: 2vw;
        margin-left: 2.1vw;
    }
}


/* Large */

@media (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 4.5vw;
    }
    h2 {}
    h3 {
        font-size: 1.7vw;
    }
    h4 {
        font-size: 1.3vw;
    }
    h5 {
        font-size: 0.9vw;
    }
    button {
        font-size: 0.9vw;
    }
    .slider-container-header {
        height: 50vw;
        background-image: url('images/home/header-bg.png');
        padding-bottom: 10vw;
    }
    .slider-container-header .slider {
        height: 31vw;
        margin-top: 2vw;
    }
    .slider-container-header .slider .slide {}
    .slider-container-header .slider .slide .slide-description {
        width: 61vw;
        float: left;
        margin-bottom: 5vw;
    }
    .slider-container-header .slider .slide .slide-description h1 {
        padding-left: 11.5vw;
        padding-top: 2vw;
    }
    .slider-container-header .slider .slide .slide-description h5 {
        padding-left: 11.5vw;
        padding-top: 1.5vw;
        width: 100%;
    }
    .slider-container-header .slider .slide .slide-description button {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }
    .slider-container-header .slider .slide .slide-interaction {
        width: 30vw;
        height: 24vw;
        float: left;
    }
    .slider-container-header .slider .slider-controls {
        bottom: 7vw;
        left: 11.5vw;
        font-size: 1.3vw;
    }
    .slider-container-header .slider .slider-controls .selected-slide {
        font-size: 2.3vw;
    }
    .slider-container-header .slider .slider-controls .slide-control-button {}
    .slider-container-header .action-buttons {
        margin-top: -3.7vw;
    }
    .slider-container-header .action-buttons .action-button {
        height: 24vw;
        background-image: url('images/home/action-button-circle.png');
    }
    .slider-container-header .action-buttons .action-button .internal-circle {
        width: 6vw;
        height: 6vw;
        left: calc(50% - 3vw);
        top: -1.7vw;
        border-radius: 3vw;
        line-height: 5.7vw;
        font-size: 3vw;
    }
    .slider-container-header .action-buttons .action-button h3 {
        margin-top: 6vw;
        width: 70%;
        margin-left: 15%;
        height: 6vw;
    }
    .slider-container-header .action-buttons .action-button h5 {
        margin-top: 1.5vw;
        width: 80%;
        margin-left: 10%;
    }
    .slider-container-header .action-buttons .action-button button {
        position: absolute;
        bottom: 3vw;
        left: calc(50% - 5vw);
        width: 10vw;
    }
    .call-to-action {
        height: 34vw;
        margin-top: 16vw;
        width: 100%;
        background-image: url('images/home/call-to-action-bg.png');
    }
    .call-to-action h1 {
        color: #F2F9FA;
        width: 57vw;
        margin-left: 10vw;
        padding-top: 5vw;
    }
    .call-to-action h5 {
        color: #F2F9FA;
        width: 40vw;
        margin-left: 10vw;
        padding-top: 3vw;
    }
    .call-to-action button {
        margin-top: 3vw;
        margin-left: 10vw;
    }
    .mobile-devices {}
    .mobile-devices h1 {
        margin-left: 10vw;
        margin-top: 3vw;
    }
    .mobile-devices .devices-container {
        height: 33vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .our-customers {
        height: 34vw;
        background-image: url('images/home/customers-bg.png');
        margin-bottom: 5vw;
    }
    .our-customers h1 {
        color: #F2F9FA;
        width: 57vw;
        margin-left: 10vw;
        padding-top: 5vw;
    }
    .our-customers h5 {
        color: #F2F9FA;
        width: 40vw;
        margin-left: 10vw;
        padding-top: 0.5vw;
    }
    .our-customers .customer-scoller {
        width: 61vw;
        height: 10vw;
        margin-top: 3vw;
        margin-left: 18.4vw;
    }
    .our-customers .customer-scoller .customer-list {
        height: 10vw;
        width: 195.2vw;
    }
    .our-customers .customer-scoller .customer-list .customer {
        width: 12.2vw;
        height: 100%;
        float: left;
    }
    .our-customers .control-buttons {
        margin-left: 10.4vw;
        height: 5vw;
    }
    .our-customers .control-buttons .control-button {
        float: left;
        width: 5vw;
        height: 5vw;
        border-radius: 4vw;
        line-height: 4.5vw;
        font-size: 3.5vw;
    }
    .our-customers .control-buttons .button-prev{
        top: -7.5vw;
        left: 2vw;
    }
    .our-customers .control-buttons .button-next{
        top: -7.5vw;
        left: 65vw;
    }
    .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 .home-icon {
        margin-top: 2.5vw;
    }
    .page-navigation .home-mouse {}
    .page-navigation .slider-icon {
        margin-top: 1.5vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 1vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 1vw;
    }
    .page-navigation .customers-icon {
        margin-top: 1vw;
    }
    .page-navigation .home-line {
        height: 4.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .slider-line {
        height: 25.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .circle-line {
        height: 23.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 20vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .mobiles-line-one {
        height: 3.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 43.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 3.7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .customers-line-two {
        height: 23vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .mobile-devices .devices-container .device-description {
        height: 8vw;
    }
    .mobile-devices .devices-container .device-description .device-icon {
        height: 7vw;
        width: 7vw;
        border-radius: 3.5vw;
        margin-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description {
        width: calc(100% - 8vw);
        height: 100%;
        padding-left: 3vw;
    }
    .mobile-devices .devices-container .device-description .description h4 {
        padding-top: 1.2vw;
    }
    .mobile-devices .devices-container .device-description .description h5 {
        font-size: 0.7vw;
    }
    .mobile-devices .devices-container .device-description .description a {}
    .mobile-devices .devices-container .separator {
        height: 3.7vw;
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
        margin-left: 3.4vw;
    }
}


/* Extra large */

@media (min-width: 1200px) {
    h1 {
        font-size: 4.5vw;
    }
    h2 {}
    h3 {
        font-size: 1.7vw;
    }
    h4 {
        font-size: 1.3vw;
    }
    h5 {
        font-size: 0.9vw;
    }
    button {
        font-size: 0.9vw;
    }
    .slider-container-header {
        height: 50vw;
        background-image: url('images/home/header-bg.png');
        padding-bottom: 10vw;
    }
    .slider-container-header .slider {
        height: 31vw;
        margin-top: 2vw;
    }
    .slider-container-header .slider .slide {}
    .slider-container-header .slider .slide .slide-description {
        width: 61vw;
        float: left;
        margin-bottom: 5vw;
    }
    .slider-container-header .slider .slide .slide-description h1 {
        padding-left: 11.5vw;
        padding-top: 2vw;
    }
    .slider-container-header .slider .slide .slide-description h5 {
        padding-left: 11.5vw;
        padding-top: 1.5vw;
        width: 100%;
    }
    .slider-container-header .slider .slide .slide-description button {
        margin-left: 11.5vw;
        margin-top: 2vw;
    }
    .slider-container-header .slider .slide .slide-interaction {
        width: 30vw;
        height: 24vw;
        float: left;
    }
    .slider-container-header .slider .slider-controls {
        bottom: 7vw;
        left: 11.5vw;
        font-size: 1.3vw;
    }
    .slider-container-header .slider .slider-controls .selected-slide {
        font-size: 2.3vw;
    }
    .slider-container-header .slider .slider-controls .slide-control-button {}
    .slider-container-header .action-buttons {
        margin-top: -3.7vw;
    }
    .slider-container-header .action-buttons .action-button {
        height: 24vw;
        background-image: url('images/home/action-button-circle.png');
    }
    .slider-container-header .action-buttons .action-button .internal-circle {
        width: 6vw;
        height: 6vw;
        left: calc(50% - 3vw);
        top: -1.7vw;
        border-radius: 3vw;
        line-height: 5.7vw;
        font-size: 3vw;
    }
    .slider-container-header .action-buttons .action-button h3 {
        margin-top: 6vw;
        width: 70%;
        margin-left: 15%;
        height: 6vw;
    }
    .slider-container-header .action-buttons .action-button h5 {
        margin-top: 1.5vw;
        width: 80%;
        margin-left: 10%;
    }
    .slider-container-header .action-buttons .action-button button {
        position: absolute;
        bottom: 3vw;
        left: calc(50% - 5vw);
        width: 10vw;
    }
    .call-to-action {
        height: 34vw;
        margin-top: 16vw;
        width: 100%;
        background-image: url('images/home/call-to-action-bg.png');
    }
    .call-to-action h1 {
        color: #F2F9FA;
        width: 57vw;
        margin-left: 10vw;
        padding-top: 5vw;
    }
    .call-to-action h5 {
        color: #F2F9FA;
        width: 40vw;
        margin-left: 10vw;
        padding-top: 3vw;
    }
    .call-to-action button {
        margin-top: 3vw;
        margin-left: 10vw;
    }
    .mobile-devices {}
    .mobile-devices h1 {
        margin-left: 10vw;
        margin-top: 3vw;
    }
    .mobile-devices .devices-container {
        height: 33vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .our-customers {
        height: 34vw;
        background-image: url('images/home/customers-bg.png');
        margin-bottom: 5vw;
    }
    .our-customers h1 {
        color: #F2F9FA;
        width: 57vw;
        margin-left: 10vw;
        padding-top: 5vw;
    }
    .our-customers h5 {
        color: #F2F9FA;
        width: 40vw;
        margin-left: 10vw;
        padding-top: 0.5vw;
    }
    .our-customers .customer-scoller {
        width: 61vw;
        height: 10vw;
        margin-top: 3vw;
        margin-left: 19.4vw;
    }
    .our-customers .customer-scoller .customer-list {
        height: 10vw;
        width: 195.2vw;
    }
    .our-customers .customer-scoller .customer-list .customer {
        width: 12.2vw;
        height: 100%;
        float: left;
    }
    .our-customers .control-buttons {
        margin-left: 10.4vw;
        height: 5vw;
    }
    .our-customers .control-buttons .control-button {
        float: left;
        width: 5vw;
        height: 5vw;
        border-radius: 4vw;
        line-height: 4.5vw;
        font-size: 3.5vw;
    }
    .our-customers .control-buttons .button-prev{
        top: -7.5vw;
        left: 2vw;
    }
    .our-customers .control-buttons .button-next{
        top: -7.5vw;
        left: 67vw;
    }
    .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 .home-icon {
        margin-top: 2.5vw;
    }
    .page-navigation .home-mouse {}
    .page-navigation .slider-icon {
        margin-top: 1.5vw;
    }
    .page-navigation .call-to-action-icon {
        margin-top: 1vw;
    }
    .page-navigation .mobiles-icon {
        margin-top: 1vw;
    }
    .page-navigation .customers-icon {
        margin-top: 1vw;
    }
    .page-navigation .home-line {
        height: 4.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .slider-line {
        height: 25.7vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .circle-line {
        height: 23.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .call-to-action-line-one {
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .call-to-action-line-two {
        height: 20vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .page-navigation .mobiles-line-one {
        height: 3.5vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .mobiles-line-two {
        height: 43.6vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
        border-left-color: #7CB5C0;
    }
    .page-navigation .customers-line-one {
        height: 3.7vw;
        margin-top: 2vw;
        margin-left: 0.85vw;
    }
    .page-navigation .customers-line-two {
        height: 23vw;
        margin-top: 1vw;
        margin-left: 0.85vw;
    }
    .mobile-devices .devices-container .device-description {
        height: 8vw;
    }
    .mobile-devices .devices-container .device-description .device-icon {
        height: 7vw;
        width: 7vw;
        border-radius: 3.5vw;
        margin-top: 0.5vw;
    }
    .mobile-devices .devices-container .device-description .description {
        width: calc(100% - 8vw);
        height: 100%;
        padding-left: 3vw;
    }
    .mobile-devices .devices-container .device-description .description h4 {
        padding-top: 1.2vw;
    }
    .mobile-devices .devices-container .device-description .description h5 {
        font-size: 0.7vw;
    }
    .mobile-devices .devices-container .device-description .description a {}
    .mobile-devices .devices-container .separator {
        height: 3.7vw;
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
        margin-left: 3.4vw;
    }
}