button {
    background-color: #1E4E91;
    border-radius: 15pt;
    border: none;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    color: #E6E8F0;
    font-size: calc(7pt + (14 - 7) * ((100vw - 300px) / (1920 - 300)));
}

@media (min-width: 0px) and (max-width: 576px) {
    .testimonials {
        margin-top: 18vw;
    }
    .call-to-action-arrow {
        width: 100%;
        margin-bottom: -15vw;
    }
    .call-to-action-arrow .call-to-action-arrow-image {
        background-image: url(images/aboutus/findoutmorepointer.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 20vw;
        width: 20vw;
        margin: auto;
    }
    .call-to-action-button {
        margin-top: -7vw;
    }
    .call-to-action-button .call-to-action-button-image {
        background-image: url(images/aboutus/findoutmoreaction.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 40vw;
        width: 40vw;
        margin: auto;
        cursor: pointer;
        position: relative;
        top: 23%;
    }
    .call-to-action-button .call-to-action-button-image h2 {
        color: white;
        padding-top: 10.3vw;
        font-size: 8vw;
        text-transform: uppercase;
    }
    .call-to-action-button .call-to-action-button-image .find-out-now {
        padding-top: 13.3vw;
        font-size: 6vw;
    }
    .call-to-action-right-image {
        position: relative;
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 80%;
        height: 70%;
        margin-left: 10%;
        margin-top: 27%;
        display: none;
    }
    .page-header {
        height: 64vw;
        margin-top: 4vw;
    }
    .page-header .general-title {
        padding-top: 10vw;
        z-index: 10;
    }
    .page-header .general-title h3 {
        font-size: 6.5vw;
        color: white;
        z-index: 10;
    }
    .page-header .play-button-container {
        z-index: 10;
    }
    .page-header .play-button-container .play-button {
        padding-top: 12vw;
        height: 100%;
        background-image: url('images/services/play.png');
        background-size: 100% auto;
        width: 12vw;
        background-repeat: no-repeat;
        background-position: bottom;
        cursor: pointer;
        z-index: 10;
        margin-top: 40%;
    }
    .page-header .buttons {
        padding-top: 1vw;
        z-index: 10;
    }
    .page-header .buttons button {
        background-color: white;
        color: #5C6A8D;
        border-radius: 8px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 10;
        font-size: 3vw;
    }
    .page-header .services-video {
        width: 100%;
        height: 80vw;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    .page-header .map-footer {
        width: 100%;
        position: absolute;
        background-image: url('images/services/video-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 950;
        height: 11vw;
        margin-top: -7.7vw;
        padding-right: 0;
        padding-left: 0;
        top: 66vw;
        left: 0px;
    }
    .services {
        padding-top: 3vw;
        padding-bottom: 5vw;
        position: relative;
        z-index: 10;
        background-color: white;
    }
    .services * {
        z-index: 10;
    }
    .services .bg {
        position: relative;
        width: 100%;
        height: 7vw;
        background-image: url('images/services/services-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 100%;
        display: none;
    }
    .services .services-rocket {
        width: 100%;
        height: 100%;
        background-image: url('images/services/services-rocket.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 97vw;
    }
    .services .services-description {
        padding-top: 3vw;
    }
    .services .services-description h2 {
        color: #424C70;
        text-align: center;
        font-size: 10vw;
    }
    .services .services-subdescription p {
        color: #A0A0A0;
        font-size: 4vw;
        text-align: justify;
        text-justify: inter-word;
    }
    .services .services-images {
        padding-top: 10vw;
    }
    .services .services-images .services-image {
        height: 67vw;
        cursor: pointer;
        margin-bottom: 2%;
        margin-bottom: 22vw;
    }
    .services .services-images .services-image .label {
        width: 80%;
        height: 10.5vw;
        text-align: center;
        background-color: #1E508F;
        margin-top: -10.4vw;
        margin-left: 10%;
        color: white;
        line-height: 10.5vw;
        border-radius: 26px;
        text-transform: uppercase;
        font-size: 4.5vw;
    }
    .services .services-images .services-image .icon {
        width: 20vw;
        height: 20vw;
        position: absolute;
        left: calc(50% - 10vw);
        top: -10vw;
        background-color: #1E508F;
        border-radius: 50%;
        border: 7px white solid;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50% 50%;
    }
    .services .services-images .services-image .services-image-container {
        border: #FDB218 3vw solid;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 120% 120%;
        background-repeat: no-repeat;
    }
    .coverage {
        padding-top: 17vw;
    }
    .coverage .coverage-image {
        width: 100%;
        position: relative;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(images/services/coverage-map.png);
        height: 115vw;
    }
    .coverage .general-title {
        color: #364A6D;
        font-size: 10vw;
    }
    .coverage .general-subtitle {
        color: #9D9D9D;
        font-size: 4vw;
        padding-top: 1vw;
    }
    .coverage .coverage-list {
        padding-top: 3vw;
    }
    .coverage .coverage-list p {
        font-size: 4vw;
        color: #9D9D9D;
    }
    .shared-distribution {
        padding-top: 4vw;
        padding-bottom: 9vw;
    }
    .shared-distribution .section-header {
        width: 100%;
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: none;
        height: 32vw;
    }
    .shared-distribution .section-header .general-title {
        font-size: 10vw;
        color: #364A6D;
        padding-top: 2vw;
    }
    .shared-distribution .section-header .general-subtitle {
        font-size: 3.5vw;
        color: #9D9D9D;
    }
    .shared-distribution .section-description {
        padding-top: 5vw;
        font-size: calc(8px + (20 - 8) * ((100vw - 300px) / (1920 - 300)));
        color: #9D9D9D;
    }
    .shared-distribution .section-description p {
        text-align: justify;
        text-justify: inter-word;
        font-size: 4vw;
    }
    .shared-distribution .section-link {
        padding-top: 4vw;
    }
    .shared-distribution .section-link a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .shared-distribution .section-link a:hover {
        text-decoration: none;
    }
    .plan-campaign {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-campaign .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 38vw;
        padding-bottom: 1vw;
    }
    .plan-campaign .call-to-action-button {
        margin-top: 2vw;
    }
    .solus-delivery {
        padding-top: 25vw;
        padding-bottom: 14vw;
    }
    .solus-delivery .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .solus-delivery .general-subtitle {
        color: #9D9D9D;
        font-size: 3.5vw;
        padding-top: 0.5vw;
    }
    .solus-delivery .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .solus-delivery a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .solus-delivery a:hover {
        text-decoration: none;
    }
    .plan-solus-campaign {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-solus-campaign .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 40vw;
        padding-bottom: 1vw;
    }
    .plan-solus-campaign .call-to-action-button {
        margin-top: 9vw;
    }
    .sample-disrtibution {
        padding-top: 20vw;
        padding-bottom: 14vw;
    }
    .sample-disrtibution .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .sample-disrtibution .general-subtitle {
        color: #9D9D9D;
        font-size: 3.7vw;
        padding-top: 0.5vw;
    }
    .sample-disrtibution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .sample-disrtibution a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .sample-disrtibution a:hover {
        text-decoration: none;
    }
    .check-portal {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .check-portal .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 20vw;
    }
    .check-portal .call-to-action-button {
        margin-top: 0vw;
    }
    .leaflet-design-print {
        padding-top: 27vw;
        padding-bottom: 14vw;
    }
    .leaflet-design-print .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .leaflet-design-print .general-subtitle {
        color: #9D9D9D;
        font-size: 3.7vw;
        padding-top: 0.5vw;
    }
    .leaflet-design-print .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .leaflet-design-print a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .leaflet-design-print a:hover {
        text-decoration: none;
    }
    .plan-shared-solus-delivery {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-shared-solus-delivery .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 26vw;
    }
    .plan-shared-solus-delivery .call-to-action-button {
        margin-top: 3%;
    }
    .free-online-solution {
        padding-top: 26vw;
        padding-bottom: 11vw;
    }
    .free-online-solution .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .free-online-solution .general-subtitle {
        color: #9D9D9D;
        font-size: calc(8px + (18 - 8) * ((100vw - 300px) / (1920 - 300)));
        padding-top: 0.5vw;
    }
    .free-online-solution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .free-online-solution a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .free-online-solution a:hover {
        text-decoration: none;
    }
    .check-out-portal {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .check-out-portal .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 34vw;
    }
    .check-out-portal .general-subtitle {
        font-size: 4vw;
        color: white;
    }
    .check-out-portal .call-to-action-button {
        margin-top: 11vw;
    }
    .you-will-get {
        padding-top: 24vw;
        padding-bottom: 5vw;
    }
    .you-will-get .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .you-will-get .description-row {
        padding-top: 5vw;
    }
    .you-will-get .description-row .discription-bg-text-container {
        padding: 1vw 0 1vw 0;
    }
    .you-will-get .description-row .discription-bg {
        background-image: url(images/services/check.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .you-will-get .description-row .discription-text-container {
        display: table;
        font-size: calc(12px + (35 - 12) * ((100vw - 300px) / (1920 - 300)));
        font-weight: bold;
        color: #B1B1B1;
        height: 14vw;
    }
    .you-will-get .description-row .discription-text-container .discription-text {
        display: table-cell;
        vertical-align: middle;
        font-size: 4vw;
    }
    .try-out-planning {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 111vw;
    }
    .try-out-planning .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 40vw;
    }
    .try-out-planning .general-subtitle {
        font-size: calc(18px + (20 - 8) * ((100vw - 300px) / (1920 - 300)));
        color: white;
    }
    .try-out-planning .call-to-action-button {
        margin-top: 3.5vw;
    }
    .page-footer {
        padding-bottom: 5vw;
        padding-top: 11vw;
    }
    .page-footer .general-title {
        font-size: calc(40px + (58 - 20) * ((100vw - 300px) / (1920 - 300)));
        color: #364A6D;
    }
    .page-footer button {
        margin-top: 7vw;
        text-transform: uppercase;
        font-size: 15pt;
    }
    .findoutnow {
        background-image: url(images/aboutus/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .findoutnow .general-title {
        padding-top: 20.5vw;
        padding-bottom: 3vw;
    }
    .findoutnow h1 {
        font-size: 10vw;
        color: white;
    }
    .findoutnow .call-to-action-button {
        margin-top: 4vw;
    }
    .try-out-planning .call-to-action-button-image {
        top: 18vw;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .testimonials {
        margin-top: 18vw;
    }
    .call-to-action-arrow {
        width: 100%;
        margin-bottom: -15vw;
    }
    .call-to-action-arrow .call-to-action-arrow-image {
        background-image: url(images/aboutus/findoutmorepointer.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 20vw;
        width: 20vw;
        margin: auto;
    }
    .call-to-action-button {
        margin-top: -7vw;
    }
    .call-to-action-button .call-to-action-button-image {
        background-image: url(images/aboutus/findoutmoreaction.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 40vw;
        width: 40vw;
        margin: auto;
        cursor: pointer;
        position: relative;
        top: 23%;
    }
    .call-to-action-button .call-to-action-button-image h2 {
        color: white;
        padding-top: 10.3vw;
        font-size: 8vw;
        text-transform: uppercase;
    }
    .call-to-action-button .call-to-action-button-image .find-out-now {
        padding-top: 13.3vw;
        font-size: 6vw;
    }
    .call-to-action-right-image {
        position: relative;
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 80%;
        height: 70%;
        margin-left: 10%;
        margin-top: 27%;
        display: none;
    }
    .page-header {
        height: 64vw;
        margin-top: 4vw;
    }
    .page-header .general-title {
        padding-top: 10vw;
        z-index: 10;
    }
    .page-header .general-title h3 {
        font-size: 6.5vw;
        color: white;
        z-index: 10;
    }
    .page-header .play-button-container {
        z-index: 10;
    }
    .page-header .play-button-container .play-button {
        padding-top: 12vw;
        height: 100%;
        background-image: url('images/services/play.png');
        background-size: 100% auto;
        width: 12vw;
        background-repeat: no-repeat;
        background-position: bottom;
        cursor: pointer;
        z-index: 10;
        margin-top: 40%;
    }
    .page-header .buttons {
        padding-top: 1vw;
        z-index: 10;
    }
    .page-header .buttons button {
        background-color: white;
        color: #5C6A8D;
        border-radius: 8px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 10;
        font-size: 3vw;
    }
    .page-header .services-video {
        width: 100%;
        height: 80vw;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    .page-header .map-footer {
        width: 100%;
        position: absolute;
        background-image: url('images/services/video-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 950;
        height: 11vw;
        margin-top: -7.7vw;
        padding-right: 0;
        padding-left: 0;
        top: 66vw;
        left: 0px;
    }
    .services {
        padding-top: 3vw;
        padding-bottom: 5vw;
        position: relative;
        z-index: 10;
        background-color: white;
    }
    .services * {
        z-index: 10;
    }
    .services .bg {
        position: relative;
        width: 100%;
        height: 7vw;
        background-image: url('images/services/services-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 100%;
        display: none;
    }
    .services .services-rocket {
        width: 100%;
        height: 100%;
        background-image: url('images/services/services-rocket.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 97vw;
    }
    .services .services-description {
        padding-top: 3vw;
    }
    .services .services-description h2 {
        color: #424C70;
        text-align: center;
        font-size: 10vw;
    }
    .services .services-subdescription p {
        color: #A0A0A0;
        font-size: 4vw;
        text-align: justify;
        text-justify: inter-word;
    }
    .services .services-images {
        padding-top: 10vw;
    }
    .services .services-images .services-image {
        height: 37vw;
        cursor: pointer;
        margin-bottom: 2%;
        margin-bottom: 22vw;
    }
    .services .services-images .services-image .label {
        width: 80%;
        height: 9.5vw;
        text-align: center;
        background-color: #1E508F;
        margin-top: -7.4vw;
        margin-left: 10%;
        color: white;
        line-height: 10.5vw;
        border-radius: 26px;
        text-transform: uppercase;
        font-size: 2.3vw;
    }
    .services .services-images .services-image .icon {
        width: 15vw;
        height: 15vw;
        position: absolute;
        left: calc(50% - 7.5vw);
        top: -7.5vw;
        background-color: #1E508F;
        border-radius: 50%;
        border: 7px white solid;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50% 50%;
    }
    .services .services-images .services-image .services-image-container {
        border: #FDB218 3vw solid;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 120% 120%;
        background-repeat: no-repeat;
    }
    .coverage {
        padding-top: 17vw;
    }
    .coverage .coverage-image {
        width: 100%;
        position: relative;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(images/services/coverage-map.png);
        height: 115vw;
    }
    .coverage .general-title {
        color: #364A6D;
        font-size: 10vw;
    }
    .coverage .general-subtitle {
        color: #9D9D9D;
        font-size: 4vw;
        padding-top: 1vw;
    }
    .coverage .coverage-list {
        padding-top: 3vw;
    }
    .coverage .coverage-list p {
        font-size: 4vw;
        color: #9D9D9D;
    }
    .shared-distribution {
        padding-top: 4vw;
        padding-bottom: 9vw;
    }
    .shared-distribution .section-header {
        width: 100%;
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: none;
        height: 32vw;
    }
    .shared-distribution .section-header .general-title {
        font-size: 10vw;
        color: #364A6D;
        padding-top: 2vw;
    }
    .shared-distribution .section-header .general-subtitle {
        font-size: 3.5vw;
        color: #9D9D9D;
    }
    .shared-distribution .section-description {
        padding-top: 5vw;
        font-size: calc(8px + (20 - 8) * ((100vw - 300px) / (1920 - 300)));
        color: #9D9D9D;
    }
    .shared-distribution .section-description p {
        text-align: justify;
        text-justify: inter-word;
        font-size: 4vw;
    }
    .shared-distribution .section-link {
        padding-top: 4vw;
    }
    .shared-distribution .section-link a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .shared-distribution .section-link a:hover {
        text-decoration: none;
    }
    .plan-campaign {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-campaign .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 38vw;
        padding-bottom: 1vw;
    }
    .plan-campaign .call-to-action-button {
        margin-top: 2vw;
    }
    .solus-delivery {
        padding-top: 25vw;
        padding-bottom: 14vw;
    }
    .solus-delivery .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .solus-delivery .general-subtitle {
        color: #9D9D9D;
        font-size: 3.5vw;
        padding-top: 0.5vw;
    }
    .solus-delivery .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .solus-delivery a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .solus-delivery a:hover {
        text-decoration: none;
    }
    .plan-solus-campaign {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-solus-campaign .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 40vw;
        padding-bottom: 1vw;
    }
    .plan-solus-campaign .call-to-action-button {
        margin-top: 9vw;
    }
    .sample-disrtibution {
        padding-top: 20vw;
        padding-bottom: 14vw;
    }
    .sample-disrtibution .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .sample-disrtibution .general-subtitle {
        color: #9D9D9D;
        font-size: 3.7vw;
        padding-top: 0.5vw;
    }
    .sample-disrtibution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .sample-disrtibution a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .sample-disrtibution a:hover {
        text-decoration: none;
    }
    .check-portal {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .check-portal .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 20vw;
    }
    .check-portal .call-to-action-button {
        margin-top: 0vw;
    }
    .leaflet-design-print {
        padding-top: 27vw;
        padding-bottom: 14vw;
    }
    .leaflet-design-print .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .leaflet-design-print .general-subtitle {
        color: #9D9D9D;
        font-size: 3.7vw;
        padding-top: 0.5vw;
    }
    .leaflet-design-print .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .leaflet-design-print a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .leaflet-design-print a:hover {
        text-decoration: none;
    }
    .plan-shared-solus-delivery {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-shared-solus-delivery .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 26vw;
    }
    .plan-shared-solus-delivery .call-to-action-button {
        margin-top: 3%;
    }
    .free-online-solution {
        padding-top: 26vw;
        padding-bottom: 11vw;
    }
    .free-online-solution .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .free-online-solution .general-subtitle {
        color: #9D9D9D;
        font-size: calc(8px + (18 - 8) * ((100vw - 300px) / (1920 - 300)));
        padding-top: 0.5vw;
    }
    .free-online-solution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .free-online-solution a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .free-online-solution a:hover {
        text-decoration: none;
    }
    .check-out-portal {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .check-out-portal .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 34vw;
    }
    .check-out-portal .general-subtitle {
        font-size: 4vw;
        color: white;
    }
    .check-out-portal .call-to-action-button {
        margin-top: 11vw;
    }
    .you-will-get {
        padding-top: 24vw;
        padding-bottom: 5vw;
    }
    .you-will-get .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .you-will-get .description-row {
        padding-top: 5vw;
    }
    .you-will-get .description-row .discription-bg-text-container {
        padding: 1vw 0 1vw 0;
    }
    .you-will-get .description-row .discription-bg {
        background-image: url(images/services/check.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .you-will-get .description-row .discription-text-container {
        display: table;
        font-size: calc(12px + (35 - 12) * ((100vw - 300px) / (1920 - 300)));
        font-weight: bold;
        color: #B1B1B1;
        height: 14vw;
    }
    .you-will-get .description-row .discription-text-container .discription-text {
        display: table-cell;
        vertical-align: middle;
        font-size: 4vw;
    }
    .try-out-planning {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 111vw;
    }
    .try-out-planning .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 40vw;
    }
    .try-out-planning .general-subtitle {
        font-size: calc(18px + (20 - 8) * ((100vw - 300px) / (1920 - 300)));
        color: white;
    }
    .try-out-planning .call-to-action-button {
        margin-top: 3.5vw;
    }
    .page-footer {
        padding-bottom: 5vw;
        padding-top: 11vw;
    }
    .page-footer .general-title {
        font-size: calc(40px + (58 - 20) * ((100vw - 300px) / (1920 - 300)));
        color: #364A6D;
    }
    .page-footer button {
        margin-top: 7vw;
        text-transform: uppercase;
        font-size: 15pt;
    }
    .findoutnow {
        background-image: url(images/aboutus/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .findoutnow .general-title {
        padding-top: 20.5vw;
        padding-bottom: 3vw;
    }
    .findoutnow h1 {
        font-size: 10vw;
        color: white;
    }
    .findoutnow .call-to-action-button {
        margin-top: 4vw;
    }
    .try-out-planning .call-to-action-button-image {
        top: 18vw;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .testimonials {
        margin-top: 18vw;
    }
    .call-to-action-arrow {
        width: 100%;
        margin-bottom: -15vw;
    }
    .call-to-action-arrow .call-to-action-arrow-image {
        background-image: url(images/aboutus/findoutmorepointer.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 20vw;
        width: 20vw;
        margin: auto;
    }
    .call-to-action-button {
        margin-top: -7vw;
    }
    .call-to-action-button .call-to-action-button-image {
        background-image: url(images/aboutus/findoutmoreaction.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 40vw;
        width: 40vw;
        margin: auto;
        cursor: pointer;
        position: relative;
        top: 23%;
    }
    .call-to-action-button .call-to-action-button-image h2 {
        color: white;
        padding-top: 10.3vw;
        font-size: 8vw;
        text-transform: uppercase;
    }
    .call-to-action-button .call-to-action-button-image .find-out-now {
        padding-top: 13.3vw;
        font-size: 6vw;
    }
    .call-to-action-right-image {
        position: relative;
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 80%;
        height: 70%;
        margin-left: 10%;
        margin-top: 27%;
        display: none;
    }
    .page-header {
        height: 64vw;
        margin-top: 4vw;
    }
    .page-header .general-title {
        padding-top: 10vw;
        z-index: 10;
    }
    .page-header .general-title h3 {
        font-size: 6.5vw;
        color: white;
        z-index: 10;
    }
    .page-header .play-button-container {
        z-index: 10;
    }
    .page-header .play-button-container .play-button {
        padding-top: 12vw;
        height: 100%;
        background-image: url('images/services/play.png');
        background-size: 100% auto;
        width: 12vw;
        background-repeat: no-repeat;
        background-position: bottom;
        cursor: pointer;
        z-index: 10;
        margin-top: 40%;
    }
    .page-header .buttons {
        padding-top: 1vw;
        z-index: 10;
    }
    .page-header .buttons button {
        background-color: white;
        color: #5C6A8D;
        border-radius: 8px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 10;
        font-size: 3vw;
    }
    .page-header .services-video {
        width: 100%;
        height: 80vw;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    .page-header .map-footer {
        width: 100%;
        position: absolute;
        background-image: url('images/services/video-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 950;
        height: 11vw;
        margin-top: -7.7vw;
        padding-right: 0;
        padding-left: 0;
        top: 66vw;
        left: 0px;
    }
    .services {
        padding-top: 3vw;
        padding-bottom: 5vw;
        position: relative;
        z-index: 10;
        background-color: white;
    }
    .services * {
        z-index: 10;
    }
    .services .bg {
        position: relative;
        width: 100%;
        height: 7vw;
        background-image: url('images/services/services-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 100%;
        display: none;
    }
    .services .services-rocket {
        width: 100%;
        height: 100%;
        background-image: url('images/services/services-rocket.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 97vw;
    }
    .services .services-description {
        padding-top: 3vw;
    }
    .services .services-description h2 {
        color: #424C70;
        text-align: center;
        font-size: 10vw;
    }
    .services .services-subdescription p {
        color: #A0A0A0;
        font-size: 4vw;
        text-align: justify;
        text-justify: inter-word;
    }
    .services .services-images {
        padding-top: 10vw;
    }
    .services .services-images .services-image {
        height: 37vw;
        cursor: pointer;
        margin-bottom: 2%;
        margin-bottom: 22vw;
    }
    .services .services-images .services-image .label {
        width: 80%;
        height: 9.5vw;
        text-align: center;
        background-color: #1E508F;
        margin-top: -7.4vw;
        margin-left: 10%;
        color: white;
        line-height: 10.5vw;
        border-radius: 26px;
        text-transform: uppercase;
        font-size: 2.3vw;
    }
    .services .services-images .services-image .icon {
        width: 15vw;
        height: 15vw;
        position: absolute;
        left: calc(50% - 7.5vw);
        top: -7.5vw;
        background-color: #1E508F;
        border-radius: 50%;
        border: 7px white solid;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50% 50%;
    }
    .services .services-images .services-image .services-image-container {
        border: #FDB218 3vw solid;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 120% 120%;
        background-repeat: no-repeat;
    }
    .coverage {
        padding-top: 17vw;
    }
    .coverage .coverage-image {
        width: 100%;
        position: relative;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(images/services/coverage-map.png);
        height: 115vw;
    }
    .coverage .general-title {
        color: #364A6D;
        font-size: 10vw;
    }
    .coverage .general-subtitle {
        color: #9D9D9D;
        font-size: 4vw;
        padding-top: 1vw;
    }
    .coverage .coverage-list {
        padding-top: 3vw;
    }
    .coverage .coverage-list p {
        font-size: 4vw;
        color: #9D9D9D;
    }
    .shared-distribution {
        padding-top: 4vw;
        padding-bottom: 9vw;
    }
    .shared-distribution .section-header {
        width: 100%;
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: none;
        height: 32vw;
    }
    .shared-distribution .section-header .general-title {
        font-size: 10vw;
        color: #364A6D;
        padding-top: 2vw;
    }
    .shared-distribution .section-header .general-subtitle {
        font-size: 3.5vw;
        color: #9D9D9D;
    }
    .shared-distribution .section-description {
        padding-top: 5vw;
        font-size: calc(8px + (20 - 8) * ((100vw - 300px) / (1920 - 300)));
        color: #9D9D9D;
    }
    .shared-distribution .section-description p {
        text-align: justify;
        text-justify: inter-word;
        font-size: 4vw;
    }
    .shared-distribution .section-link {
        padding-top: 4vw;
    }
    .shared-distribution .section-link a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .shared-distribution .section-link a:hover {
        text-decoration: none;
    }
    .plan-campaign {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-campaign .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 38vw;
        padding-bottom: 1vw;
    }
    .plan-campaign .call-to-action-button {
        margin-top: 2vw;
    }
    .solus-delivery {
        padding-top: 25vw;
        padding-bottom: 14vw;
    }
    .solus-delivery .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .solus-delivery .general-subtitle {
        color: #9D9D9D;
        font-size: 3.5vw;
        padding-top: 0.5vw;
    }
    .solus-delivery .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .solus-delivery a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .solus-delivery a:hover {
        text-decoration: none;
    }
    .plan-solus-campaign {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-solus-campaign .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 40vw;
        padding-bottom: 1vw;
    }
    .plan-solus-campaign .call-to-action-button {
        margin-top: 9vw;
    }
    .sample-disrtibution {
        padding-top: 20vw;
        padding-bottom: 14vw;
    }
    .sample-disrtibution .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .sample-disrtibution .general-subtitle {
        color: #9D9D9D;
        font-size: 3.7vw;
        padding-top: 0.5vw;
    }
    .sample-disrtibution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .sample-disrtibution a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .sample-disrtibution a:hover {
        text-decoration: none;
    }
    .check-portal {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .check-portal .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 20vw;
    }
    .check-portal .call-to-action-button {
        margin-top: 0vw;
    }
    .leaflet-design-print {
        padding-top: 27vw;
        padding-bottom: 14vw;
    }
    .leaflet-design-print .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .leaflet-design-print .general-subtitle {
        color: #9D9D9D;
        font-size: 3.7vw;
        padding-top: 0.5vw;
    }
    .leaflet-design-print .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .leaflet-design-print a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .leaflet-design-print a:hover {
        text-decoration: none;
    }
    .plan-shared-solus-delivery {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .plan-shared-solus-delivery .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 26vw;
    }
    .plan-shared-solus-delivery .call-to-action-button {
        margin-top: 3%;
    }
    .free-online-solution {
        padding-top: 26vw;
        padding-bottom: 11vw;
    }
    .free-online-solution .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .free-online-solution .general-subtitle {
        color: #9D9D9D;
        font-size: calc(8px + (18 - 8) * ((100vw - 300px) / (1920 - 300)));
        padding-top: 0.5vw;
    }
    .free-online-solution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 4vw;
        text-align: justify;
    }
    .free-online-solution a {
        color: #4E6076;
        font-size: 5vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .free-online-solution a:hover {
        text-decoration: none;
    }
    .check-out-portal {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 112vw;
    }
    .check-out-portal .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 34vw;
    }
    .check-out-portal .general-subtitle {
        font-size: 4vw;
        color: white;
    }
    .check-out-portal .call-to-action-button {
        margin-top: 11vw;
    }
    .you-will-get {
        padding-top: 24vw;
        padding-bottom: 5vw;
    }
    .you-will-get .general-title {
        font-size: 10vw;
        color: #364A6D;
    }
    .you-will-get .description-row {
        padding-top: 5vw;
    }
    .you-will-get .description-row .discription-bg-text-container {
        padding: 1vw 0 1vw 0;
    }
    .you-will-get .description-row .discription-bg {
        background-image: url(images/services/check.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .you-will-get .description-row .discription-text-container {
        display: table;
        font-size: calc(12px + (35 - 12) * ((100vw - 300px) / (1920 - 300)));
        font-weight: bold;
        color: #B1B1B1;
        height: 14vw;
    }
    .you-will-get .description-row .discription-text-container .discription-text {
        display: table-cell;
        vertical-align: middle;
        font-size: 4vw;
    }
    .try-out-planning {
        background-image: url(images/services/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 111vw;
    }
    .try-out-planning .general-title {
        font-size: 10vw;
        color: white;
        padding-top: 40vw;
    }
    .try-out-planning .general-subtitle {
        font-size: calc(18px + (20 - 8) * ((100vw - 300px) / (1920 - 300)));
        color: white;
    }
    .try-out-planning .call-to-action-button {
        margin-top: 3.5vw;
    }
    .page-footer {
        padding-bottom: 5vw;
        padding-top: 11vw;
    }
    .page-footer .general-title {
        font-size: calc(40px + (58 - 20) * ((100vw - 300px) / (1920 - 300)));
        color: #364A6D;
    }
    .page-footer button {
        margin-top: 7vw;
        text-transform: uppercase;
        font-size: 15pt;
    }
    .findoutnow {
        background-image: url(images/aboutus/Header.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .findoutnow .general-title {
        padding-top: 20.5vw;
        padding-bottom: 3vw;
    }
    .findoutnow h1 {
        font-size: 10vw;
        color: white;
    }
    .findoutnow .call-to-action-button {
        margin-top: 4vw;
    }
    .try-out-planning .call-to-action-button-image {
        top: 18vw;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .call-to-action-arrow {
        width: 100%;
        margin-bottom: -6vw;
    }
    .call-to-action-arrow .call-to-action-arrow-image {
        background-image: url('images/aboutus/findoutmorepointer.png');
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 5vw;
        width: 5vw;
        margin: auto;
    }
    .call-to-action-button {
        margin-top: -10vw;
    }
    .call-to-action-button .call-to-action-button-image {
        background-image: url('images/aboutus/findoutmoreaction.png');
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 10vw;
        width: 10vw;
        margin: auto;
        cursor: pointer;
    }
    .call-to-action-button .call-to-action-button-image h2 {
        color: white;
        padding-top: 2.7vw;
        font-size: 2vw;
        text-transform: uppercase;
    }
    .call-to-action-right-image {
        position: relative;
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 80%;
        height: 70%;
        margin-left: 10%;
        margin-top: 27%;
    }
    .page-header {
        height: 42vw;
        margin-top: 4vw;
    }
    .page-header .general-title {
        padding-top: 10vw;
        z-index: 10;
    }
    .page-header .general-title h3 {
        font-size: 2.4vw;
        color: white;
        z-index: 10;
    }
    .page-header .play-button-container {
        z-index: 10;
    }
    .page-header .play-button-container .play-button {
        padding-top: 12vw;
        height: 100%;
        background-image: url('images/services/play.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom;
        cursor: pointer;
        z-index: 10;
    }
    .page-header .buttons {
        padding-top: 1vw;
        z-index: 10;
    }
    .page-header .buttons button {
        background-color: white;
        color: #5C6A8D;
        border-radius: 8px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 10;
    }
    .page-header .services-video {
        width: 100%;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    .page-header .map-footer {
        width: 100%;
        position: absolute;
        background-image: url('images/services/video-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 950;
        height: 11vw;
        margin-top: -7.7vw;
        padding-right: 0;
        padding-left: 0;
        top: 44vw;
        left: 0px;
    }
    .services {
        padding-top: 3vw;
        padding-bottom: 5vw;
        position: relative;
        z-index: 10;
        background-color: white;
    }
    .services * {
        z-index: 10;
    }
    .services .bg {
        position: relative;
        width: 100%;
        height: 7vw;
        background-image: url('images/services/services-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 100%;
    }
    .services .services-rocket {
        width: 100%;
        height: 100%;
        background-image: url('images/services/services-rocket.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
    }
    .services .services-description {
        padding-top: 3vw;
    }
    .services .services-description h2 {
        color: #424C70;
        font-size: 3.5vw;
    }
    .services .services-subdescription p {
        color: #A0A0A0;
        font-size: 1vw;
    }
    .services .services-images {
        padding-top: 10vw;
    }
    .services .services-images .services-image {
        height: 18vw;
        cursor: pointer;
    }
    .services .services-images .services-image .label {
        width: 70%;
        height: 2.5vw;
        text-align: center;
        background-color: #1E508F;
        margin-top: -2.4vw;
        margin-left: 15%;
        color: white;
        line-height: 2.8vw;
        border-radius: 26px;
        text-transform: uppercase;
        font-size: 1vw;
    }
    .services .services-images .services-image .icon {
        width: 5vw;
        height: 5vw;
        position: absolute;
        left: calc(50% - 2.5vw);
        top: -2vw;
        background-color: #1E508F;
        border-radius: 2.5vw;
        border: 7px white solid;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50% 50%;
    }
    .services .services-images .services-image .services-image-container {
        border: #FDB218 1vw solid;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 125% 125%;
        background-repeat: no-repeat;
    }
    .coverage {
        padding-top: 5vw;
    }
    .coverage .coverage-image {
        width: 72%;
        position: relative;
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: url('images/services/coverage-map.png');
        height: 50vw;
    }
    .coverage .general-title {
        color: #364A6D;
        font-size: 4vw;
    }
    .coverage .general-subtitle {
        color: #9D9D9D;
        font-size: 1vw;
        padding-top: 1vw;
    }
    .coverage .coverage-list {
        padding-top: 3vw;
    }
    .coverage .coverage-list p {
        font-size: 0.9vw;
        color: #9D9D9D;
    }
    .shared-distribution {
        padding-top: 4vw;
        padding-bottom: 3vw;
    }
    .shared-distribution .section-header {
        width: 100%;
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: url('images/services/shared-distribution-gray-bg.png');
        height: 8vw;
    }
    .shared-distribution .section-header .general-title {
        font-size: 3vw;
        color: #364A6D;
        padding-top: 2vw;
    }
    .shared-distribution .section-header .general-subtitle {
        font-size: 1vw;
        color: #9D9D9D;
    }
    .shared-distribution .section-description {
        padding-top: 5vw;
        font-size: 0.85vw;
        color: #9D9D9D;
    }
    .shared-distribution .section-link {
        padding-top: 4vw;
    }
    .shared-distribution .section-link a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .shared-distribution .section-link a:hover {
        text-decoration: none;
    }
    .plan-campaign {
        background-image: url('images/services/plan-campaign.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 19vw;
    }
    .plan-campaign .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .plan-campaign .call-to-action-button {
        margin-top: 0;
    }
    .solus-delivery {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .solus-delivery .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .solus-delivery .general-subtitle {
        color: #9D9D9D;
        font-size: 1vw;
        padding-top: 0.5vw;
    }
    .solus-delivery .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .solus-delivery a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .solus-delivery a:hover {
        text-decoration: none;
    }
    .plan-solus-campaign {
        background-image: url('images/services/plan-campaign.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 19vw;
    }
    .plan-solus-campaign .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .plan-solus-campaign .call-to-action-button {
        margin-top: 0;
    }
    .sample-disrtibution {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .sample-disrtibution .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .sample-disrtibution .general-subtitle {
        color: #9D9D9D;
        font-size: 1vw;
        padding-top: 0.5vw;
    }
    .sample-disrtibution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .sample-disrtibution a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .sample-disrtibution a:hover {
        text-decoration: none;
    }
    .check-portal {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .check-portal .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .check-portal .call-to-action-button {
        margin-top: 1.5vw;
    }
    .leaflet-design-print {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .leaflet-design-print .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .leaflet-design-print .general-subtitle {
        color: #9D9D9D;
        font-size: 1vw;
        padding-top: 0.5vw;
    }
    .leaflet-design-print .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .leaflet-design-print a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .leaflet-design-print a:hover {
        text-decoration: none;
    }
    .plan-shared-solus-delivery {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .plan-shared-solus-delivery .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .plan-shared-solus-delivery .call-to-action-button {
        margin-top: 1.5vw;
    }
    .free-online-solution {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .free-online-solution .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .free-online-solution .general-subtitle {
        color: #9D9D9D;
        font-size: calc(8px + (18 - 8) * ((100vw - 300px) / (1920 - 300)));
        padding-top: 0.5vw;
    }
    .free-online-solution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .free-online-solution a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .free-online-solution a:hover {
        text-decoration: none;
    }
    .check-out-portal {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .check-out-portal .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .check-out-portal .general-subtitle {
        font-size: 1vw;
        color: white;
    }
    .check-out-portal .call-to-action-button {
        margin-top: 3.5vw;
    }
    .you-will-get {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .you-will-get .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .you-will-get .description-row {
        padding-top: 5vw;
    }
    .you-will-get .description-row .discription-bg-text-container {
        padding: 1vw 0 1vw 0;
    }
    .you-will-get .description-row .discription-bg {
        background-image: url(images/services/check.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .you-will-get .description-row .discription-text-container {
        display: table;
        font-size: 1.3vw;
        font-weight: bold;
        color: #B1B1B1;
        height: 3vw;
    }
    .you-will-get .description-row .discription-text-container .discription-text {
        display: table-cell;
        vertical-align: middle;
    }
    .try-out-planning {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .try-out-planning .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .try-out-planning .general-subtitle {
        font-size: 3vw;
        color: white;
    }
    .try-out-planning .call-to-action-button {
        margin-top: 3.5vw;
    }
    .page-footer {
        padding-bottom: 5vw;
    }
    .page-footer .general-title {
        font-size: calc(40px + (58 - 40) * ((100vw - 300px) / (1920 - 300)));
        color: #364A6D;
    }
    .page-footer button {
        margin-top: 1vw;
        text-transform: uppercase;
    }
    .findoutnow {
        background-image: url('images/aboutus/findoutnow.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .findoutnow .general-title {
        padding-top: 5.5vw;
        padding-bottom: 8vw;
    }
    .findoutnow h1 {
        font-size: 3vw;
        color: white;
    }
    .findoutnow .call-to-action-button {
        margin-top: -14vw;
    }
    .section-description p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .solus-delivery p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .sample-disrtibution p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .leaflet-design-print p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .free-online-solution p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .call-to-action-arrow {
        width: 100%;
        margin-bottom: -6vw;
    }
    .call-to-action-arrow .call-to-action-arrow-image {
        background-image: url('images/aboutus/findoutmorepointer.png');
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 5vw;
        width: 5vw;
        margin: auto;
    }
    .call-to-action-button {
        margin-top: -10vw;
    }
    .call-to-action-button .call-to-action-button-image {
        background-image: url('images/aboutus/findoutmoreaction.png');
        background-size: auto 100%;
        background-repeat: no-repeat;
        height: 10vw;
        width: 10vw;
        margin: auto;
        cursor: pointer;
    }
    .call-to-action-button .call-to-action-button-image h2 {
        color: white;
        padding-top: 2.7vw;
        font-size: 2vw;
        text-transform: uppercase;
    }
    .call-to-action-right-image {
        position: relative;
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 80%;
        height: 70%;
        margin-left: 10%;
        margin-top: 27%;
    }
    .page-header {
        height: 42vw;
        margin-top: 4vw;
    }
    .page-header .general-title {
        padding-top: 10vw;
        z-index: 10;
    }
    .page-header .general-title h3 {
        font-size: 2.4vw;
        color: white;
        z-index: 10;
    }
    .page-header .play-button-container {
        z-index: 10;
    }
    .page-header .play-button-container .play-button {
        padding-top: 12vw;
        height: 100%;
        background-image: url('images/services/play.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom;
        cursor: pointer;
        z-index: 10;
    }
    .page-header .buttons {
        padding-top: 1vw;
        z-index: 10;
    }
    .page-header .buttons button {
        background-color: white;
        color: #5C6A8D;
        border-radius: 8px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 10;
    }
    .page-header .services-video {
        width: 100%;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
    .page-header .map-footer {
        width: 100%;
        position: absolute;
        background-image: url('images/services/video-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 950;
        height: 11vw;
        margin-top: -7.7vw;
        padding-right: 0;
        padding-left: 0;
        top: 44vw;
        left: 0px;
    }
    .services {
        padding-top: 3vw;
        padding-bottom: 5vw;
        position: relative;
        z-index: 10;
        background-color: white;
    }
    .services * {
        z-index: 10;
    }
    .services .bg {
        position: relative;
        width: 100%;
        height: 7vw;
        background-image: url('images/services/services-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 100%;
    }
    .services .services-rocket {
        width: 100%;
        height: 100%;
        background-image: url('images/services/services-rocket.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center;
    }
    .services .services-description {
        padding-top: 3vw;
    }
    .services .services-description h2 {
        color: #424C70;
        font-size: 3.5vw;
    }
    .services .services-subdescription p {
        color: #A0A0A0;
        font-size: 1vw;
    }
    .services .services-images {
        padding-top: 10vw;
    }
    .services .services-images .services-image {
        height: 18vw;
        cursor: pointer;
    }
    .services .services-images .services-image .label {
        width: 60%;
        height: 2.5vw;
        text-align: center;
        background-color: #1E508F;
        margin-top: -2.4vw;
        margin-left: 20%;
        color: white;
        line-height: 2.5vw;
        border-radius: 26px;
        text-transform: uppercase;
        font-size: 0.9vw;
    }
    .services .services-images .services-image .icon {
        width: 5vw;
        height: 5vw;
        position: absolute;
        left: calc(50% - 2.5vw);
        top: -2vw;
        background-color: #1E508F;
        border-radius: 2.5vw;
        border: 7px white solid;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50% 50%;
    }
    .services .services-images .services-image .services-image-container {
        border: #FDB218 1vw solid;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 125% 125%;
        background-repeat: no-repeat;
    }
    .coverage {
        padding-top: 5vw;
    }
    .coverage .coverage-image {
        width: 72%;
        position: relative;
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: url('images/services/coverage-map.png');
        height: 50vw;
    }
    .coverage .general-title {
        color: #364A6D;
        font-size: 3vw;
    }
    .coverage .general-subtitle {
        color: #9D9D9D;
        font-size: 0.8vw;
        padding-top: 1vw;
    }
    .coverage .coverage-list {
        padding-top: 3vw;
    }
    .coverage .coverage-list p {
        font-size: 0.9vw;
        color: #9D9D9D;
    }
    .shared-distribution {
        padding-top: 4vw;
        padding-bottom: 3vw;
    }
    .shared-distribution .section-header {
        width: 100%;
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-image: url('images/services/shared-distribution-gray-bg.png');
        height: 8vw;
    }
    .shared-distribution .section-header .general-title {
        font-size: 3vw;
        color: #364A6D;
        padding-top: 2vw;
    }
    .shared-distribution .section-header .general-subtitle {
        font-size: 1vw;
        color: #9D9D9D;
    }
    .shared-distribution .section-description {
        padding-top: 5vw;
        font-size: 0.85vw;
        color: #9D9D9D;
    }
    .shared-distribution .section-link {
        padding-top: 4vw;
    }
    .shared-distribution .section-link a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .shared-distribution .section-link a:hover {
        text-decoration: none;
    }
    .plan-campaign {
        background-image: url('images/services/plan-campaign.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 19vw;
    }
    .plan-campaign .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .plan-campaign .call-to-action-button {
        margin-top: 0;
    }
    .solus-delivery {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .solus-delivery .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .solus-delivery .general-subtitle {
        color: #9D9D9D;
        font-size: 1vw;
        padding-top: 0.5vw;
    }
    .solus-delivery .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .solus-delivery a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .solus-delivery a:hover {
        text-decoration: none;
    }
    .plan-solus-campaign {
        background-image: url('images/services/plan-campaign.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 19vw;
    }
    .plan-solus-campaign .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .plan-solus-campaign .call-to-action-button {
        margin-top: 0;
    }
    .sample-disrtibution {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .sample-disrtibution .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .sample-disrtibution .general-subtitle {
        color: #9D9D9D;
        font-size: 1vw;
        padding-top: 0.5vw;
    }
    .sample-disrtibution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .sample-disrtibution a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .sample-disrtibution a:hover {
        text-decoration: none;
    }
    .check-portal {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .check-portal .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .check-portal .call-to-action-button {
        margin-top: 1.5vw;
    }
    .leaflet-design-print {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .leaflet-design-print .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .leaflet-design-print .general-subtitle {
        color: #9D9D9D;
        font-size: 1vw;
        padding-top: 0.5vw;
    }
    .leaflet-design-print .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .leaflet-design-print a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .leaflet-design-print a:hover {
        text-decoration: none;
    }
    .plan-shared-solus-delivery {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .plan-shared-solus-delivery .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .plan-shared-solus-delivery .call-to-action-button {
        margin-top: 1.5vw;
    }
    .free-online-solution {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .free-online-solution .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .free-online-solution .general-subtitle {
        color: #9D9D9D;
        font-size: calc(8px + (18 - 8) * ((100vw - 300px) / (1920 - 300)));
        padding-top: 0.5vw;
    }
    .free-online-solution .description {
        padding-top: 3vw;
        color: #9D9D9D;
        font-size: 0.85vw;
    }
    .free-online-solution a {
        color: #4E6076;
        font-size: 1.1vw;
        text-transform: uppercase;
        font-weight: bold;
    }
    .free-online-solution a:hover {
        text-decoration: none;
    }
    .check-out-portal {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .check-out-portal .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .check-out-portal .general-subtitle {
        font-size: 1vw;
        color: white;
    }
    .check-out-portal .call-to-action-button {
        margin-top: 3.5vw;
    }
    .you-will-get {
        padding-top: 7vw;
        padding-bottom: 5vw;
    }
    .you-will-get .general-title {
        font-size: 3vw;
        color: #364A6D;
    }
    .you-will-get .description-row {
        padding-top: 5vw;
    }
    .you-will-get .description-row .discription-bg-text-container {
        padding: 1vw 0 1vw 0;
    }
    .you-will-get .description-row .discription-bg {
        background-image: url(images/services/check.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .you-will-get .description-row .discription-text-container {
        display: table;
        font-size: 1.3vw;
        font-weight: bold;
        color: #B1B1B1;
        height: 3vw;
    }
    .you-will-get .description-row .discription-text-container .discription-text {
        display: table-cell;
        vertical-align: middle;
    }
    .try-out-planning {
        background-image: url('images/services/check-portal-bg.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 1;
        height: 23vw;
    }
    .try-out-planning .general-title {
        font-size: 3vw;
        color: white;
        padding-top: 8vw;
    }
    .try-out-planning .general-subtitle {
        font-size: 3vw;
        color: white;
    }
    .try-out-planning .call-to-action-button {
        margin-top: 3.5vw;
    }
    .page-footer {
        padding-bottom: 5vw;
    }
    .page-footer .general-title {
        font-size: calc(40px + (58 - 40) * ((100vw - 300px) / (1920 - 300)));
        color: #364A6D;
    }
    .page-footer button {
        margin-top: 1vw;
        text-transform: uppercase;
    }
    .findoutnow {
        background-image: url('images/aboutus/findoutnow.png');
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .findoutnow .general-title {
        padding-top: 5.5vw;
        padding-bottom: 8vw;
    }
    .findoutnow h1 {
        font-size: 3vw;
        color: white;
    }
    .findoutnow .call-to-action-button {
        margin-top: -14vw;
    }
    .section-description p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .solus-delivery p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .sample-disrtibution p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .leaflet-design-print p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .free-online-solution p {
        padding-left: 10vw;
        padding-right: 10vw;
    }
}