/* Media Queries - 1 */

/* Note: Design for a below width of 940px */
@media only screen and (min-width: 960px) and (max-width: 1130px) {
html, body { overflow-x:hidden}
}

@media only screen and (min-width: 768px) {
    .helpAsideMenu ul {display: block!important;}
    .helpAsideMenu ul li {margin-bottom: 5px;}
    .helpHeadings .questionList a:hover, .helpHeadings .headingLink:hover {background-color: #f9f9f9;}
    .helpRelatedList a:hover {background-color: #f9f9f9;}
    .helpSearchResultList ul li a:hover {background-color: #f9f9f9;}
}

/* Note: Design for a below width of 940px */
@media only screen and (min-width: 768px) and (max-width: 960px) {

.helpQuestion .copy p, .helpQuestion .copy li {text-align: left;}
.helpHeader input[type=submit] { padding: 5px 37px;}

.accordionContent3 { display:block!important; }

.reveal-modal {
   padding: 1.875em;
   top: 6.25em;
}

.reveal-modal.tiny {
   margin-left: -15%;
   width: 30%;
}

.reveal-modal.small {
   margin-left: -20%;
   width: 40%;
}

.reveal-modal.medium {
   margin-left: -30%;
   width: 60%;
}

.reveal-modal.large {
   margin-left: -35%;
   width: 70%;
}

.reveal-modal.xlarge {
   margin-left: -47.5%;
   width: 95%;
}

.show_ipad1{ display:block}
.hide_ipad1{ display:none}

.wrapper { width:738px}

/* Note: Andre TESTING */

/* header */
.logo{ margin-left:0}

/* nav-bar */
.nav-bar nav ul{ font-size:16px; font-family:"proxima-nova-n7", "proxima-nova"; font-weight:700; font-style:normal; margin:-3px -8px 0 0}
.nav-bar nav ul li a{ padding: 19px 10px 0 10px; font-size: 16px;}


/* topinfo */
.topinfo aside{ margin:0 0 0 15px}

.topinfo article{ width:360px}
.topinfo article h1{ font-size:35px; margin-right:0}
.topinfo article ul{ margin-right:0; float:right;}

.middle-bar .left{ width:80%; font-size:28px; padding:8px 5% 0 0}
.middle-bar .top1{ margin-top:40px}

/* contentmain */
.section1 aside ul li.text1 { width:100%}
.section1 aside ul li.text2 { width:100%; float:right}
.section1 aside ul li.text3 { width:100%}
.section1 aside ul li.text4 { width:100%; float:right}


.testmonials aside .set .info{ width:67%; float:left; padding-top:6px}
.testmonials aside .set .info h4{ font-size:18px}

.testmonials article{ width:68%}
.testmonials article .set{ width:44%; padding:0 3% 0 0}
.testmonials article .set1{width:45%; /*(padding:40px 45px 0 0*/}

.newsletter article h4{ width:48%; font-size:17px; font-family:"proxima-nova-n8", "proxima-nova"; font-weight:800; font-style:normal; padding-left: 35px;}
.newsletter article aside{ width:340px}
.newsletter article aside .input{ width:35%}
.newsletter article aside .btn{ width:105px; font-size:13px}
.newsletter article { padding:0px;}
.topinfo article h3 {padding: 0 0 20px 0;}

.packageBox > h5 { height: 4.0rem; }

.topinfo article {float:none;}
.topinfo h1{width:710px; text-align:center !important;}
.tabfix1{float:right !important;margin:90px 0 0 0px;}
.topinfo h3{width:710px;text-align:center !important;}
/*.tabfix1 .wasingmachine{margin-left: 56px;}*/
.tabfix1 .wasingmachine{clear:left;}
.topinfo {padding:35px 0 0 0;}
.topinfo article ul li {margin: 0 30px 30px 0;}

/* bottominfo */
.bottominfo .list { width:509px; float:right}
footer p{ width:100%; text-align:center; padding-bottom:30px}
footer ul{ width:20%; padding-left:5%}
footer ul.link2{ width:20%}
footer ul.link3{ width:20%}

/* Application Successful Confirmation */
.products-info article{ width:102%; margin-right:-2%}
.products-info aside{ width:230px; margin:25px 14px 0 0}
.product-landing .section1 { width:230;}
.product-landing .testmonials { width: 236px; margin-right:14px;}
.product-landing .testmonials aside { width:230px;}
.products-info .text .heading span { font-size:27px;}
.products-info-2 .text p { font-size: 16px;}

/* First Checkout Page */
.main-products figure{ width:35%}
.main-products aside{ width:53%}

.add-products article{ width:690px}

/* Product Detail Page */
.product-details{ width:60%}
.product-details .review .recommented article aside{ width:70%}
.product-details .review .recommented article.right aside{ width:75%}

.packagesViewRightBar { width:280px }
.add-products2 { width:94%; padding:20px 3% 20px 3%}

.middle-bar2 .left{ width:75%}


/* Product Landing Page */
.header-bar aside{ width:460px}
.header-bar aside h1{ font-size:40px}

.product-landing .products-info .textblock{ width:90%; border:none; margin:30px 0 0 0; padding:0}

/* How it works */
.sidenav{ width:18.5%; margin-left:0}

.dummy { padding-top:0}

.rightpanel{ width:100%}
.checking-info article h2{ font-size:29px}
.checking-info article .yellowbox label{ padding:5px 15px 0 15px}
.checking-info article .yellowbox .icontick{ float:left; padding:9px 0 0 6px}
.checking-info article .yellowbox .droplist{ float:left; padding:0 0 0 15px}

.video-block aside{ width:100%; margin-right:0}
.video-block aside figure{ width:96%; padding:2%}

.ourteam-info article aside{ min-height:267px}

.slider{ width:83%; padding:0 10% 28px 7%}
.royalSlider { height:326px}

.middle-bar { text-align:center; padding:20px 0; height: auto;}
.middle-bar .left{ width:95%; font-size:25px; padding:0 2% 0 0}
.middle-bar .icon-like{ width:98%; height:38px; float:left; margin:15px 0 0 0}
.middle-bar aside{ width:98%; margin:0 auto}

.hideOnMediumScreen { display: none!important;}
.hideOnSmallScreen { display: block;}

.message-wrapper{ width: 738px;}

.products-design-1 .text .price a span{ font-size:26px;}
.products-design-1 .text p{ padding-top:36px;}
.products-design-1 .text p span{ font-size:15px;}
.products-design-1 .text p .subinfo-lower{ font-size:13px;}
.products-design-1 .text .info{ margin-top:12px;}
.products-design-1 .text .info span{ padding:4px 40px 4px 40px;}

.products-design-2 .text p{ padding-top:34px;}
.products-design-2 .text p span{ font-size:14px;}
.products-design-2 .text p .subinfo-lower{ font-size:13px;}
.products-design-2 .text .info{ margin-top:10px;}
.products-design-2 .text .info span{ font-size:14px;}

}

@media only screen and (max-width: 960px) {
    .eFootersStandard > div > div {max-width: 738px;}
    .eFootersStandard > div:first-of-type > div > a {margin-right: 1.0rem; max-width: 10%; padding-top: 0.5rem;}
    .eFootersStandard > div:first-of-type > div > ul > li {margin-right: 0.5rem;}
    .eFootersStandard > div:first-of-type > div > ul > li img {height: 29px; width: 29px;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:first-of-type {display: none;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:not(:first-of-type):not(:last-of-type) {float: none; text-align: center;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:last-of-type {margin-left:40%;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li {margin-right: 1.0rem;}

    .eHeadersStandardDesktop > div:first-of-type > div,
    .eHeadersStandardDesktop > div:last-of-type > div:first-of-type ul,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div {
        max-width: 738px;
        padding-left: 0;
        padding-right: 0;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a > span {
        font-size: 0.75rem;
        line-height: 0.75rem;
    }

    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.baby > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.baby > span:before {
        background-size: 20px 41px;
        height: 20px;
        margin-top: -10px;
        width: 20px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.computers > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.computers > span:before {
        background-size: 26px 33px;
        height: 17px;
        margin-top: -9px;
        width: 26px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.entertainment > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.entertainment > span:before {
        background-size: 27px 29px;
        height: 15px;
        margin-top: -7px;
        width: 27px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.furniture > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.furniture > span:before {
        background-size: 24px 29px;
        height: 15px;
        margin-top: -8px;
        width: 24px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.homeGarden > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.homeGarden > span:before {
        background-size: 15px 43px;
        height: 22px;
        margin-top: -11px;
        width: 15px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.kitchenLaundry > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.kitchenLaundry > span:before {
        background-size: 14px 34px;
        height: 17px;
        margin-top: -8px;
        width: 14px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.featured > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.featured > span:before {
        background-size: 17px 32px;
        height: 16px;
        margin-top: -8px;
        width: 17px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.phones > span:before,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.phones > span:before {
        background-size: 9px 34px;
        height: 17px;
        margin-top: -9px;
        width: 9px;
    }

    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > div {
        top: 58px;
    }

    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.baby > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.baby > span {
        padding-left: 24px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.254 > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.computers > span {
        padding-left: 32px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.featured > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.featured > span {
        padding-left: 23px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.entertainment > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.entertainment > span {
        padding-left: 33px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.furniture > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.furniture > span {
        padding-left: 30px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.homeGarden > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.homeGarden > span {
        padding-left: 21px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.kitchenLaundry > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.kitchenLaundry > span {
        padding-left: 20px;
    }
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > p.phones > span,
    .eHeadersStandardDesktop > div:last-of-type > div:last-of-type > div > table > tbody > tr > td > a.phones > span {
        padding-left: 15px;
    }

    .eFootersStandardDesktop > div > div { width: 738px; }
    .eFootersStandardDesktop > div:nth-of-type(2) > div > table > tbody > tr > td > ul > li > p,
    .eFootersStandardDesktop > div:nth-of-type(3) > div > table > tbody > tr > td > ul > li > p,
    .eFootersStandardDesktop > div:nth-of-type(2) > div > table > tbody > tr > td > ul > li > a,
    .eFootersStandardDesktop > div:nth-of-type(3) > div > table > tbody > tr > td > ul > li > a { font-size: 0.8rem; }
    .eFootersStandardDesktop > div:nth-of-type(2) > div > table > tbody > tr > td:last-of-type { width: 74px; }
    .eFootersStandardDesktop > div:nth-of-type(3) > div > table > tbody > tr > td.socialMedia > p {display: none;}
    .eFootersStandardDesktop > div:last-of-type > div > ul > li:first-of-type > p, .eFootersStandardDesktop > div:last-of-type > div > ul > li:last-of-type > p { font-size: 0.7rem; }

    .eBannersCompetitionsHpgenericpromotionDesktop {
        margin-left: -369px;
        width: 738px;
    }
    .eBannersCompetitionsHpgenericpromotionDesktop > div:not(:last-of-type) > div > h3 {
        font-size: 27px;
    }

    .other-products aside figure span .other-products { width:94px; height:40px; background-size:800%;}

    .header-login { height:inherit; padding-bottom:20px;}
    .header-login .input-div { margin-bottom:25px; width:100%; float:none;}
    .header-login .input { float:none;}
    .header-login .btn-primary-bg { }
    .header-login .btn-login { }
    .header-login div { float:none; width:100%;}
    .header-login .no-account { float:none; text-align:center; margin:80px 0 0 0;}
    .header-login .pass-forgot { margin-top:10px;}

    .header-popup { height:inherit;}
    .header-popup h3 { margin-bottom:10px;}

    .admin-logged-in { display:none;}

    .eHeaderLocation > div {max-width: 738px;}
    .eHeaderLocation > div > h1 {font-size: 2.0rem;}

/* New Centrelink Page */

#centrelinkPanel h2 { font-size: 35px; letter-spacing: -1px;}
#centrelinkPanel .leftPanel { float: none; width: 100%;}
#centrelinkPanel .rightPanel { float: none; width: 100%;}

#centrelinkPanel .arrow { display: none;}

#centrelinkPanel .featurePanel .itemPanel { width: 100%; float: left;padding: 25px 0 0 0; margin-bottom: 2em;}
#centrelinkPanel .featurePanel .itemPanel h2 { width: 100%; float: left; line-height: 1em; padding: 0 0 30px 0; font-size: 35px;}
#centrelinkPanel .featurePanel .itemPanel figure { width: 100%; margin-bottom: 30px; text-align: center;}
#centrelinkPanel .featurePanel .itemPanel aside { width: 180px; margin: 0 auto; float: none;}
#centrelinkPanel .featurePanel .itemPanel aside .bookmarks { margin-bottom: 20px;}

#centrelinkPanel .featurePanel .promoPanel { width: 100%; float: left; background: none; border-bottom: 3px solid #f1f1f0; padding-bottom: 0; margin-top: 0px;}
#centrelinkPanel .featurePanel .promoPanel aside { padding: 20px 0 20px 0;}
#centrelinkPanel .featurePanel .promoPanel article { width: 100%; padding: 20px 0 20px 0;}
#centrelinkPanel .featurePanel .promoPanel article .middle { width: 260px; margin: 0 auto;}

#centrelinkPanel .productList article figure { min-height: 147px;}
#centrelinkPanel .productList article { width: 20%; margin: 0 1% 0 11%;}
#centrelinkPanel .productList article aside .button { font-size: 19px;}
#centrelinkPanel .productList article aside h4 { font-size: 16px;}

.appear-on-mobile { display: none;}

.ipad-half { width:50%; float:left;}
.ipad-other-half { width:50%; float:right;}

.qm-baseA { height: 270px;}

.qm-response { width: 100%;}

.qm-form-wrapper { width: 80%; margin: auto;}
.qm-form { width: 100%; float: none;}
.qm-form .form-element { width: 94%; height: 35px; float: none; display: block; margin: 0 0 20px 0; line-height: 0px; padding: 0 3% 0 3%;}

.qm-form .QapTcha { display: block;}
.qm-form .QapTcha .bgSlider { width: 100%; height: 35px; float: none;}
.qm-form .QapTcha .bgText { margin-top: 6px;}
.qm-form .QapTcha .Slider { width: 48px; height: 35px;}

.bottominfo .social-links { display: block;}

.product-details .review .allReviews .voting { float:right; width:100%;}
.product-details .review .allReviews figure { float:left;}
.product-details .review .allReviews aside { width:85%;}

.search-open { width:286px;}
.search form input{ width:100%;}

.promotion-wrapper > div:first-of-type {width: 365px;}

}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.section1 aside ul li span {float: left; background: url(../img/icon_tick.png) no-repeat 20px 13px;padding: 15px 0 16px 57px }
.products-info .productbox figure {height:217px !important }
.product-landing .testmonials {
width: 230px;
margin: 25px 18px 0 0;
}
.product-landing .testmonials .cust_love {
width: 230px;
}
.product-landing .testmonials .section1 {
width: 230px;
}
.middle-bar { text-align:center; padding:20px 0; height: auto;}
.middle-bar .left{ width:100%; font-size:25px; padding:0 2% 0 0}
.middle-bar .icon-like{ width:100%; height:38px; float:left; margin:15px 0 0 0}
.middle-bar aside{ width:100%; margin:0 auto}
.set1{display:none;}
.product-landing .testmonials .section1 { width:260px !important}
}




/* Note: Design for a width of 768px */
@media only screen and (max-width: 767px) {
    .howItWorksCategoryIcons {padding-left: 0;}
    .howItWorksCategoryIcons > ul > li {width: 33%;}

    .promotion-wrapper > div:first-of-type {width: 320px;}
    .promotion-wrapper > div:last-of-type > a > img {max-height: 366px;}

    .eFootersStandard {padding-bottom: 2.5rem;}
    .eFootersStandard:after {display: none;}
    .eFootersStandard > div:first-of-type {padding: 1.0rem 0;}
    .eFootersStandard > div:first-of-type > div > div > h3 > a {font-size: 1.5rem;}
    .eFootersStandard > div:first-of-type > div > div {display: block;}
    .eFootersStandard > div:first-of-type > div > a {display: none;}
    .eFootersStandard > div:first-of-type > div > ul {float: none;}
    .eFootersStandard > div:first-of-type > div > ul > a {display: block;}
    .eFootersStandard > div:first-of-type > div > ul > li {line-height: 0; margin-right: 1.0rem;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:not(:first-of-type):not(:last-of-type) {display: none;}
    .eFootersStandard > div:not(:last-of-type) .aclComment {display: block;}
    .eFootersStandard > div > div {padding: 0;}
    .eFootersStandard > div:last-of-type { padding: 0;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:first-of-type {display: none;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div {text-align: center;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:last-of-type {margin-left: auto; margin-right: auto; display: inline-block;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:last-of-type span {color: #7a7a79; line-height: 21px; display: block; float: left;}
    .eFootersStandard > div:not(:last-of-type):not(:first-of-type) > div > p:last-of-type:after {background-image: url(/img/2015/watermarks/arrows/chevron_toggle_01.mobile.png); height: 21px; width: 21px;}
    .eFootersStandard > div:last-of-type > div:last-of-type {text-align: left; display: block; padding: 0;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul {display: block; padding-bottom: 1.0rem;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li {float: none; margin-right: 0;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li > ul > li {position: relative;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li > ul > li > a {text-shadow: 1px 1px black; color:#7a7a79; display: block; font-size: 1.0rem; font-weight: 700; padding: 1.0rem 16px 0;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li > ul > li > a.alt {display:block;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:not(:last-of-type) > ul > li.eFootersStandardChildAccordionItem {display: none;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:not(:last-of-type) > ul > li:first-of-type a {padding: 0.5rem 16px 0; text-shadow: 1px 1px black; border-top: solid 1px #3e3d3d; color: #b0b0b0; font-size: 1.25rem; font-weight: 700; margin-bottom: -1px; padding-bottom: 0.5rem;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:not(:last-of-type) > ul > li:first-of-type:not(:last-of-type) a {border-bottom: solid 1px #3e3d3d; padding-bottom: 0.5rem;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:not(:last-of-type) > ul > li:first-of-type:not(:last-of-type) a span:after {background-image: url(/img/2015/watermarks/arrows/chevron_toggle_03.mobile.png); background-position: bottom; background-repeat: no-repeat; content: ''; display: block; float: right; height: 7px; margin-top: 10px; width: 12px;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:not(:last-of-type) > ul > li.active:first-of-type:not(:last-of-type) a span:after {background-position: top;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:not(:last-of-type) > ul > li:last-of-type:not(:first-of-type) a {border-bottom: solid 1px #3e3d3d; margin-bottom: -1px; padding-bottom: 0.5rem;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:not(:last-of-type) > ul > li:not(:first-of-type) a span {line-height: 1.0rem;}
    .eFootersStandard > div:last-of-type > div:last-of-type > ul > li:last-of-type > ul > li a span {line-height: 0; }

    .eHeadersStandardDesktop {display: none;}
    .eHeadersStandardMobile {display: block;}
    .eFootersStandardDesktop {display: none;}
    .eFootersStandardMobile {display: block;}

    .eBannersCompetitionsHpgenericpromotionDesktop {display: none;}
    .eBannersCompetitionsHpgenericpromotionMobile {display: block;}

    .packageBox > h4 { font-size: 1.25rem; }
    .packageBox > h4 > span { font-size: 1.5rem; }

    .eHeaderLocation > div {width: 100%; padding: 1.0rem; box-sizing: border-box;}
    .eHeaderLocation > div > h1 {font-size: 1.65rem; text-align: center;}
    .eHeaderLocation > div > h1 > span:not(:last-of-type) {padding-right: 1.5rem;}
    .eHeaderLocation > div > h1 > span:not(:last-of-type):after {max-width: 0.5rem; right: 0.5rem;}

    .product-landing .promotionText {
        padding: 1.0rem 0;
    }

    .eEzidebitmigrationsUpdate .infohover {
        display: none;
    }

.mimModal button.prompt { width: 65%; float: none; display: block; margin: 20px auto 0 auto; }
.show_mobile1{ display:block}
.hide_mobile1{ display:none}
.rslides {margin: 0px auto !important;}

div.bankcheck-error a {
    padding: 0 20px;
}

.resultBox p { font-size:20px;}
.specialRed2 { margin:0; padding-top:0;}

.application .wrapper { width: 100% }
.application .form { width:100% }
.application .input { width: 100% }
.application ul li { width: 90% }
.application .tncx li { padding-left: 0px; }
.application_new .section-new { width: 100% }
.application .section3 ul li, .application .section4 ul li { width: 90% }
.application .section3 .input { width: 100%; padding: 10px 0 10px 0}
.reveal-modal { left: 5%;margin-left: 0;width: 55% }
.application .section1, .application .section2, .application .section-new, .application .section3, .application .section4 {width: 90%; padding-left:30px;}
.application .section4 .input { width:100%; padding: 10px 7px }
.application .section2 ul li {width:90% }
.application .section2 ul label { width: 100% }

.application .input { width: 100% }
.application .comboStyle { width: 104% !important }
.application select { padding: 0 5%; width: 100.8% !important }
.application .section2 .right { float: left }
.application .section2 .right .input { width:100% }
.application_new .section-new .leftside {width: 95%; float:left; padding-bottom:30px}
.application_new .section-new .rightside { width: 100%; margin-left: 0px }
.application_new .section-new .rightside input { width:100% }
.application .checking .streettype { width:88.8% }


/* addons box for tablet */
.addremove span { font-size: 12px }
.addedaddonslist { width: 100% }
.addedaddonslist li{ padding: 5px }

.add-products article  { border:none }
.add-products article {  border-top: 3px solid #ffffff }
.add-products article .column2 { border:none; padding-top:0px }


.add-products article { padding-top:30px }
.add-products article .column1 { float: right; width:97px; margin-top:0px }
.add-products article .column1 p { margin-bottom:10px }
.add-products article figure { margin-left: 20px }
/* end */


body { font-size:17px}

h1{ font-size:35px}
h2{ font-size:26px}
h3{ font-size:22px}
h5{ font-size:20px}
p{ font-size:17px}

.promotion-wrapper > div:first-of-type {width: auto;}


.wrapper { width:90%; padding:0 5%}
.show{ display:block}

/* contact */
.make-contact { border-bottom:none}
.make-contact .middle-wrapper{ width:100%; float:left; position:static}

.make-contact .accordionButton1 { width:120px; position:absolute; bottom:auto; top:0; right:0}
.make-contact .accordionButton1 a{ width:100%; height:60px; font-size:20px; line-height:1.1em; padding:15px 0 0 0}
.make-contact .accordionButton1 a span{ background:none; padding:0}
/*.make-contact .accordionContent1 { width:90%; position:absolute; top:75px; left:0; background:#FFFFFF; border-top:3px solid #cf3c41; padding:20px 5%}*/
/* .make-contact .accordionContent-contact { display:none} */
.make-contact article { width: 100%; }
.make-contact h2{ font-size:28px; color:#fff}
.make-contact h2 .number{ color:#FF0000}
.make-contact h4{ font-size:22px; color:#fff; font-family:"proxima-nova-n7", "proxima-nova"; font-weight:700; font-style:normal}
.make-contact h4 a{ color:#fff; text-decoration:underline}

.make-contact .form { width:100%; float:left}
.make-contact .form label{ font-size:18px; color:#004c7c}


/* header */
.logo{ width:100%; text-align:center; margin:5px 0 0 0}
.logo img{ width:125px}
.logo .header-logo{ width:125px; height:62px; margin:auto; background-size:cover;}

/* nav-bar */
.nav-bar { height:75px}
.nav-bar nav { width:100%; float:left; background:#FFFFFF; margin:0}
.nav-bar nav ul{ width:100%; margin:0; border-bottom:3px solid #fdebcc}
.nav-bar nav ul li{ width:100%; height:auto; border-top:3px solid #fdebcc; display:block; clear:both;}
.nav-bar nav ul li a{ width: 95%; height:auto; padding:14px 0 10px 5%}
.nav-bar nav ul li:hover > a{ border:none; padding:14px 0 10px 5%; height: auto;}
.nav-bar nav ul li a.active{ border:none; padding:14px 0 14px 5%}

.nav-bar .accordionButton { width:110px; height:75px; display:block}
.nav-bar .accordionButton a{ height:75px; background:#fcd79a url(../img/icon_menu2.png) no-repeat center center;}
.nav-bar .active a{ background:#c38825  url(../img/icon_menu2.png) no-repeat center center}
.nav-bar .accordionContent { display:none; position:absolute; top:75px; left:0; z-index:100}

.phone-number{ text-align:left; float:left; font-size:20px; padding:20px 35px}

/* topinfo
.topinfo { padding-top:30px}

.topinfo aside{ width:100%; max-width:420px; margin:0 auto; float:none}
.topinfo aside h5{ text-align:center}
.topinfo aside figure{ width:100%; height:auto; text-align:center}
.topinfo aside .btn-view-bg{ width:100%; margin:0 0 25px 0}
.topinfo aside .btn-view{ height:55px; font-size:30px; line-height:55px}

.topinfo article{ width:100%; float:left}
.topinfo article h3{ padding:0 0 30px 0}
.topinfo article ul{ width:350px; margin:0 auto; float:none}
.topinfo article ul li{ margin:0 8px 15px 8px}
.topinfo article ul li.bridge{ margin:0 8px 30px 70px}
.topinfo article ul li.wasingmachine{ margin:0 8px 30px 8px}*/
.topinfo article {width:100% !important}
.topinfo article ul{ width:100%; margin:0 auto; float:none}
.topinfo article ul li{ margin:0px !important; width:383px;}
.topinfo article ul li.bridge{ margin:0 8px 0px 8px}
.idTabsmobile  h2{font-size:22px !important}
h3{padding-bottom:20px !important;}
#flashMessage h3{padding-bottom:0px !important;}
#submitMessage h3{ padding-bottom:0px !important; }

.h2list{width: 245px!important;height: 0% !important;float: left;background: none !important; text-align: left !important; line-height: 74px !important; border-radius: 98px; behavior: url(../PIE.htc); position: relative; cursor: pointer; text-indent: 25px !important; color:white;}
/*.topinfo article ul li  a span{background-size:30px !important;}*/
.topinfo {padding-bottom:15px;padding-top:15px !important;}
.mobileicontab{width:68px !important; height: 68px!important;}






.middle-bar { text-align:center; padding:20px 0; height: auto;}
.middle-bar .left{ width:100%; font-size:25px; padding:0 2% 0 0}
.middle-bar .icon-like{ width:100%; height:38px; float:left; margin:15px 0 0 0}
.middle-bar aside{ width:100%; margin:0 auto}

.icon-like a { margin-left: 0; }

/* contentmain */
.section1{ padding:35px 0}

.section1 article{ width:100%; float:left; padding:0 0 30px 0}
.section1 article p{ font-size:17px}
.section1 article .set{ padding-bottom:15px}
.section1 article .set ul{ width:100%; float:left}
.section1 article .set ul.right{ width:100%; float:left}
.section1 article .set ul li { background:url(../img/bullet01.png) no-repeat 0 3px; line-height:1em; padding:0 0 12px 18px}
.section1 article .btn-middle{ width:185px; margin:0 auto}
.section1 article .btn-qualify{ height:50px; font-size:18px; line-height:50px}

.section1 aside{ width:100%; padding:20px 0 0 0}

.testmonials aside{ width:100%; padding-bottom:20px}
.testmonials aside .set{ width:96%; padding: 0 0 17px 4%}
.testmonials aside .set .info{ width:75%}

.testmonials article{ width:100%; float:left; padding-top:15px}
.testmonials article .set{ width:97%; padding:0 0 0 3%}
.testmonials article .set1{display: block; width:97%; padding:0 0 0 3%}
.testmonials article .info h5{ font-size:15px; padding:13px 0 5px 0}

.backtotop{padding-top:30px}
.backtotop p a{ background:url(../img/arrow04.png) no-repeat top right; padding:5px 36px 5px 0}

.newsletter{ padding:15px 0 0 0}
.newsletter article h4{ width:100%; padding:0 0 15px 0}
.newsletter article h4 a{ width:80%; float:left; background:url(../img/arrow03.png) no-repeat right; padding:5px 20% 5px 0}
.newsletter article h4 a:hover{ text-decoration:none}
.newsletter article .active a{ background:url(../img/arrow05.png) no-repeat right; }
.newsletter article {padding: 0px;}

.newsletter article aside{ width:100%; display:none; padding-bottom:15px}
.newsletter article aside .input{ width:96%;  padding:6px 2% 6px 2%; margin:0 0 10px 0}
.newsletter article aside .btns{ width:100%; margin:0 auto}
.newsletter article aside .btn{ width:31%; height:34px; float:left; font-size:16px; margin-top:0px}
#mce-EMAIL { width: 66%;}

/* bottominfo */
.bottominfo p{ font-size:16px}

.bottominfo aside{ width:100%; float:left}
.bottominfo .orderlook { padding:0}
.bottominfo .orderlook .input{ width:190px; height:31px; padding:5px 10px}
.bottominfo .orderlook .buttonform{ width:75px}
.bottominfo .orderlook .buttonform input{ width:75px; height:41px}

.bottominfo .contact h5{ padding-bottom:20px}

/* footer */
footer p{ font-size:16px}


/* Application Successful Confirmation */
.topbar-inner h4{ padding-bottom:25px}

.products-info { width:100%; float:left; padding:30px 0}
.products-info h4{ padding-bottom:0}
.products-info article{ width:104%; margin-right:-4%}
.products-info aside{ width:46%; margin:25px 2% 0 0}
.products-info figure {min-height: 290px;}

/* First Checkout Page */
.steps { padding:15px 0 10px 0}
.steps ul{ font-size:30px}
.steps ul li{ background:none; padding:5px 20px 5px 0}

.main-products figure{ width:100%; text-align:center; margin:0 0 15px 0}
.main-products aside{ width:100%; text-align:center}


.add-products article{ width:98.5%; border-top:2px solid #ffffff; padding:40px 0 15px 0; margin:0 0 20px 0; position:relative}
.add-products article.nodivider{ border:2px solid #ffffff; padding-top:30px}
.add-products article figure{ margin:0 20px 0 0}
.add-products article .column1{ margin:10px 0 0 0}
.add-products article .column2{ width:100%; border-top:0px solid #FFFFFF; padding-top:15px; margin:20px 0 0 0}
.add-products article .column2 p{ padding-left:20px}
.add-products article .column3{ width:auto; position:absolute; top:10px; right:15px}

.bottom-bar aside .btn-bg a{ height:55px; font-size:25px; line-height:55px}


/* Product Detail Page */
.product-details{ width:100%}

.product-details .details aside ul{ width:100%; padding-bottom:20px}
.product-details .details aside ul.right{ width:100%; padding:0}
.product-details .details aside ul li{ padding-left:16px}


.product-details .review .recommented article{ width:100%; padding:0}
.product-details .review .recommented article aside{ width:79%}
.product-details .review .recommented article.right{ width:100%}
.product-details .review .recommented article.right aside{ width:79%}

.product-details .buy .btn-review{ width:180px;  font-size:18px; color:#FFFFFF}

.packagesViewRightBar { width:100%; background:#FFF; margin:0; min-height: 100px;}

.mobilestretch { width:100% }
.mobilestretch div { margin: 0 auto 0 auto; width: 200px; padding-top: 2.0rem; clear: both; }

.middle-bar2 .left{ width:100%}
.middle-bar2 .icon-like{ width:100%; height:38px; float:left; margin:10px 0 0 0}

/* Product Landing Page */
.header-bar aside{ width:100%; text-align:center}
.header-bar .rightside{ width:100%; margin:0 auto; float:none}
.header-bar .rightside ul{ padding:25px 0 0 0}
.header-bar .rightside ul li{ padding:0 15px}




.product-landing .products-info .textblock{ width:95%; border:none; margin:30px 0 0 0; padding:0}

.product-landing .testmonials{ width:100%; float:left}
.product-landing .testmonials aside{ width:100%; float:right; padding-bottom:30px}
.product-landing .testmonials aside h4 span{ padding:0 0 10px 0}
.product-landing .testmonials {width:46%; padding-left: 1.75%;}
.product-landing .testmonials aside{ width:95%}

.product-landing .testmonials article{ width:100%; float:left; padding:0 0 35px 0}
.product-landing .testmonials article p{ padding:0 0 10px 0}
.product-landing .testmonials article .set{ width:100%; max-width:80%; padding:0}

.product-landing .section1 { width:100%; float:right; padding:0; margin:0}
.product-landing .section1 aside{ width:100%; float:left; padding:0}
.product-landing .section1 aside h4{ color:#3b70a6; padding-bottom:13px}
.product-landing .testmonials .section1 { width:100% }


.other-products { padding:35px 0 0 0}
.other-products article{ width:100%; margin:0}
.other-products aside{ width:33%}

/* How it works */
.headingmain{ padding:15px 0 14px 0}

.qualify-info{ padding:30px 0}
.stepbystep-info{ padding:30px 0 0 0}

.sidenav{ width:100%; float:left; margin-left:0}

.dummy { padding-top:0}

.rightpanel{ width:100%; max-width:700px; margin:0 auto; float: none}
.checking-info article{ width:100%; margin:0 0 15px 0}
.checking-info .bgarticle{ width:inherit; margin:0 auto}
.checking-info .article2 { width:100%; margin-right:0}
.checking-info .successbox { width:92%; padding:25px 4% 0 4%}
.checking-info .successbox ul{ width:345px; margin:0 auto; float: none}
.checking-info .successbox ul li { margin:0 8px 24px 8px}
.checking-info article .yellowbox label { font-weight: 800; margin-left: 5%;}
.checking-info article .yellowbox .input { font-weight: 800; }
.checking-info article .yellowbox .droplist { text-align: center; width: 80%; margin: 0 auto; }
.checking-info article .yellowbox select { font-weight: 600; width: 80%; }

.video-block aside{ width:100%; margin:0 0 23px 0}
.video-block aside figure{ width:97%; padding:1.5%}
.video-block article .info{ width:100%; padding:0}
.video-block article .aside2{ width:100%; padding:0}
.video-block article .aside2 ul{ max-width:600px; margin:0 auto; float:none}
.video-block article .aside2 ul li{ width:25%; padding:0 0 20px 0}
.video-block article .aside2 ul li img{ max-height:66px;}

.ourteam-info article{ max-width:400px; margin:0 auto; float: none}
.ourteam-info article aside{ width:46%; min-height:280px; float:left; padding:0 4% 25px 0}

.ourteam-info .accordionButton4 a{ height:42px; line-height:42px}
.ourteam-info .accordionButton4 span{ font-size:18px; padding:0 0 0 20px}
.ourteam-info .accordionButton4 .icon-bar{ padding:0 20px 0 0; margin-top:10px}
.ourteam-info .accordionContent4 { padding:20px 0 0 0}

.ourhistory-info h4{ width:100%; float:left;}
.ourhistory-info p{ width:100%; float:left; padding:0 0 21px 0}

.slider{ width:100%; max-width:400px; margin:0 auto; float:none; padding:0}
.royalSlider { height:265px; padding-bottom:20px}
.royalSlider .arrow { width:25px; height:25px; top:125px}
.royalSlider .arrow.left { background:url(../img/arrow_previous001.png) no-repeat; left:-30px}
.royalSlider .arrow.right { background:url(../img/arrow_next001.png) no-repeat; right:-30px}

.faqs .accordionButton5 a{ height:42px; line-height:42px}
.faqs .accordionButton5 span{ font-size:18px; padding:0 0 0 20px}
.faqs .accordionButton5 .icon-bar{ padding:0 20px 0 0; margin-top:10px}

/* popup */
#fancybox-close { top:10px; right:40px}

/*.popup{ width:92%; padding:56px 4% 33px 4%}*/
/*Homepage - Icons */


/* Application(Desktop) */
.application { width:100%; float:left}
.application .wrapper{ width:100%; float:none; margin:0 auto; padding:0}

.hideOnMediumScreen { display: none!important;}
.hideOnSmallScreen { display: none!important;}

/* New Centrelink Page */
#centrelinkPanel .blueBackBox aside { width: 46%; float: left; padding: 0 2%;}

#centrelinkPanel .productList h2 { width: 100%; text-align: center; font-size: 30px; padding: 0 0 25px 0;}
#centrelinkPanel .productList .middle { width: 100%; margin: 0 auto;}
#centrelinkPanel .productList article { width: 235px; margin: 0;}
#centrelinkPanel .productList .mobilenone { display: none;}
/* End New Centrelink Page */
/*
.cust_love { display: block;}
.product-landing .testmonials .section1 { padding-left: 7.5%;}*/

#newsletterConfirmation { padding: 0 0 20px 0;}

.appear-on-mobile { display: block;}

.ipad-products-one { float:left; margin-left:5%;}
.ipad-products-two { float:right; margin-right:5%;}

/*.message-wrapper{ width: 90%; margin: 0 5%;}*/
.message-wrapper{ width: 100%; text-align:center; margin:0;}
.message ul li { float:none;}

.stamp-background { background-size: 55em auto;}

.colour-pick .sbHolder { width: 100%;}
.colour-pick .sbSelector { width: 100%;}
.colour-pick .sbOptions { width:100%;}

.QapTcha { width:100%!important; float:none!important; margin:20px auto auto 0!important;/*margin:20px 0 auto auto!important;*/}

.products-info .text .heading span { font-size:24px;}
.products-info .text p { font-size: 14px;}

.products-info-2 .text .heading span { font-size:14px;}
.products-info-2 .text p { font-size: 16px;}

.popup-bubble { display:none;}
.popup-bubble-smaller { display:block;}

.products-design-1 .text .price a span{ font-size:22px;}
.products-design-1 .text p{ padding-top:32px;}
.products-design-1 .text p span{ font-size:15px;}
.products-design-1 .text p .subinfo-lower{ font-size:13px;}
.products-design-1 .text .info{ margin-top:7px;}
.products-design-1 .text .info span{ font-size:14px;}

.products-design-2 .text .price a{ padding:2px;}
.products-design-2 .trext p{ padding-top:31px;}
.products-design-2 .text p span{ font-size:14px;}
.products-design-2 .text p .subinfo-lower{ font-size:13px;}
.products-design-2 .text .info{ margin-top:7px;}
.products-design-2 .text .info span{ padding:4px 40px 4px 40px; font-size:13px;}

.header-popup h3 { margin-bottom:5px;}

.login-area-desktop { display:none;}
.login-area-mobile { display:block; margin-top:75px;}

.upload-working div .larger-loader { display:none;}
.upload-working div .smaller-loader { display:inline;}

.helpHeader.alt {background-size: auto 140%;}
.helpHeader .wrapper {padding: 30px 0; position: relative;}
.helpHeader input {font-size: 14px; min-height: 45px;}
.helpHeader input[type=submit] {min-width: 0; padding: 10px 0; width: 25%;}
.helpHeader input[type=text] {min-width: 0; padding: 10px 5% 10px 15%; width: 75%;}

.helpHeader #ResultList {width: auto; margin-left: auto;}
.helpHeader #ResultList .heading, .helpHeader #ResultList .content {font-size: 16px;}

.helpTopicsLanding li a {float: none; font-size: 20px; padding: 15px 5%; width: 90%;}
.helpTopicsLanding li a.alt {margin-left: 0;}

.helpInfo ul {margin-top: 16px; }
.helpInfo li {float: none; width: auto; margin-bottom: 30px;}
.helpInfo li.alt {margin-left: auto;}
.helpInfo li p {font-size: 18px; padding-top: 10px; text-align: center;}

.helpContactBar .wrapper {text-align: center;}
.helpContactBar div.left, .helpContactBar div.right {float: none; width: auto;}
.helpContactBar div.right {display: inline-block; margin-top: 30px;}
.helpContactBar .button {padding-left: 20px; padding-right: 20px;}

.helpContent .wrapper {padding: 20px 5%;}

.helpHeadings {float: none; margin: 20px auto 0 auto; width: auto;}
.helpHeadings h2 {font-size: 38px; text-align: center;}
.helpHeadings h4 {text-align: center;}
.helpHeadings .questionList a {color: #3ca9d5; padding-left: 30px;}
.helpHeadings .headingLink {padding: 20px 52px 20px 20px; border-color: #d8e2ed;}
.helpHeadings .headingArrow {right: 20px;}

.helpRelatedList {float: none; margin: 20px auto 0 auto; width: auto;}
.helpRelatedList h4 {text-align: center;}
.helpRelatedList a {padding: 20px 52px 20px 20px;}
.helpRelatedList span {right: 20px;}

.helpAsideMenu {float: none; margin: auto; width: auto;}
.helpAsideMenu h4 {background-color: #0085c2; color: #fff; padding: 20px;}
.helpAsideMenu h4 span {display: block;}
.helpAsideMenu ul {display: none; margin-top: 2px;}
.helpAsideMenu ul li a {background-color: #fff; border: 2px solid #f4f3f3; margin-top: -2px; padding: 20px; margin-right: 0;}
.helpAsideMenu ul li:hover a, .helpAsideMenu ul li.active a{background-color: #fff; color: #3b70a6;}
.helpAsideMenu h4 span.down.active, .helpAsideMenu h4 span.up.active {display: block;}
.helpAsideMenu ul li img {display: none!important;}
.helpAsideMenu .link-btn-desk {display:none;}
.helpAsideMenu .link-btn-mob {display:block;}

.helpQuestion {float: none; margin: 20px auto 0 auto; width: auto;}
.helpQuestion .copy p, .helpQuestion .copy li {font-size: 18px; text-align: left;}
.helpQuestion .helpful {text-align: center;}
.helpQuestion .helpful span {clear: both; display: block; margin-top: 10px;}
.helpQuestion .reviewMessage {margin-top: 20px;}

.helpSearchResultList {float: none; margin: 20px auto 0 auto; width: auto;}
.helpSearchResultList h2 {padding: 0 20px;}

.helpNavigate {margin-left: 0;}

.searchResults h4 { padding:0px 0 25px;}

.errorPage .wrapper {padding: 20px 0 0 0;}
.errorPage p {font-size: 18px;}
.errorPage li {margin: 0;}
}

@media only screen and (max-width: 718px) {
    .qm-baseA { height: 290px;}
}

@media only screen and (max-width: 647px) {
    .product-landing .testmonials { width:96.6%; padding-left: 0;}
    .promotion-wrapper > div:first-of-type {
        width: 100%;
    }
    .promotion-wrapper > div:last-of-type {
        display: none;
    }

    .stepssection select { width: 100%;}
}

@media only screen and (max-width: 619px) {
    .checking-info article .yellowbox label { margin-left: 5%;}

    .ipad-products-one { float:none; margin-left:0;}
    .ipad-products-two { float:none; display:none; margin-right:0;}

    #centrelinkPanel .productList .middle { width: 235px; margin: 0 auto;}
}


@media only screen and (max-width: 564px) {
    /*.cust_love { display: none;}

    .product-landing .testmonials { width: 96.3%; float: left;}
    .product-landing .testmonials .section1 { padding-left: 0;}*/

    .product-details .photo .visitor-view { display:none!important;}
}


@media only screen and (max-width: 559px) {
    .products-design-2 .text .price a{ padding:0px; height:21px;}
    .products-design-2 .text .price a span{ font-size:12px;}
}

@media only screen and (max-width: 540px) {
    .benefits-container .benefit-select-wrapper .benefit-select { width:100%!important;}
}

@media only screen and (max-width: 500px) {
    .product-details .review .allReviews .voting .votingOptions { float:none;}
    .product-details .review .allReviews .voting .indicator { float:none; margin:5px 0; display:block;}

    .specialGreen2 { margin-top:-30px!important; }
    .specialGreen3 { margin-top:-20px!important; }
}


/* Note: Design for a width of 480px */
@media only screen and (max-width: 479px) {
    .howItWorksCategoryIcons > ul > li {width: 50%;}

    .eHeaderLocation > div > h1 {font-size: 1.15rem; font-weight: 700;}

/*h2 a{color:white !important;}*/
/*h2 a:visited {color:white !important;}*/

.products-info figure {
height: 232px;
}

.product-details .photo {padding-bottom:10px;}

.show_mobile2{ display:block}
.hide_mobile2{ display:none}

body { font-size:15px}

h1{ font-size:30px}
h2{ font-size:24px}
h3{ font-size:20px}
h5{ font-size:16px}
p{ font-size:15px}

/* contact */
.make-contact .accordionButton1 { width:77px}
.make-contact .accordionButton1 a{ width:100%; height:46px; font-size:16px; line-height:1.1em; padding:10px 0 0 0}
/*.make-contact .accordionContent1 { top:56px} */

.make-contact h2{ font-size:20px; line-height:1.2em}
.make-contact h2 .number{ color:#FF0000}
.make-contact h4{ font-size:15px; line-height:1.2em}

/* header */
.logo img{ width:90px}
.logo .header-logo{ width:90px; height:45px;}

/* nav-bar */
.nav-bar { height:56px}
.nav-bar .accordionButton { width:77px; height:56px}
.nav-bar .accordionButton a{ height:56px; background:#fcd79a url(../img/icon_menu.png) no-repeat center center;}
.nav-bar .active a{ background:#c38825  url(../img/icon_menu.png) no-repeat center center}
.nav-bar .accordionContent { top:56px}

.phone-number{ padding:20px 22px}

/* topinfo */
.topinfo article ul{ width:100%; margin:0 auto; float:none}
.topinfo article ul li{ margin:0px !important; width:296px;}
.topinfo article ul li.bridge{ margin:0 8px 0px 8px}
.idTabsmobile  h2{font-size:22px !important}

.h2list{width: 228px !important; font-size: 16pt; height: 0% !important;float: left;background: none !important; text-align: left !important; line-height: 74px !important; border-radius: 98px; behavior: url(../PIE.htc); position: relative; cursor: pointer; text-indent: 25px !important; color:white;}
/*.topinfo article ul li  a span{background-size:30px !important;}*/
.topinfo {padding-bottom:15px;}
.mobileicontab{width:68px !important; height: 68px!important;}



/* contentmain */
.section1 article p{ font-size:15px; line-height:20px}

.section1 aside{ width:100%; padding:20px 0 0 0}
.section1 aside ul li { margin-bottom:2px}
.section1 aside ul li.text1 { width:100%}
.section1 aside ul li.text2 { width:100%}
.section1 aside ul li.text3 { width:100%}
.section1 aside ul li.text4 { width:100%}

/* bottominfo */
.bottominfo p{ font-size:14px}

.bottominfo .orderlook .input{ width:140px; height:21px; padding:5px 10px}
.bottominfo .orderlook .buttonform{ width:59px}
.bottominfo .orderlook .buttonform input{ width:59px; height:31px}

/* footer */
footer p{ font-size:14px}
footer .readpolices .read{ font-size:14px}
footer ul { margin-left: 60px }
footer ul li { margin-top:10px }


/* Application Successful Confirmation */
.products-info article{ width:100%; margin-right:0}
.products-info aside{ width:98%; margin:25px 0 0 0}

/* How it works */
.sbHolder{ width:225px}
.sbSelector{ width: 225px}
.sbOptions{ width: 225px}
.sbOptions li{ width:225px}

.checking-info article{ width:100%; margin:0 0 15px 0}
.checking-info .article2 { width:100%; margin-right:0}
.checking-info article .yellowbox label{ padding:5px 15px 0 15px; margin-left: 0;}
.checking-info article .yellowbox .icontick{ padding:9px 0 0 10px}
.checking-info article .yellowbox .droplist{ padding:0 0 0 15px}
.checking-info .successbox ul{ width:228px; margin:0 auto; float: none}

.video-block article .aside2 ul{ max-width:320px}
.video-block article .aside2 ul li{ width:33%; padding:0 7.5% 20px 7.5%; margin:0;}

.ourteam-info article{ max-width:175px}
.ourteam-info article aside{ width:100%; min-height:inherit; padding:0 0 25px 0}
.ourteam-info article aside figure{ width:100%; text-align:center; padding-left:0}

.slider{ width:100%; max-width:320px; margin:0 auto; float:none; padding:0}
.royalSlider { height:192px; padding-bottom:25px}
.royalSlider .arrow { top:80px}
.royalSlider .arrow.left { left:0}
.royalSlider .arrow.right { right:0}

.product-landing .testmonials{ width:100%; float:left}
.product-landing .testmonials aside{ height: 100%; width:100%; float:right; padding-bottom:0px}





/* Application(Desktop) */
.application { width:100%; float:left}
.application .wrapper { width:94%; float:left; padding:0 3%}

.application header .logo{ width:100%; text-align:center; padding:15px 0; margin:0}
.application header aside{ width:300px; margin:0 auto; padding:0; float:none}

.application .nav { height:auto; padding:15px 0}
.application .nav h1{ font-size:36px; float:none; text-align:center; letter-spacing:-1px; padding:0}

.application .brandinfo h2{ width:100%; float:left; text-align:center; padding-bottom:20px}
.application .brandinfo figure{ width:100%; text-align:center; padding:0}

/* default */
.application  .headingmain h3{ font-size:26px; padding:15px 0 22px 72px}

.application ul li{ padding-bottom:20px}
.application label{ width:100%; text-align:left; padding:0 0 10px 0}

.application .input{ width:89.8%; padding:10px 5%}
.application .input:focus{ border:1px solid #999}

/* section1 */
.application  .section1 { padding:60px 0 15px 0}
.application  .section1 .headingmain h3{ background:url(../img/icon_img05.gif) no-repeat 0 0; padding:13px 0 15px 72px}

.application  .section1 ul{ width:100%; float:left}
.application  .section1 ul.right{ width:100%; float:left}
.application  .section1 ul.right label{ width:100%; height:auto; text-align:left; line-height:normal; padding:0 0 10px 0; margin:0}
.application  .section1 ul.right .input{ width:89.8%; padding:0 5%}

.application  .section1 ul.right .gender { width:100%; float:left}
.application  .section1 ul.right .gender .sbHolder{ width:99.8%; text-align:center}
.application  .section1 ul.right .gender .sbSelector{ left:-5px}
.application  .section1 ul.right .gender .sbOptions{ width:99.8%}
.application  .section1 ul.right .gender .sbOptions a{ padding:3px 0}

.application  .section1 ul.right aside { width:107%; float:left; margin:0; margin-right:-5%}
.application  .section1 ul.right aside .sbHolder{ width:29.3%; margin:0 2% 0 0}
.application  .section1 ul.right aside .sbSelector{ left:3px; top:0px; overflow-x:hidden}
.application  .section1 ul.right aside .sbOptions{ width:99.8%; overflow:hidden}
.application  .section1 ul.right aside .sbOptions a{ padding:3px 5px}

/* section2 */
.application  .section2 ul li{ width:100%; float:left}
.application  .section2 ul label{ width:100%; padding:0 0 15px 0}

.application  .section2 .benefit{ width:100%; float:left; position:relative}
.application  .section2 .benefit .sbHolder { width:99.8%}
.application  .section2 .benefit .sbSelector{ left:3px; top:0px}
.application  .section2 .benefit .sbOptions{ width:99.8%}
.application  .section2 .benefit .sbOptions a{ padding:3px 5px}

.application  .section2 .right{ width:100%; float:left}
.application  .section2 .right span{ width:3%}
.application  .section2 .right .input{ width: 89.8%; padding:10px 5%; text-align:left }

/* section3 */
.application  .section3 ul li{ width:100%; float:left}
.application  .section3 label{ width:100%; padding:0 0 15px 0; text-align:left}
.application  .section3 .input{ width:89.8%; padding:10px 5%}

.application  .checking { width:100%; float:left; margin:5px 0 0 0}
.application  .checking p{ width:50%; float:left; font-size:13px; color:#FFFFFF; background:#82d15f; padding:8px 20px}
.application  .checking .icon{ float:right; line-height:.5em; padding:0 5px 0 0}

.application  .checking ul{ width:100%; float:left; padding:15px 0 0 0}
.application  .checking ul li{ width:100%; padding:15px 2% 0 0}
.application  .checking label{ width:100%; color:#58d620; text-align:left}
.application  .checking .input{ width:80.8%; border:1px solid #daf0d4; padding:10px 5%}

.application  .checking .unit{ width:48%;}
.application  .checking .unit .input{ text-align:center}

.application  .checking .number{ width:48%;}
.application  .checking .number .input{ text-align:center}

.application  .checking .streetname{ width:100%; padding-right:0}
.application  .checking .streetname .input{ width:88.8%; padding:10px 5%}

.application  .checking .streettype{ width:98.8% }
.application  .checking .streettype .input{ width:88.8%; padding:10px 5%; text-align:left}

.application  .checking .city{ width:100%;}
.application  .checking .city .input{  width:88.8%; padding:10px 5%}

.application  .checking .postcode{ width:100%; padding-right:0}
.application  .checking .postcode .input{ width:88.8%; padding:10px 5%; text-align:left}

/* section4 */
.application  .section4 ul { width:100%; margin-right:0; padding-bottom:10px}
.application  .section4 ul li{ width:100%; float:left; margin-right:0}

/* section5 */
.application  .section5 { width:100%; float:left; border-bottom:1px solid #e1e1e1; position:relative; padding:30px 0 15px 0}
.application  .section5 ul li{ width:100%; float:left}
.application  .section5 label{ width:100%; padding:0 0 15px 0; text-align:left}


/* section6 */
.application  .section6 aside{ width:100%; float:left; padding-bottom:30px}
.application  .section6 aside p .left{ width:40px; float:left}
.application  .section6 aside p .right{ width:85%; float:left}
.application  .section6 .btn-send{ width:280px; float:none; margin:0 auto}
.application  .secure p{ font-size:13px; color:#b4b4b4; text-align:left; width:280px; margin:0 auto; float:none}
.application .section-new { width:100% }
.application .section-new .leftside{ width:100%; float:left; margin:0 0 30px 0}
.application .section-new .rightside{ width:100%; float:left}
.application .form { width:100% }


.mobilenone{display:none}
.headerphoneno p {float:none;text-align:center }
.application .section1 {padding: 20px 0 15px 0 }
.lightbox2 .popup article figure span {width:100px;position:absolute;top:0px;right:0px;text-align:center;width: 100%;right: 0; margin-top:-15px }
.application .brandinfo h2 { padding-top:0px }
.application .headingmain h3 { font-size:22px }
.application .section6 aside { padding-left:46px; padding-bottom:15px }
.application .section6 aside p .right { width: 180px }
.pac-item { padding:7px; font-size: 14px; border-bottom: 1px solid; border-bottom-color: #e0e0e0}
.applicationreview .priceinfo { padding-top:10px }
.applicationreview .priceinfo2 .left p{ text-align:left}
.bgaddons article { margin-top:10px }
.basket img { width:43px; padding:2px }
.application ul li{ width:100%;font-size:14px}
.application .section6 { padding:20px 0 25px 0 }
.addremove span { font-size: 12px }
.addedaddonslist { width: 100% }
.addedaddonslist li{ padding: 5px }

.add-products article  { border:none }
.add-products article {  border-top: 3px solid #ffffff }
.add-products article .column2 { border:none; padding-top:0px }


.add-products article { padding-top:30px }
.add-products article .column1 { float: right; width:97px; margin-top:0px }
.add-products article .column1 p { margin-bottom:10px }
.add-products article figure { margin-left: 20px }
.application .tnc .leftside { width: 25px; height: 25px }
.application .tnc .leftside ul { height: 25px }
.application .tnc .rightside {   width: 80% }
.application .tnc .rightside ul  { margin-left: 15px }
.application .tnc .rightside ul li { font-size: 12px; color: #979797; height: 15px }

 .reveal-modal { left: 5%;margin-left: 0;width: 55% }

 #ReviewUserreviewForm .input { width: 94% }
 .g-recaptcha > div { margin: 0 auto 0 auto; }
 .reviewpart { text-align:left; }
 .popup .option .txt { width: 100%;float: none }
 .popup .textarea { height: 150px }
 .popup .option .txt .right { width: 60%; float: right }

 .product-details .buy .btn-review { width: 100% }
 .product-details .buy { text-align: center }

 .product-details .review article figure { width: 30px }
 .middle-bar2 .icon-like { width: 100% }
 .application .comboStyle { width: 100% !important}
 .application select { padding: 0 05%;width: 100.8% !important}
 .application .section3 select { font-size:11px }
 .application_new .section-new .rightside input { width: 89.8%; padding: 0 5%; }
 .application_new .section-new .leftside aside { height: 70px; }

.application_new .section-new .leftside aside p sup {
font-size: 52px;
font-family: "proxima-nova-n6", "proxima-nova";
font-weight: 600;
}
sup {
top: 0em;
font-size: 20px;
}

.application_new .section-new .leftside aside p {font-size: 52px;padding-top: 0px}
.application .section3 label {padding: 0 0 5px 0 }
.application .section2 ul label { padding: 0 0 5px 0 }
.application .section4 label { padding: 0 0 5px 0 }
.application .section1 { width: 100% }
.application .section2 { width: 100%; padding-left: 0px; }
.application .section1 aside {width: 100%}
.application_new .section-new .leftside p {font-size: 40px}
.application_new .section-new .rightside { margin-left: 0px }
.application_new .section-new .rightside .input {width: 100%  }
.steps ul{ font-size:24px}
.labelinfo { margin-left: 1px }

.mobilestretch { width:100%; }
.mobilestretch div { margin: 0 auto 0 auto; width: 200px; }

.application .section1, .application .section2, .application .section-new, .application .section3, .application .section4 {width: 100%; padding-left:0px;}
.application .section4 .input {width: 89.8%;padding:10px 0 5%}
.application .tncx p { font-size: 12px;color: #969696;font-family: Arial, Helvetica, sans-serif;padding: 0 0 20px 0px;}
.application .tncx li { padding-left: 17px; width: 60% }
.application .checking .btn-post a { width:100%}
.add-products article figure { width: 90px }
#OrderAddressone, #OrderAddresstwo {
padding-left: 15px;
}

.ipad-half { width:auto; float:none;}
.ipad-other-half { width:auto; float:none;}

.stamp-background { background-size: 35em auto;}

#ProductQuestion .chatbtn { font-size: 16px; line-height: 1.8;}

.products-design-1 .text .price a span{ font-size:24px;}
.products-design-1 .text p{ padding-top:35px;}
.products-design-1 .text p span{ font-size:15px;}
.products-design-1 .text p .subinfo-lower{ font-size:13px;}
.products-design-1 .text .info{ margin-top:11px;}
.products-design-1 .text .info span{ font-size:15px;}

.products-design-2 .text .price a{ padding:3px; height:24px;}
.products-design-2 .text .price a span{ font-size:14px;}
.products-design-2 .text .info{ margin-top:9px;}
.products-design-2 .text .info span{ padding:5px 40px 5px 40px; font-size:15px;}

.login-area-mobile { margin-top:56px;}
.searchResults h4{ padding:0px 0 25px;}
.searchResults .item-body{ margin-left:0px; margin-top: 38px;}
.searchResults .searchLink{ margin-left:0px;}
.searchResults img.item-pic {width:60px; height: 60px;}

}

@media only screen and (max-width: 460px) {
    /* New Centrelink Page */
    #centrelinkPanel .blueBackBox aside { width: 43%;}
    #centrelinkPanel .blueBackBox aside h3 { font-size: 18px;}

    .qm-form .QapTcha .bgText { margin-top: 8px; font-size: 16px;}
}

@media only screen and (max-width: 424px) {
    #mce-EMAIL { width: 97%;}
    .newsletter article aside .btn{ width:99.5%; height:34px; float:left; font-size:16px; margin-top:0px}
}

@media only screen and (max-width: 388px) {
    .qm-baseA { height: 320px;}
}

@media only screen and (max-width: 370px) {
    .centrepanel .big-red-submit-button { font-size: 20px;}
}

@media only screen and (max-width: 350px) {
    .icon-like a { margin-left: 0; }
    /* topinfo */
    .topinfo article ul li{ margin:0px !important; width:100%;}

    .h2list{width: 69% !important; font-size: 11pt; font-weight: 800;}

    #mce-EMAIL { width: 96%;}

    #ProductQuestion .chatbtn { font-size: 14px; line-height: 2.0;}

    .product-details .review .allReviews aside { width:75%;}
}

@media only screen and (max-width: 322px) {
    /* New Centrelink Page */
    .icon-like a { margin-left: 0; }
    #centrelinkPanel .blueBackBox aside h3 { font-size: 14px;}
    #centrelinkPanel .blueBackBox aside .number span { width: 46px; height: 46px; font-size: 36px; line-height: 48px;}
}

@media only screen and (max-width: 320px) {
    /* topinfo */
    .topinfo article ul li{ margin:0px !important; width:100%;}
    .h2list{width: 68% !important; font-size: 11pt; font-weight: 800;}
    .feedbackForm .QapTcha .bgSlider .bgText { font-size: 14px;}
    .g-recaptchaChallengeFirstParent { width:99% !important; }
    .g-recaptchaChallengeSecondParent { width:305px !important; }
}

@media only screen and (max-width: 300px) {
    .icon-like a { margin-left: 0; }
    .checking-info article .yellowbox .droplist { text-align: center; width: 70%; margin: 0 auto; margin-left: 15px;}
    .checking-info article .yellowbox select { width: 70%; }

    .tabletable strong { font-size: 10pt;}
    .tabletable a { font-size: 10pt; }

    /* New Centrelink Page */
    #centrelinkPanel .feature .promoPanel aside h3 { font-size: 32px;}
    #centrelinkPanel .feature .promoPanel aside h3 span { font-size: 48px;}
    #centrelinkPanel .feature .promoPanel aside p { font-size: 20px;}

    #centrelinkPanel .feature .promoPanel aside .bgbutton { width: 100%;}
    #centrelinkPanel .feature .button { width: 100%;}
    #centrelinkPanel .feature .button span { font-size: 20px;}

    #centrelinkPanel .feature .promoPanel article p { width: 28%; font-size: 14px; margin-left: 6px;}
    #centrelinkPanel .feature .promoPanel article p span { font-size: 26px;}
    #centrelinkPanel .feature .promoPanel article ul { width: auto; padding: 0 0 0 0;}

    #ProductQuestion .chatbtn { font-size: 12px;}
}

@media only screen and (max-width: 290px) {
    /*.footer ul { width: auto;}
    .footer ul.link2 { width: auto;}*/
}

@media only screen and (max-width: 277px) {
    .checking-info article .yellowbox .input { margin: 5px 13px 4px 18px; }

    /* topinfo */
    .topinfo article ul li{ margin:0px !important; width:100%;}

    .h2list{width: 59% !important; font-size: 8pt;}

    .tabletable strong { font-size: 8pt;}
    .tabletable a { font-size: 9pt; }

    /* New Centrelink Page */
    #centrelinkPanel .feature .promoPanel article ul li { font-size: 14px;}

    #centrelinkPanel .productList .middle { width: 100%;}
    #centrelinkPanel .productList .middle article { width: 100%;}

    .stepssection a { font-size: 14px;}

    #ProductQuestion .chatbtn { font-size: 11px; line-height:2.5;}
}

@media only screen and (max-width: 263px) {
    .qm-baseA { height: 350px;}
}

@media only screen and (max-width: 256px) {
    .tabletable strong { font-size: 6pt;}
    .tabletable a { font-size: 8pt; }

    /* New Centrelink Page */
    #centrelinkPanel .blueBackBox aside h3 { font-size: 11px;}
    #centrelinkPanel .feature .promoPanel article ul li { font-size: 11px;}
}