@font-face {
    font-family: 'HelveticaNeueLT-Bold';
    src: url('../fonts/313FBF_3_0.eot');
    src: url('../fonts/313FBF_3_0.eot?#iefix') format('embedded-opentype'), url('../fonts/313FBF_3_0.woff2') format('woff2'), url('../fonts/313FBF_3_0.woff') format('woff'), url('../fonts/313FBF_3_0.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeueLT-Medium';
    src: url('../fonts/313FBF_5_0.eot');
    src: url('../fonts/313FBF_5_0.eot?#iefix') format('embedded-opentype'), url('../fonts/313FBF_5_0.woff2') format('woff2'), url('../fonts/313FBF_5_0.woff') format('woff'), url('../fonts/313FBF_5_0.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeueLT-Light';
    src: url('../fonts/313FBF_7_0.eot');
    src: url('../fonts/313FBF_7_0.eot?#iefix') format('embedded-opentype'), url('../fonts/313FBF_7_0.woff2') format('woff2'), url('../fonts/313FBF_7_0.woff') format('woff'), url('../fonts/313FBF_7_0.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeueLT-MediumItalic';
    src: url('../fonts/313FBF_19_0.eot');
    src: url('../fonts/313FBF_19_0.eot?#iefix') format('embedded-opentype'), url('../fonts/313FBF_19_0.woff2') format('woff2'), url('../fonts/313FBF_19_0.woff') format('woff'), url('../fonts/313FBF_19_0.ttf') format('truetype');
}

body,
html {
    font-family: "KobernRegular", "Arial";
    font-weight: normal;
}

div#page p img {
    text-align: center;
    padding-left: 0;
    margin: 0px;
}

iframe {
    border-radius: 6px;
    height: 500px !important;
    width: 80%;
    margin-top: 15px;
}

.form.extended iframe {
    height: 560px !important;
}

.form.medium iframe {
    height: 700px !important;
}

.btn:hover {
    background: #002a51 !important;
    color: #fff;
    border: 0px !important;
}


/* /// li styles  ///  */

div#page ul:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div#page ul li {
    padding: 0;
    padding-left: 40px;
    margin: 0 0 10px 0px;
    /* this may be causing layout issues*/
    font-size: 16px;
    line-height: 26px;
    list-style: none;
}

div#page p,
p {
    line-height: 26px !important;
    font-size: 16px !important;
    margin: 0 0 30px 0;
    padding: 0;
}


/* Site architecture
    ================================== */


/* This controls the site's width */


/*.moduleWidth is 100% width modules with centered content - the class is inside the module*/

div.greyBackground {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background-color: #f6f6f6;
}

div.whiteBackground {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
}

section:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.intro,
.contentWrapper {
    width: 100%;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    clear: both;
}

[class*="span-"] {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    margin: 0;
}

.fixedHeader {
    background-color: #ffffff;
    position: fixed;
    height: 60px;
    top: 0;
    z-index: 1000;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 0px 2px 3px 0px rgba(204, 204, 204, 0.5);
    box-shadow: 0px 2px 3px 0px rgba(204, 204, 204, 0.5);
}

.section-mastheadContainer {
    width: 100%;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    clear: both;
    background: none;
}

.middleSection {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    clear: both;
    background: #21b399;
    float: left;
    padding: 50px 0;
    margin: 0 0 50px 0;
}

.aboutSection {
    text-align: center;
    margin: 0 auto;
    background-color: #f6f6f6;
}

#formSection {
    background-color: #0072bc;
    padding: 30px 0;
    margin: 0;
}


/* Section styling
    ================================== */

.section-masthead {
    margin: 0 auto;
}

.section-masthead img {
    width: 100%;
}

.section-masthead p {
    margin: 0;
    padding: 0;
}

.section-masthead p img.desktop {
    height: auto !important;
    margin: 50px auto 0;
    width: 100% !important;
}

.section-masthead p img.mobile {
    display: none;
}

p.desktop {
    padding: 10px;
}

a.btn.mobile {
    display: none;
}

.section-masthead a.btn {
    float: right;
    border: 1px solid #fff;
    border-radius: 0;
}

.section-mastheadFixed {
    max-width: 983px;
    margin: 0 auto;
}

.sub-promo .mod-sub.sub1 {
    margin: 1.5% 2.3% 1.5% 0;
    width: 31%;
}

.sub-promo .mod-sub {
    height: 260px;
    overflow: hidden;
    border-bottom: 5px solid #fff;
}

.l-row .l-col {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.sub-promo-content,
.banner-content {
    padding: 0 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9991;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 800px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mod-sub > p {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
}

.mod-sub > p img.bg {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    min-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sub-promo img {
    margin: 0 auto 20px auto;
    display: block;
}

img {
    height: auto;
}

.section-mastheadFixed #headerLogo {
    position: relative;
    float: left;
}

.editlinktip img {
    width: 16px !important;
    height: 16px;
}

.section-mastheadFixed #headerLogo img {
    width: 220px;
    margin: 20px 0 0 0;
}

.section-mastheadFixed #headerBtns {
    position: relative;
    float: right;
    max-width: 983px;
}

.section-mastheadFixed #headerBtns ul {
    list-style: none;
    margin: 0px;
}

.section-mastheadFixed #headerBtns ul li {
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0;
    position: relative;
}

.section-mastheadFixed #headerBtns ul li.btnHeader.grey {
    background-color: #d1cec6;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 57px;
    padding: 0 20px;
    -webkit-transition: background-color 0.8s ease;
    -moz-transition: background-color 0.8s ease;
    -o-transition: background-color 0.8s ease;
    transition: background-color 0.8s ease;
}

.section-mastheadFixed #headerBtns ul li.btnHeader.grey img {
    width: 22px;
    margin: 5px 0 0;
}

.section-mastheadFixed #headerBtns ul li a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    padding: 0 10px;
}

.section-mastheadFixed #headerBtns ul li.homeloanWin a {
    color: rgb(0, 114, 188);
    font-size: 15px;
    font-weight: bold;
    padding: 0 20px;
    line-height: 60px;
}

.section-mastheadFixed #headerBtns ul li.homeloanWin a:hover {
    color: #000;
}

.section-2 p,
.section-2 td {
    color: #666666;
}

.section-2 p.italicPink {
    font-style: italic;
    font-size: 1.4em;
}

.section-2 .formSection h2,
.section-2 .formSection p {
    text-align: center;
    color: #ffffff;
}

.section-4 {
    background-color: #d1cec6;
    width: 100%;
    color: #000;
}

#page p.fine-print {
    font-size: 0.9em;
}


/* Special offers page styling
    ================================== */

div#page .special-offer {
    margin: 0;
    padding: 0;
    width: 100%;
}

div#page .special-offer li,
div#page .special-offer .wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: auto;
    display: block;
    padding: 0;
    height: 470px;
    box-sizing: border-box;
    text-indent: 0;
    margin-bottom: 5px;
}

div#page .special-offer li:before {
    display: none;
}

.special-offer .wrapper {
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -moz-transition: all 1s ease;
    /* Firefox */
    -o-transition: all 1s ease;
    /* IE 9 */
    -ms-transition: all 1s ease;
    /* Opera */
    transition: all 1s ease;
}

.special-offer .wrapper:hover {
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -moz-transform: scale(1.1);
    /* Firefox */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    /* Opera */
    transform: scale(1.1);
}

.special-offer .content {
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    max-width: 1200px;
    margin: auto;
    left: 0;
    right: 0;
    box-sizing: border-box;
    text-align: center;
    font-family: "KobernRegular", "Arial";
    padding: 0 25px;
}

.special-offer .content a {
    color: #ffffff;
    text-decoration: none;
    margin: 30px auto 10px;
}

.special-offer .content a .title {
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 15px;
    display: block;
    font-family: "KobernRegular", "Arial";
}

.special-offer .content a .desc {
    font-size: 30px;
    line-height: 42px;
    display: block;
}

div#page .bg-img {
    margin: 0;
    padding: 0;
}


/* General styling
    ================================== */

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

footer {
    padding: 30px 20px 10px 20px;
}

footer p {
    color: #000 !important;
}


/* Lists
    ================================== */


/* Buttons
    ================================== */

.btn.offer {
    min-width: 160px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    margin: 0 20px 20px 0;
    height: 45px;
    line-height: 42px;
    padding: 0 20px;
    text-indent: 0;
    font-size: 18px;
    white-space: nowrap;
    font-family: "KobernRegular", "Arial";
    display: block;
    -webkit-border-radius: 10px 0 10px 10px;
    -moz-border-radius: 10px 0 10px 10px;
    border-radius: 10px 0 10px 10px;
    background-color: #0072bc;
    max-width: 280px;
}

.btn.offer.secondary {
    background: transparent;
    color: #afbd21;
    border: 2px solid #afbd21;
}

.btn.offer.desktop {
    text-align: center
}

.btn.offer.desktop:after {
    display: none
}

.btn.offer.mobile {
    display: none
}

.btn.offer.applyBig {
    padding: 30px;
    text-align: center;
    margin-top: 40px;
    font-size: 23px;
    background: #0072bc;
}

.aboutSection .btn.offer {
    text-align: center;
    display: inline-block;
    margin: 0 5px;
    padding: 15px 20px;
    min-width: 270px;
    color: #fff;
    text-decoration: none;
}

.btn.offer.inline {
    display: inline-block;
    margin: 0 20px;
}

.item-first:hover:after {
    display: none
}

.deviceWidth {
    margin: 0 1% 0 0 !important
}

.deviceWidthImage {
    margin: 0 3% 0 0 !important
}


/* byond styles
================================== */


/*page title*/

h2.contentheading {
    display: none
}

#main-page p {
    margin: 0 0 15px 0
}


/*print icon*/

.buttonheading {
    display: none
}

table td,
ul li {
    padding: 0
}


/*//////////////////tables//////////////////*/

.two-col-layout,
.three-col-layout,
.four-col-layout {
    border-collapse: collapse;
    padding: 0 0 40px !important;
    width: 100%;
    vertical-align: top;
}

.two-col-layout td img,
.two-col-layout-cta td img,
.three-col-layout-cta td img,
.three-col-layout td img,
.four-col-layout td img {
    max-width: 580px;
    width: 100%;
    height: auto !important;
    margin: auto;
    display: inline-block;
}

.two-col-layout td {
    width: 46.6%;
    vertical-align: top;
}

.three-col-layout td {
    width: 31%;
    padding: 0 1.85%;
}

table.four-col-layout td,
table.four-col-layout.stripeTable td {
    width: 22.5%;
    padding: 0 1.65%;
}

.two-col-layout td:first-child,
table.two-col-layout.stripeTable td:first-child,
.three-col-layout td:first-child,
table.three-col-layout.stripeTable td:first-child,
.four-col-layout td:first-child,
table.four-col-layout.stripeTable td:first-child {
    padding: 0 1.65% 0 0
}

.two-col-layout td:last-child,
table.two-col-layout.stripeTable > td:last-child,
.three-col-layout td:last-child,
table.three-col-layout.stripeTable td:last-child,
.four-col-layout td:last-child,
table.four-col-layout.stripeTable td:last-child {
    padding: 0 0 0 1.65%
}

.two-col-layout-cta td:first-child {
    padding: 0 3.3% 0 0
}

.two-col-layout-cta td {
    vertical-align: top;
    width: 66.66%;
}

.two-col-layout-cta td:last-child,
.three-col-layout-cta td:last-child {
    padding: 0;
    width: 30%;
}

iframe[name="google_conversion_frame"] {
    height: 0 !important;
    width: auto;
}

div#page ul.centerList {
    text-align: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    float: none;
    clear: both;
}

ul.centerList li {
    text-align: left;
}

div#page p.Rate-interest,
div#page p.Rate-comparison {
    display: inline-block;
    margin: 0 20px 40px 0;
    max-width: 250px;
}

.Rate-interest span.input,
.Rate-comparison span.input {
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
}

.Rate-interest span.postfix,
.Rate-comparison span.postfix {
    font-weight: normal;
    font-size: 25px;
}

.Rate-comparison,
p.Rate-comparison {
    color: #5D6163;
}

div#page p.leftAlign {
    text-align: left;
}

div#page ul.imageList {
    list-style: none;
}

div#page ul.imageList li {
    list-style: none;
    display: inline;
    width: 32%;
    margin: 0 auto;
}

div#page ul.imageList li:before {
    content: none;
}


/* === Expand Tables === */

div#page table.expandTb,
div#page table.expandTb tr,
div#page table.expandTb td {
    margin: 20px 0!important;
    padding: 1%;
    text-align: left !important;
}

div#page table.expandTb td.expandTb_content {
    padding: 20px 0;
    height: auto;
    width: 100%;
}

div#page table.expandTb td.expandTb_content ul.threeColl li {
    list-style: none;
    float: left;
    width: 30%;
    padding: 0;
    margin: 0 0 15px 20px;
}

div#page table.expandTb table.stripeTable td {
    padding: 8px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#page table.expandTb {
    margin: 0 auto 1px auto !important;
    padding: 0 20px;
    max-width: 1160px;
}

div#page td.expandTb_content p {
    padding-left: 20px;
    padding-right: 20px;
}

div#page td.expandTb_content p.icon-tick {
    font-weight: bold;
    color: #ee3423;
}

div#page td.expandTb_content ol li {
    margin: 0 0 20px 45px;
}

div#page td.expandTb_content ul li {
    text-indent: -20px;
}

div#page td.expandTb_content h2,
div#page td.expandTb_content h3,
div#page td.expandTb_content h4,
div#page td.expandTb_content h5 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.expandTb_header {
    height: 55px;
    background-color: transparent;
    border-bottom: none;
    text-decoration: none;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

table.expandTb tr td.dropDownLink {
    font-weight: normal;
}

table.expandTb > tbody > tr > td.dropDownLink:hover {
    background-color: transparent;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

table.expandTb tr td.dropDownLink:hover {
    text-decoration: none;
    cursor: text;
}

.expandTb_header td {
    font-size: 22px;
    line-height: 30px;
    padding: 0 20px;
    color: #0072bc;
    font-family: "KobernRegular", "Arial";
}

table.expandTb .icon-plus,
table.expandTb .icon-minus {
    background: none;
    position: relative;
    line-height: 14px;
    float: left;
    margin: 0 15px 0 0;
}

table.expandTb .icon-plus:before,
table.expandTb .icon-minus:before {
    font-weight: bold;
    color: #0072bc;
}

table.expandTb .icon-plus:before {
    content: "\e61c";
    font-size: 20px;
}

table.expandTb .icon-minus:before {
    content: "\e615";
    font-size: 20px;
}


/* Calculators
============================================================================ */

.default_layout:before,
.responsive_layout:before,
.phones_layout:before,
.phones_to_tablets_layout:before,
.default_layout:after,
.responsive_layout:after,
.phones_layout:after,
.phones_to_tablets_layout:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.borrowing-power-calculator-app,
.loan-calculator-app,
.stamp-duty-calculator-app,
.extra-repayments-calculator-app,
.lump-sum-calculator-app,
.budget-planner-calculator-app,
.income-tax-app,
.personal-loan-calculator-app,
.car-loan-calculator-app,
.savings-plan-calculator-app,
.split-loan-calculator-app,
.term-deposit-calculator-app,
.honeymoon-calculator-app {
    margin: 0 auto;
    max-width: 1000px !important;
}

.loan-comparison-calculator-app {
    margin: 0 auto;
}

.loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li.short-select-wrapper {
    width: auto!important;
}

.amount input.range .standard-input {
    margin: 0;
}

.responsive_layout .ui-accordion-header [class^="icon-"],
.responsive_layout .ui-accordion-header [class*="icon-"] {
    margin: 0;
}

.responsive_layout .gbst-loan-repayment {
    border: 1px solid #e2e2e2 !important;
}

.responsive_layout div.highcharts-container,
.responsive_layout div.highcharts-container svg {
    width: 100% !important;
    min-width: 0 !important;
}

.gbst-loan-repayment .title {
    height: 40px;
}

div#page .phones_layout tr,
div#page .phones_layout th,
div#page .phones_layout td,
div#page .responsive_layout tr,
div#page .responsive_layout th,
div#page .responsive_layout td,
div#page .phones_to_tablets_layout tr,
div#page .phones_to_tablets_layout th,
div#page .phones_to_tablets_layout td,
div#page .default_layout tr,
div#page .default_layout th,
div#page .default_layout td {
    float: none;
    margin: 0 !important;
}

td.state,
td.phone {
    vertical-align: middle !important;
}

.phones_layout,
.responsive_layout,
.phones_to_tablets_layout,
.default_layout {
    min-width: 0 !important;
}

ul.controls-wrapper li {
    vertical-align: top;
}

div#page .responsive_layout ul {
    margin: 0;
    padding: 0 10px;
    float: none;
}

div#page .phones_layout ul li,
div#page .responsive_layout ul li,
div#page .phones_to_tablets_layout ul li,
div#page .default_layout ul li {
    text-indent: 0 !important;
}

div#page .responsive_layout ul li,
div#page .portrait_tablets_layout ul li,
div#page .default_layout ul li {
    text-indent: 0;
    margin: 0;
    padding: 25px 10px 0 10px;
    font-size: 16px;
    line-height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

ul.ui-widget li {
    margin: 0;
}

div#page .responsive_layout ul li:before,
div#page .portrait_tablets_layout ul li:before,
div#page .phones_to_tablets_layout ul li:before,
div#page .default_layout ul li:before {
    content: none;
}

div#page .responsive_layout h1,
div#page .portrait_tablets_layout h1,
div#page .phones_to_tablets_layout h1,
div#page .default_layout h1 {
    padding: 0;
    font-family: 'KobernRegular';
    text-align: left;
}

.savings-plan-calculator-app .loan-inputs h2,
.responsive_layout .inputs-wrapper h2,
.default_layout .inputs-wrapper h2 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu-short,
div.borrowing-power-calculator-app .gbst-loan-repayment .content .inputs-wrapper .section li .borrowing-power-selectmenu {
    margin-top: 26px;
}

.income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
.car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
.term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
    padding: 0 !important;
}

.income-tax-app .gbst-loan-repayment .content .results-wrapper .outputs-wrapper .results-box.result li,
.stamp-duty-calculator-app .gbst-loan-repayment .content .results-wrapper ul li {
    padding: 0 !important;
}

.results-line .results-title {
    line-height: normal;
}

.savings-plan-calculator-app .gbst-loan-repayment .content .loan-main-view .outputs-wrapper .results-box.result .sep-result {
    margin: 0 !important;
}

.borrowing-power-calculator-app h2,
.loan-calculator-app h2,
.stamp-duty-calculator-app h2,
.extra-repayments-calculator-app h2,
.lump-sum-calculator-app h2,
.loan-comparison-calculator-app h2,
.budget-planner-calculator-app h2,
.income-tax-app h2,
.personal-loan-calculator-app h2,
.car-loan-calculator-app h2,
.savings-plan-calculator-app h2,
.split-loan-calculator-app h2,
.term-deposit-calculator-app h2 {
    padding: 0;
}


/* Smaller screen breakpoints 
    ================================== */

@media all and (max-width: 1785px) {
    .section-3 {
        max-width: 96%
    }
}

@media all and (max-width: 1430px) {
    h2.hide {
        display: none
    }
}

@media all and (max-width: 950px) {
    .tables_wrapper.scroll {
        display: block;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        border-right: 1px dashed;
        width: 100%;
        cursor: move;
        border-left: 1px solid #ebebeb;
    }
}

@media all and (max-width: 865px) {
    iframe {
        width: 100%
    }
    iframe[name="google_conversion_frame"] {
        height: 0 !important;
        width: auto;
    }
}

@media all and (max-width: 740px) {
    section.section-3 {
        padding: 0;
        max-width: 100%;
    }
    .middleSection-inner {
        max-width: 95%
    }
    .middleSection-inner ul li {
        width: 49%;
        margin-bottom: 5px;
    }
    div#page .middleSection-inner ul {
        list-style: outside none none;
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0;
    }
    .section-mastheadFixed #headerBtns ul li.homeloanWin {
        display: none
    }
    .btn.homeloanPlatinum {
        max-width: 80%;
        margin: 0 auto 10px;
    }
    .aboutSection .btn.homeloanPlatinum {
        display: block;
        margin-top: 20px;
    }
    .income-tax-app .gbst-loan-repayment .content .inputs-wrapper .section h2,
    .car-loan-calculator-app .gbst-loan-repayment .content .inputs-wrapper h2,
    .term-deposit-calculator-app .gbst-loan-repayment .content .loan-main-view .inputs-wrapper h2 {
        height: 36px!important;
    }
}

@media all and (max-width: 685px) {
    iframe {
        height: 710px !important;
        margin-top: 0;
    }
    iframe[name="google_conversion_frame"] {
        height: 0 !important;
        width: auto;
    }
    .form.medium iframe {
        height: 900px !important;
    }
    .form.extended iframe {
        height: 780px !important;
    }
    .btn.homeloanPlatinum.inline {
        display: block;
        margin: 20px 0;
    }
}

@media all and (max-width: 640px) {
    div#page p,
    p {
        margin: 30px 0;
    }
    #headerLogo p {
        margin: 0;
    }
    .form iframe {
        height: 620px
    }
    p.desktop {
        display: none
    }
    a.btn.mobile {
        display: block
    }
    a.btn.outline.mobile {
        width: 50%
    }
    a.btn.grey,
    a.btn.grey.mobile {
        background-color: #21b399
    }
    a.btn.grey:hover,
    a.btn.grey.mobile:hover {
        background: #00609b
    }
    .section-masthead a.btn {
        width: 50%
    }
    .titleImg {
        margin-top: 50px
    }
    .two-col-layout td,
    table.two-col-layout.stripeTable td,
    .two-col-layout td:last-child,
    table.two-col-layout.stripeTable td:last-child {
        margin: 0 0 40px !important;
        padding: 0;
        position: relative;
        width: 100%;
    }
    table .two-col-layout,
    .two-col-layout thead,
    .two-col-layout tbody,
    .two-col-layout th,
    .two-col-layout td,
    .two-col-layout tr {
        display: block;
        float: left;
    }
    .two-col-layout-cta td,
    table.two-col-layout-cta.stripeTable td,
    .two-col-layout-cta td:last-child,
    table.two-col-layout-cta.stripeTable td:last-child,
    .three-col-layout-cta td,
    table.three-col-layout-cta.stripeTable td,
    .three-col-layout-cta td:last-child,
    table.three-col-layout-cta.stripeTable td:last-child {
        padding: 0;
        position: relative;
        width: 100%;
    }
    table .two-col-layout-cta,
    .two-col-layout-cta thead,
    .two-col-layout-cta tbody,
    .two-col-layout-cta th,
    .two-col-layout-cta td,
    .two-col-layout-cta tr,
    .two-col-layout-cta td:last-child {
        display: block;
        float: left;
    }
    h1 {
        font-size: 32px;
        line-height: 32px;
    }
    h2,
    h3 {
        font-size: 21px;
        line-height: 25px;
    }
    .section-2 p.italicPink {
        font-size: 1.1em;
    }
    .middleSection-inner {
        margin: 0 auto;
        max-width: 95%;
    }
    .middleSection-inner ul li {
        width: 100%;
        min-height: 100px;
        margin-left: 0;
        text-align: left;
    }
    .middleSection-inner h4 {
        min-height: 25px;
        text-align: left;
        padding-left: 50px;
        font-size: 18px;
    }
    .middleSection-inner .circle {
        float: left;
        margin: 0;
    }
    section {
        text-align: center
    }
    div#page p.leftAlign {
        text-align: left;
    }
    .section-masthead p img.desktop {
        display: none
    }
    .section-masthead p img.mobile {
        display: block;
        height: auto !important;
        margin: 55px auto;
        width: 100% !important;
    }
    .btn.homeloanPlatinum.desktop {
        display: none
    }
    .btn.homeloanPlatinum.mobile {
        display: block;
        text-align: center
    }
    .middleSection-inner ul li p {
        padding-left: 50px;
        font-size: 1em;
    }
    .middleSection-inner ul li p.desktop {
        display: none
    }
    .middleSection-inner ul li p.mobile {
        display: block;
    }
    .middleSection-inner ul li p.mobile img {
        max-width: 630px;
        width: 100%;
        height: auto;
    }
    h4,
    h5 {
        margin: 0 0 10px 0;
        font-size: 18px;
    }
    .section-2 ul {
        width: 100%
    }
    div#page .section-1 ul {
        float: none;
        clear: both;
    }
    div#page ul {
        margin-left: 0;
        padding-left: 0;
    }
    #formSection {
        padding: 0;
        margin: 0;
    }
    .section-1 p {
        font-size: 1.1em;
        line-height: inherit;
    }
    .intro {
        margin-top: -60px;
    }
    .btn.homeloanPlatinum {
        max-width: 100%;
    }
    div#page .special-offer {
        margin: 100px 0 0 0;
    }
    .special-offer .content {
        padding: 0 20px;
    }
    .special-offer .content a .title {
        font-size: 35px;
        line-height: 45px;
    }
    .special-offer .content a .desc {
        font-size: 22px;
        line-height: 30px;
    }
    .special-offer .wrapper {
        -webkit-transition: none;
        /* Safari and Chrome */
        -moz-transition: none;
        /* Firefox */
        -o-transition: none;
        /* IE 9 */
        -ms-transition: none;
        /* Opera */
        transition: none;
    }
    .special-offer .wrapper:hover {
        -webkit-transform: none;
        /* Safari and Chrome */
        -moz-transform: none;
        /* Firefox */
        -ms-transform: none;
        /* IE 9 */
        -o-transform: none;
        /* Opera */
        transform: none;
    }
    div#page ul.imageList li {
        list-style: none;
        width: 100%;
        margin: 0 auto;
    }
    div#page ul.imageList li img {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
    /* Calculators */
    div#page .responsive_layout h1 {
        font-size: 13px;
        font-weight: bold;
        line-height: normal;
        max-width: 145px;
    }
    div#page .responsive_layout ul li.slider-wrapper {
        margin: 15px 0 0 8px;
    }
    .loan-calculator-app .gbst-loan-repayment .content .results-wrapper .displayType {
        color: #ffffff;
        left: 25px !important;
        position: absolute;
        top: -39px;
    }
    .loan-calculator-app .gbst-loan-repayment .content .results-line .results-title {
        padding: 10px 9px 10px 107px !important;
    }
}

@media all and (max-width: 572px) {
    h1 {
        font-size: 28px;
        line-height: 35px;
    }
    h2,
    h3 {
        font-size: 23px;
        line-height: 30px;
    }
    .section-3 ul li {
        width: 100%;
        margin: 40px auto;
    }
    .section-3 section {
        padding: 10px 20px;
    }
    .section-mastheadFixed #headerBtns ul li.btnHeader.grey {
        padding: 0 10px;
    }
    .section-mastheadFixed #headerBtns ul li a {
        padding: 0 5px;
    }
}

@media all and (max-width: 500px) {
    .section-mastheadFixed #headerLogo img {
        width: 170px;
        margin: 20px 0 0 0;
    }
    section {
        padding: 20px 20px;
    }
    iframe {
        height: 600px !important;
    }
    iframe[name="google_conversion_frame"] {
        height: 0 !important;
        width: auto;
    }
    .section-mastheadFixed #headerLogo {
        display: none;
    }
    .section-mastheadFixed #headerLogo.single {
        display: block;
    }
    .section-mastheadFixed #headerBtns.single {
        width: 30%;
    }
    .section-mastheadFixed #headerBtns ul {
        box-sizing: border-box;
    }
    .section-mastheadFixed #headerBtns ul li.btnHeader.mobile {
        display: block;
        float: right;
        height: 60px;
        line-height: 60px;
        padding: 0;
        position: relative;
    }
    .section-mastheadFixed #headerBtns ul li.btnHeader.blue {
        background-color: #d1cec6;
        color: #000;
        font-size: 17px;
        font-weight: bold;
        line-height: 57px;
        padding: 0 10px;
        -webkit-transition: background-color 0.8s ease;
        -moz-transition: background-color 0.8s ease;
        -o-transition: background-color 0.8s ease;
        transition: background-color 0.8s ease;
    }
    .section-mastheadFixed #headerBtns ul li.btnHeader.red {
        display: block;
        width: 40%;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
    }
    .section-mastheadFixed #headerBtns.single ul li.btnHeader.mobile {
        width: 100%;
    }
    .section-mastheadFixed #headerBtns ul li.btnHeader.desktop {
        display: none;
    }
    .section-mastheadFixed #headerBtns ul li a {
        font-size: 14px;
        padding: 0 10px;
    }
    .btnHeader.red:after {
        margin-right: 15px;
    }
    .section-masthead p img.mobile {
        margin: 120px auto 41px;
    }
}

@media all and (max-width: 454px) {}