.inner .logo-office {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 60px;
    top: 120px;
}

.logo-office > img {
    max-height: 100%;
    max-width: 100%;
}

.hexagon.major {
    top: 126px;
}

.header-section .inner .hexagon:nth-child(2) {
    bottom: 255px;
    left: 0;
}

.header-section .inner .hexagon:nth-child(3) {
    bottom: 133px;
    left: 214px;
}

.header-section .inner .hexagon:nth-child(4) {
    bottom: 312px;
    left: 321px;
}

.header-section .inner .hexagon:nth-child(5) {
    bottom: 432px;
    left: 533px;
}

.header-section .inner .hexagon:nth-child(6) {
    bottom: 193px;
    left: 534px;
}

.header-section .inner .hexagon:nth-child(7):not(.major) {
    bottom: 72px;
    left: 748px;
}

.videoBG {
    /*display: none;*/
}

.major-hex-title-wrap {
    float: left;
    letter-spacing: 0.4px;
    margin-left: -127px;
    position: relative;
    width: calc(100% + 300px);
}

.major-hex-title-wrap h1 {
    letter-spacing: 0.2px;
    text-align: center;
    font-weight: 500;
}

h1 {
    margin: 0.67em 0 0.57em;
}

h2 {
    font-size: 0.8em;
    letter-spacing: 2.9px;
    margin-top: -4px;
    text-align: center;
    font-weight: 500;
}

.hexagon.major .text img {
    display: block;
    margin: -10px auto 7px;
}

.text-section ol,
ul {
    margin: 48px 0 24px;
}

.text-section p {
    margin-top: 35px;
}

.text-section {
    padding: 66px 0 50px;
}

.text-section header {
    padding-top: 36px;
}

.text-section .inner div {
    padding-left: 423px;
}

.splited-section {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
}

.clients-list .inner {
    width: 1294px;
}

.left_side_image {
    background-size: cover;
    float: left;
}

.splited-section .inner {
    display: table;
    width: 100%;
}

.splited-section .testimonials .bx-wrapper {
    margin: 86px 19px 60px 63px;
    width: 72%;
}

.splited-section .home-text-content {
    display: table-cell;
    float: unset;
    background-position: center center;
}

.splited-section .testimonials {
    display: table-cell;
    float: unset;
}

.video-section {
    padding: 122px 0 262px;
}

.video-section p,
pre {
    line-height: 2;
}


/*===================================================
=            Support-Suburb landing-page            =
===================================================*/

.text-section .supp-sub-inner ol,
.text-section .supp-sub-inner ul {
    margin: 23px 0 98px;
}

.inner.supp-sub-inner p:nth-child(2) {
    margin-top: 69px;
}

.supp-sub .major-hex-title-wrap {
    margin-left: -151px;
}

.supp-sub h1 {
    letter-spacing: 2px;
}


/*=====  End of Support-Suburb landing-page  ======*/

@media screen and (max-width: 1280px) {
    .clients-list .inner {
        width: 960px;
    }
    .logo-office > img {
        max-height: 90%;
        max-width: 90%;
    }
    .inner .logo-office {
        margin-top: 60px;
        position: absolute;
        right: -18px;
    }
}

@media screen and (max-width: 1156px) {
    h1 {
        font-size: 1.3em;
    }
    h2 {
        font-size: 0.7em;
    }
    .major-hex-title-wrap.suburb-major-hex {
        margin-left: -150px;
    }
}

@media screen and (max-width: 1083px) {
    .major-hex-title-wrap {
        margin-left: -82px;
    }
    .major-hex-title-wrap.suburb-major-hex {
        margin-left: -150px;
    }
    .major-hex-title-wrap.suburb-major-hex h1{
        letter-spacing: 1.7px;
    }
}

@media screen and (max-width: 991px) {
    .inner .logo-office {
        right: -19px;
    }
    .major-hex-title-wrap h1 {
        margin: 0.47em 0 -0.03em;
    }
    .text-section.suburb-text-section header {
        padding-top: 0.33em;
    }
    .text-section.suburb-text-section p {
        margin-top: 0.8em;
    }
    .text-section .supp-sub-inner ol,
    ul {
        margin: 0.7em 0 1.1em;
    }
    .clients-list .inner {
        width: 680px;
    }
    .major-hex-title-wrap {
        margin-left: -127px;
    }
    h1 {
        font-size: 1.2em;
    }
    h2 {
        font-size: 0.7em;
        letter-spacing: 2.6px;
    }
    .text-section.suburb-text-section {
        padding: 5em 0;
    }
    .text-section .supp-sub-inner ol,
    .text-section .supp-sub-inner ul {
        margin: 23px 0 0;
    }
}

@media screen and (max-width: 980px) {
    .major-hex-title-wrap h1 {
        margin: 0.47em 0 0.27em;
        font-size: 1.5em;
    }
    h2 {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 767px) {
    .inner .logo-office {
        right: -74px;
        top: -15px;
    }
    .major-hex-title-wrap {
        margin-left: -127px;
    }
    .text-section ol,
    .text-section ul,
    .text-section .supp-sub-inner ol,
    .text-section .supp-sub-inner ul {
        margin-bottom: 0;
    }
    .text-section ol:last-of-type,
    .text-section ul:last-of-type,
    .text-section .supp-sub-inner ol:last-of-type,
    .text-section .supp-sub-inner ul:last-of-type {
        margin: 0 0 1.1em;
    }
    .splited-section .inner > div:first-child {
        display: none;
    }
    .clients-list .inner {
        width: 296px;
    }
    .supp-sub .major-hex-title-wrap.suburb-supp-major-hex {
        margin-left: -113px;
    }
    .inner.supp-sub-inner p:nth-child(2) {
        margin-top: 2em;
    }
    .logo-office > img {
        max-height: 80%;
        max-width: 80%;
    }
    .supp-sub .major-hex-title-wrap.suburb-supp-major-hex {
        margin-left: -148px;
    }
    .major-hex-title-wrap.suburb-major-hex h1 {
        font-size: 1.1em;
        letter-spacing: 2px;
    }
    h2 {
        font-size: 0.7em;
    }
    .text-section.suburb-text-section {
        padding: 0.5em 0;
    }
}

@media screen and (max-width: 360px) {
    .inner .logo-office {
        right: -42px;
        top: -15px;
    }
}