/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 14 September 2026 03:32:57
*/


/**
 * LSC - Mobile Style Sheet
 *
 * mobile.css
 * author: Squiz Australia
 */

/*
 * Table of Contents
 *
 * 1. Page elements
 *     1.1 Structure
 *     1.2 Header
 *     1.3 Navigation
 *     1.4 Sub Navigation
 *     1.5 Carousel
 *     1.6 Content
 *     1.7 Sidebars
 *     1.8 Footer
 *     1.9 Tools
 *     1.10 Forms
 */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700&display=swap');

@media screen and (max-width: 767px) {

    .branding #header-details .header-right select {
        min-height: 32px;
        width: max(232px, 66%);
    }

    /*
    --------------------
    1. Page elements
    --------------------
    */

    *,
    *:before,
    *:after {
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }

    html {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        -webkit-text-size-adjust: 100%;
        font: normal 84%/1.333333em 'Public Sans', Arial, sans-serif;
    }

    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none;
    }

    input {
        border-radius: 0;
    }

    /*-- 1.1 Structure --*/

    #outer-wrapper,
    .fluid #outer-wrapper {
        width: 100%;
        padding: 0;
    }

    #inner-wrapper,
    .fluid #inner-wrapper {
        margin: 0;
        padding: 20px 0;
    }

    #container,
    .fluid #container {
        padding: 0 20px;
        background: none;
        position: relative;
    }

    #wrapper {
        float: none;
    }

    .home #content,
    .fluid .home #content {
        width: 100%;
    }

    .fluid .col-2 #content,
    .fluid .col-1 #content {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .col-2 #content,
    .col-2-nav #content,
    .col-3 #content,
    .fluid .col-2-nav #content,
    .fluid .col-3 #content {
        width: 100%;
        margin: 0;
        padding: 20px 0 0 0;
    }

    /*-- 1.2 Header --*/

    #main-logo {
        width: 100%;
    }

    #main-logo img {
        width: 190px;
    }

    #header-details {
        width: auto;
        float: left;
    }

    .branding {
        overflow: visible;
    }

    .mobile-search__wrapper {
        display: block;
        clear: left;
        margin: 0 -20px;
        background: #1595D4;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.3s ease;
        -moz-transition: max-height 0.3s ease;
        transition: max-height 0.3s ease;
    }

    .styling-bci .mobile-search__wrapper {
        background: #f9db39;
    }

    .styling-cci .mobile-search__wrapper {
        background: #B8C757;
    }

    .mobile-search__wrapper.sq-active {
        max-height: 100px;
    }

    .mobile-search__wrapper ul {}

    .mobile-search__wrapper ul li {
        width: 100%;
        padding: 0 20px;
        float: left;
    }

    .site-search,
    .fluid .site-search {
        width: 100%;
    }

    .site-search input[type="text"],
    .fluid .site-search input[type="text"] {
        position: relative;
        width: 100%;
        left: 0;
        top: 10px;
    }

    .site-search fieldset {
        margin: 0;
    }

    /*-- 1.3 Navigation --*/

    .mobile-search__btn,
    .mobile-nav__btn {
        border: 0;
        float: right;
        text-indent: -9999px;
        width: 30px;
        height: 30px;
        margin-left: 4px;
        margin-top: 10px;
    }

    .mobile-search__btn {
        background: url(https://archive.longservice.nsw.gov.au/__data/assets/image/0003/1484022/mobile-search-btn.png?v=0.1.1) no-repeat 0 0 #1595D4;
    }

    .mobile-nav__btn {
        background: url(https://archive.longservice.nsw.gov.au/__data/assets/image/0004/1484023/mobile-menu-btn.png?v=0.1.1) no-repeat 0 0 #1595D4;
    }

    .styling-bci .mobile-search__btn {
        background: url(https://archive.longservice.nsw.gov.au/__data/assets/image/0003/1484022/mobile-search-btn.png?v=0.1.1) no-repeat 0 0 #f9db39;
    }

    .styling-bci .mobile-nav__btn {
        background: url(https://archive.longservice.nsw.gov.au/__data/assets/image/0004/1484023/mobile-menu-btn.png?v=0.1.1) no-repeat 0 0 #f9db39;
    }

    .styling-cci .mobile-search__btn {
        background: url(https://archive.longservice.nsw.gov.au/__data/assets/image/0003/1484022/mobile-search-btn.png?v=0.1.1) no-repeat 0 0 #B8C757;
    }

    .styling-cci .mobile-nav__btn {
        background: url(https://archive.longservice.nsw.gov.au/__data/assets/image/0004/1484023/mobile-menu-btn.png?v=0.1.1) no-repeat 0 0 #B8C757;
    }

    .home-link {
        display: none;
    }

    #nav {
        margin: 0;
        width: 100%;
        position: absolute;
        left: -856px;
        top: 130px;
        height: calc(100% - 118px) !important;
        z-index: 10000;
        background: rgba(0, 0, 0, 0.5) !important;
        -webkit-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
    }

    .styling-bci #content a:hover,
    .styling-bci #aside a:hover,
    .styling-cci #content a:hover,
    .styling-cci #aside a:hover {
        color: #ffffff !important;
    }

    #nav.sq-active {
        left: 0;
    }

    .top-level.styling-lsc #nav>ul>li.home,
    .styling-lsc #nav>ul>li:hover,
    .styling-lsc #nav>ul>li.selected,
    .top-level.styling-lsc #nav>ul>li.home>a,
    .styling-lsc #nav>ul>li:hover>a,
    .styling-lsc #nav>ul>li.selected>a,
    #nav li.home:hover span,
    .top-level #nav li.home span,
    .styling-lsc #nav>ul>li,
    .styling-lsc #nav>ul>li>a,
    .has-search.styling-lsc #nav,
    .has-search.styling-lsc #nav>ul {
        background: none;
        padding: 0;
        height: auto;
        /*color: #fff;*/
    }

    #nav .home span {
        background: none;
    }

    #nav .home a {
        text-indent: 0;
        width: 100%;
        padding: 16px 0 16px 0 !important;
    }

    #nav>ul,
    .has-search.styling-lsc #nav>ul {
        padding: 0;
        /*background: #1595D4;*/
        background-color: #ffffff;
        position: relative;
    }

    #nav>ul>li,
    .styling-bci #nav>ul>li {
        width: 100%;
        border: none;
        position: relative;
        z-index: 1;
        background: none;
        height: auto;
        padding: 0 20px !important;
    }

    #nav>ul>li>a {
        padding: 16px 0 !important;
        border-top: 1px solid #8bd8fe;
    }

    .styling-bci #nav>ul>li>a {
        padding: 16px 0 !important;
        border-top: 1px solid #fff1a3;
        background: none;
    }

    .styling-cci #nav>ul>li>a {
        padding: 16px 0 !important;
        border-top: 1px solid #e0f26b;
        background: none;
    }

    #nav>ul>li .arrow-down {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 12px;
        top: 10px;
        z-index: 2;
        cursor: default;
        background: #1595D4;
        -webkit-transition: -webkit-transform 0.3s ease;
        -moz-transition: -moz-transform 0.3s ease;
        transition: transform 0.3s ease;
    }

    .styling-bci #nav>ul>li .arrow-down {
        background: #f9db39;
    }

    .styling-cci #nav>ul>li .arrow-down {
        background: #B8C757;
    }

    #nav>ul>li .arrow-down:before {
        content: url(https://archive.longservice.nsw.gov.au/__data/assets/file/0016/1503142/chevron-right.svg);
        position: absolute;
        width: 0;
        height: 0;
        /*border-top: 7px solid transparent;*/
        /*border-bottom: 7px solid transparent;*/
        /*border-left: 7px solid white;*/
        top: 8px;
        left: 11px;
    }

    #nav>ul>li .arrow-down.sq-active {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }

    #nav>ul>li>div>ul>li {
        border: none;
    }

    #nav>ul>li>div {
        max-height: 0;
        overflow: hidden;
        padding: 0 20px;
        margin: 0 -20px;
        width: auto !important;
        -webkit-transition: max-height 0.3s ease;
        -moz-transition: max-height 0.3s ease;
        transition: max-height 0.3s ease;
    }

    #nav>ul>li>div.sq-active {
        max-height: 800px;
    }

    #nav>ul>li.last:hover>div {
        right: auto;
    }

    .styling-bci .nav__lev-2 {
        width: auto !important;
    }

    .styling-bci .nav__lev-2 li {
        height: auto !important;
    }

    #nav>ul>li:first-child>a {
        border: none;
    }

    #nav>ul>li>a:hover,
    .styling-lsc #nav>ul>li:hover>a {
        padding: 16px 0 !important;
    }

    .styling-lsc #nav>ul>li>div,
    .styling-bci #nav>ul>li>div {
        width: 100%;
    }

    #nav>ul>li>div {
        left: 0;
        position: relative;
    }

    #nav>ul>li>div>ul {
        padding: 10px 0;
    }

    #nav>ul>li>div>ul>li {
        width: 100%;
        padding: 0 !important;
        height: auto !important;
        border-top: 1px solid #797979 !important;
    }

    #nav>ul>li>div>ul>li:first-child {
        border: none !important;
    }

    #nav>ul>li>div>ul>li>a {
        display: block;
        padding: 20px 0 8px 0;
        font-size: 14px;
    }

    styling-bci #nav>ul,
    .has-search.styling-bci #nav>ul {
        /*background-color: #F9DB39;*/
        background-color: #ffffff;
        background-image: none;
    }

    .top-level.styling-bci #nav>ul>li.home,
    .styling-bci #nav>ul>li:hover,
    .styling-bci #nav>ul>li.selected,
    .top-level.styling-bci #nav>ul>li.home>a,
    .styling-bci #nav>ul>li:hover>a,
    .styling-bci #nav>ul>li.selected>a,
    .top-level.styling-bci #nav>ul>li.home>a span,
    .styling-bci #nav>ul>li:hover>a span,
    .styling-bci #nav>ul>li.selected>a span {
        background: none;
        color: #000;
    }

    .styling-cci #nav>ul,
    .has-search.styling-cci #nav>ul {
        /*background-color: #B8C757;*/
        background-color: #ffffff;
        background-image: none;
    }

    .top-level.styling-cci #nav>ul>li.home,
    .styling-cci #nav>ul>li:hover,
    .styling-cci #nav>ul>li.selected,
    .top-level.styling-cci #nav>ul>li.home>a,
    .styling-cci #nav>ul>li:hover>a,
    .styling-cci #nav>ul>li.selected>a,
    .styling-cci #nav>ul>li,
    .top-level.styling-cci #nav>ul>li.home>a span,
    .styling-cci #nav>ul>li:hover>a span,
    .styling-cci #nav>ul>li.selected>a span {
        background: none;
        color: #000;
    }

    /*-- 1.4 Sub Navigation --*/

    #sub-nav,
    .col-2-nav #sub-nav,
    .col-3 #sub-nav,
    .fluid .col-2-nav #sub-nav,
    .fluid .col-3 #sub-nav {
        margin-left: 0;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        -webkit-transition: max-height 0.3s ease;
        -moz-transition: max-height 0.3s ease;
        transition: max-height 0.3s ease;
    }

    #sub-nav.sq-active,
    .col-2-nav #sub-nav.sq-active,
    .col-3 #sub-nav.sq-active {
        display: block;
        max-height: 1000px;
    }

    .home .nav__lev-2__btn {
        display: none !important;
    }

    .nav__lev-2__btn {
        border: none;
        background: #24afec;
        float: left;
        width: 100%;
        font-size: 17px;
        margin: 10px 0 0;
        padding: 10px 0;
        color: #fff;
        font-weight: bold;
    }

    .styling-bci .nav__lev-2__btn {
        background: #f9db39;
        color: #000;
    }

    .styling-cci .nav__lev-2__btn {
        background: #b8c757;
        color: #000;
    }

    .js-enabled.col-2-nav .accordion h2 span,
    .fluid .js-enabled.col-2-nav .accordion h2 span,
    .fluid .col-3.js-enabled .accordion h2 span {
        background: none;
        position: relative;
    }

    .js-enabled.col-2-nav .accordion h2 span:before,
    .fluid .col-3.js-enabled .accordion h2 span:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #666666;
        right: 16px;
        top: 50%;
        margin-top: -7px;
    }

    .js-enabled.col-2-nav .accordion.func-disabled h2 span:before,
    .fluid .col-3.js-enabled .accordion.func-disabled h2 span:before {
        display: none;
    }

    .js-enabled.col-2-nav .accordion h2.selected span:before,
    .fluid .col-3.js-enabled .accordion h2.selected span:before {
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 7px solid white;
        right: 13px;
        margin-top: -3px;
    }

    .js-enabled.col-2-nav .accordion.func-disabled h2.selected span:before,
    .fluid .col-3.js-enabled .accordion.func-disabled h2.selected span:before {
        display: none;
    }

    .col-2 #sub-nav {
        display: block;
    }

    /*-- 1.5 Carousel --*/

    #feature-carousel,
    .fluid #feature-carousel,
    #feature-carousel.mini,
    .fluid #feature-carousel.mini {
        width: 100%;
        height: auto;
    }

    .banners {
        position: absolute;
        top: 0;
        width: 100%;
    }

    #feature-carousel .banner,
    .fluid #feature-carousel .banner,
    #feature-carousel.mini .banner,
    .fluid #feature-carousel.mini .banner {
        width: 100%;
        height: auto;

    }

    @media screen and (max-width: 767px) {

        #feature-carousel, .fluid #feature-carousel, #feature-carousel.mini, .fluid #feature-carousel.mini {
            width: 100%;
            height: auto;
            aspect-ratio: 412/200;
        }
    }

    .placeholder-carousel {
        display: block;
        width: 100%;
    }

    .banner img {
        display: block;
        max-width: 100%;
        width: 100%;
    }

    #feature-carousel .summary,
    .fluid #feature-carousel .summary,
    #feature-carousel.mini .summary,
    .fluid #feature-carousel.mini .summary {
        width: auto;
        top: auto;
        bottom: 0;
        right: 0;
        padding-right: 10px;
        background-color: #24AFEC;
        left: auto;
    }

    #feature-carousel .summary a {
        padding: 5px 25px 5px 10px;
    }

    .feature-controls,
    .fluid .feature-controls {
        bottom: 0;
        left: 0;
    }

    #feature-section {
        float: left;
        width: 100%;
    }

    #feature-section .block {
        background: #24AFEC;
    }

    #feature-section .block img {
        left: -9999px;
    }

    #feature-section .summary {
        width: 100%;
        position: relative;
    }

    #feature-section .block.linked-online .summary,
    #feature-section .block.linked-pay .summary,
    #feature-section .block.linked-docs .summary,
    #feature-section .block.linked-language .summary,
    #feature-section .block.linked-computer .summary,
    #feature-section .block.login-online .summary,
    #feature-section .block.feature-section {
        background-color: #353535;
        background-image: none;
    }

    #feature-section .block.linked-docs .summary,
    #aside .workers-online .padding,
    #aside .linked-docs .padding,
    #aside .linked-language .padding,
    #aside .linked-online .padding,
    #aside .linked-computer .padding,
    #aside .linked-pay .padding {
        background-image: none;
    }

    #feature-section .block.linked-online,
    #feature-section .block.linked-pay,
    #feature-section .block.linked-docs,
    #feature-section .block.linked-language,
    #feature-section .block.linked-computer,
    #feature-section .block.login-online {
        width: 100%;
    }

    #feature-section .block.login-online {
        min-height: 188px;
    }

    #feature-section .block.latest-news {
        background: #dadada;
    }

    .block.latest-news.latest-news__mobile {
        background: #dadada !important;
    }

    #feature-section .block.latest-news .summary {
        width: 100%;
    }

    .block.latest-news.latest-news__mobile .summary {
        width: 100% !important;
        margin-top: 6px !important;
        padding: 0 20px 10px !important;
        position: static !important;
    }

    .content-blocks .block.latest-news__mobile>h2 {
        color: #000 !important;
        font-size: 1.75em !important;
        padding: 20px 20px 0 !important;
    }

    .latest-news__mobile .news-item>a {
        color: #000 !important;
        display: block !important;
        font-weight: bold !important;
        padding: 10px 0 !important;
        text-decoration: none !important;
    }

    #feature-section .block .more {
        width: 100%;
    }

    .fluid .col-3 #aside .content-block {
        width: 100%;
        margin: 0;
    }

    #aside .content-block.linked-online,
    #aside .content-block.workers-online,
    #aside .content-block.image-block,
    #aside .content-block.linked-docs,
    #aside .content-block.linked-pay {
        background: #353535;
    }

    .fluid .col-3 #aside .content-block.linked-docs {
        margin-top: 20px;
    }

    .content-blocks .block .button-small {
        bottom: 0;
        float: left;
        left: 0;
        margin: 15px 0 20px;
        position: relative;
    }

    .image-block>img {
        display: none;
    }

    /*-- 1.6 Content --*/

    #content .content-blocks,
    .fluid #content .content-blocks,
    #aside .content-block {
        width: 100% !important;
    }

    #content .content-blocks .block,
    .fluid #content .content-blocks .block {
        box-shadow: none;
        width: 100%;
    }

    #content .content-blocks .block h2,
    .fluid #content .content-blocks .block h2 {
        width: 100%;
    }

    #content .content-blocks .block h2 span,
    .fluid #content .content-blocks .block h2 span {
        width: 100%;
        margin: 0;
    }

    #content .content-blocks .block .padding,
    .fluid #content .content-blocks .block .padding {
        height: auto !important;
        padding: 8px 12px 5px 12px;
    }

    .content-blocks .block .padding ul,
    .content-blocks .block .padding ul li,
    .content-blocks .block .padding ul li.image-only {
        max-width: none;
    }

    .content-blocks .block .padding .floated:first-child,
    .fluid .content-blocks .block .padding .floated:first-child {
        width: 100%;
    }

    .content-blocks .block .padding .floated img,
    .fluid .content-blocks .block .padding .floated img {
        width: 100%;
    }

    .styling-cci .content-blocks .block .padding .floated img,
    .styling-cci .fluid .content-blocks .block .padding .floated img,
    .styling-bci .content-blocks .block .padding .floated img,
    .styling-bci .fluid .content-blocks .block .padding .floated img {
        display: none;
    }

    .content-blocks .block .padding .floated,
    .fluid .content-blocks .block .padding .floated {
        width: 100%;
        height: auto !important;
        padding: 0 0 24px 0;
        min-height: auto;
    }

    #content .content-blocks .block .more,
    .fluid #content .content-blocks .block .more {
        width: 100%;
        margin: 0;
    }

    .banner,
    .fluid .banner {
        width: 100%;
    }

    #breadcrumb {
        display: none;
    }

    #content .aux-links {
        width: 100%;
    }

    .highlight-box {
        margin: 0;
    }

    #content .default-form .controls .pagination {
        float: left;
        margin: 0;
    }

    #content .pagination li.page-listing,
    #content .pagination li.page-listing a {
        margin: 0;
    }

    /*-- 1.7 Sidebars --*/

    #aside,
    .col-3 #aside,
    .fluid .col-3 #aside {
        padding: 20px 0 0 0;
        float: left;
        margin: 0;
        width: 100%;
    }

    .col-3 #aside .content-block {
        width: 100%;
        margin: 0;
    }

    /*-- 1.8 Footer --*/

    #footer,
    .fluid #footer {
        width: 100%;
    }

    p.last-updated-date {
        float: none;
        margin-top: 12px;
        width: 100%;
    }

    .footer-logo {
        float: left !important;
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
        display: block;
    }

    #footer a {
        display: block;
        margin-bottom: 5px;
    }

    #footer a:before {
        display: none;
    }

    /*-- 1.9 Tools --*/

    .tools {
        margin-top: 35px;
        width: auto;
    }

    .addthis_toolbox .print-preview,
    .addthis_toolbox .accessibility {
        display: none;
    }

    /*-- 1.10 Forms --*/

    .default-form .accordion.styled-1 .detail>div.form-block {
        padding: 8px 16px 8px 16px;
    }

    .default-form .detail>div.form-block label {
        margin: 0 0 5px 0;
        text-align: left;
        width: 100%;
    }

    #content .default-form input[type="text"] {
        width: 100%;
    }

    .default-form .detail>div.select select {
        width: 100%;
    }

    .default-form .detail>div.form-block textarea {
        width: 100%;
    }

    #content .default-form .form-controls {
        text-align: left;
        width: 100%;
    }

    #feature-section .block.enquire-online {
        display: none;
    }

    #feature-section .block.enquire-online-mobile {
        min-height: 60px;
    }

    #feature-section .block.enquire-online-mobile .summary {
        background: rgba(0, 0, 0, 0) url("http://www.longservice.nsw.gov.au/__data/assets/image/0020/398/sprites-icons.png?v=0.1.1") no-repeat scroll 10px -663px;
        padding: 20px 21px 14px 70px;
    }

    #feature-section .block.enquire-online-mobile .summary a {
        font-family: 'Public Sans', Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: bold !important;
        line-height: 1.32em !important;
        padding: 0 0 0.4em !important;
        color: #fff !important;
        text-decoration: none !important;
        display: block;
    }

    .back-top {
        background-image: none !important;
        font-weight: bold;
        height: 30px;
        padding: 7px 0 0 35px;
        position: relative;
    }

    .styling-lsc .back-top:after {
        border: 2px solid #24afec;
        content: "";
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px;
    }

    .styling-lsc .back-top:before {
        border-bottom: 11px solid #24afec;
        border-left: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px solid rgba(0, 0, 0, 0);
        content: "";
        height: 0;
        left: 7px;
        position: absolute;
        top: 9px;
        width: 0;
        -moz-transform: scale(.9999);
    }

    .styling-bci .back-top:after {
        border: 2px solid #F9DB39;
        content: "";
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px;
    }

    .styling-bci .back-top:before {
        border-bottom: 11px solid #F9DB39;
        border-left: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px solid rgba(0, 0, 0, 0);
        content: "";
        height: 0;
        left: 7px;
        position: absolute;
        top: 9px;
        width: 0;
        -moz-transform: scale(.9999);
    }

    .styling-cci .back-top:after {
        border: 2px solid #B8C757;
        content: "";
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px;
    }

    .styling-cci .back-top:before {
        border-bottom: 11px solid #B8C757;
        border-left: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px solid rgba(0, 0, 0, 0);
        content: "";
        height: 0;
        left: 7px;
        position: absolute;
        top: 9px;
        width: 0;
        -moz-transform: scale(.9999);
    }

    .social__box {
        float: right;
        margin: 38px 0 0;
    }

    .social__box a {
        display: inline-block !important;
        padding: 0 !important;
    }

    .contact-us-mobile {
        min-height: 60px !important;
        padding: 0 !important;
        position: relative !important;
        background: #24afec !important;
        clear: both !important;
        float: left !important;
        margin: 10px 0 50px !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    .contact-us-mobile .summary {
        position: relative !important;
        width: 100% !important;
        padding: 20px 21px 0 70px !important;
        text-decoration: none !important;
        background: rgba(0, 0, 0, 0) url("http://www.longservice.nsw.gov.au/__data/assets/image/0020/398/sprites-icons.png?v=0.1.1") no-repeat scroll 10px -663px !important;
        padding: 20px 21px 14px 70px !important;
    }

    .contact-us-mobile .summary a {
        color: #fff !important;
        display: block !important;
        font-family: 'Public Sans', Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: bold !important;
        line-height: 1.32em !important;
        padding: 0 0 0.4em !important;
        text-decoration: none !important;
    }

    .contact-us-mobile .summary a:hover {
        color: #fff !important;
    }

    .content-block.image-block {
        display: none;
    }

}



@media screen and (min-width: 767px) {

    .mobile-only,
    .enquire-online-mobile {
        display: none;
    }
}



.page-notification {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 23%;
    clear: both;
}

.page-notification-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.page-notification-img--mobile-sm {
    display: block;
}

.page-notification-img--mobile {
    display: none;
}

.page-notification-img--desktop {
    display: none;
}

@media screen and (min-width: 400px) {
    .page-notification-img--mobile-sm {
        display: none;
    }

    .page-notification-img--mobile {
        display: block;
    }

    @media screen and (min-width: 550px) {
        .page-notification {
            padding-bottom: 8.4%;
        }

        .page-notification-img--mobile {
            display: none;
        }

        .page-notification-img--desktop {
            display: block;
        }
    }

    select#select-lang {
        min-height: 32px;
        min-width: 250px;
    }

    /* Google Translate Header area */
    @media screen and (max-width: 767px) {

        .branding #header-details {
            margin: 1rem 0rem;
        }

        .branding #header-details .header-left {
            margin-bottom: 1rem;
        }

        .branding #header-details .header-left h1 {
            padding-top: 0;
            margin-top: 0;
        }

        .branding #header-details .header-left p {
            padding-bottom: 0;
        }

        .branding #header-details .header-right select {
            min-height: 32px;
            min-width: 250px;
        }
    }