﻿/* Larger Desktops */
@media screen and (min-width: 1310px) {
	/******************************    STRUCTURE   ******************************/
	.container {
	    width: 1280px;
	}
}

@media only screen and (min-width: 1310px) and (max-width: 1326px) {
	/******************************    STRUCTURE   ******************************/
	.container {
	    width: 1260px;
	}
}

@media only screen and (min-width: 1299px) and (max-width: 1326px) {
	.map-container img {
        width: 690px;
	}
}

@media only screen and (min-width: 1299px) and (max-width: 1601px) {

	/******************************    HEADER   ******************************/

    .navbar-inverse #navbar .navbar-nav>li>a {
        font-size: 14px;
        padding: 10px 16px;
    }

    .navbar-brand {
        padding: 8px 8px 0 15px;
    }

    .navbar-brand img {
        height: auto;
        width: 175px;
    }

    .site-actions .site-search i {
        font-size: 18px;
    }

    .location-name {
        font-size: 20px;
        padding: 19px 16px 18px;
    }

}


@media only screen and (min-width: 1200px) and (max-width: 1298px) {
    .container {
        width: 1150px;
    }
	/******************************    HEADER   ******************************/

    .navbar-inverse #navbar .navbar-nav>li>a {
        font-size: 13px;
        padding: 13px 11px;
    }

    .navbar-brand {
        padding: 8px 8px 0 15px;
    }

    .navbar-brand img {
        height: auto;
        width: 175px;
    }

    .site-actions .site-search i {
        font-size: 18px;
    }

    .location-name {
        font-size: 18px;
        padding: 19px 12px 15px;
    }

    /**** Home Content Tiles ****/
    .tile-image .tile-title h3 {
        font-size: 20px;
    }

    /*.map-container img {
        height: auto;
        width: 640px;
    }*/

    .key-figure h4 {
        width: 160px;
    }

}

@media screen and (min-width: 1200px) {
	/******************************    MAP   ******************************/
    .map-container {
        height: 590px;
    }

	.map-container img {
        height: auto;
	}

    .key-figure h2 {
        font-size: 42px;
    }

    .col-pad .row [class*='col-']:not(:first-child),
    .col-pad .row [class*='col-']:not(:last-child) {
      padding-right: 4px;
      padding-left: 4px;
    }

    
    /**** RECRUITEMENT IMG *****/
    #SliderContent .recruitment-img img {
        width: 90%;
    }

    /****************************** QLD BANNER ******************************/
    /*** APPPLY LEFT PROPERTY ***/
    #busines-site  .left-align.caption-container {
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -o-transform: matrix(-1, 0, 0, 1, 0, 0);
        right: initial;
        left: 0;
    }

    #busines-site .left-align.caption-container .banner-desc {
        text-align: left;
        float: left;
        -ms-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    #busines-site .left-align.caption-container .banner-desc h2, #busines-site .left-align.caption-container .banner-desc p, #busines-site .left-align .link-container {
        text-align: left;
        float: left;
    }

        #menu-carousel .slide-wrapper .page-slider .slick-track .slide .slide-title {
        max-width: 185px;
    }

}


/* Smaller Desktops & Landscape iPad  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 940px;
    }

    #menu-carousel {
        height: 324px;
    }

    #menu-carousel .banner-img {
        height: 325px;
    }

    #menu-carousel .page-slider.slick-slider {
        top: 40%;
    }

	/******************************    HEADER   ******************************/
    .site-actions .site-search i {
        font-size: 17px;
    }

    .site-actions .select-location i.icon-ausnz-map {
        font-size: 28px;
    }

    .location-name {
        font-size: 18px;
        padding: 19px 8px 18px;
    }

    #navbar .nav.navbar-nav {
        padding: 20px 0px 0px 45px;
    }

    .navbar-brand {
        padding: 13px 0px 0 0px;
    }

    .navbar-brand img {
        height: auto;
        width: 150px;
    }

    .navbar-inverse #navbar .navbar-nav>li>a {
        font-size: 13px;
        padding: 10px;
    }

    /****************************** MAP ******************************/
    .map-container {
        height: 470px;
    }

    .map-container h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .map-container img {
        height: auto;
        width: 534px;
    }

    .hot-spot {
        background-size: 41px 65px;
        width: 41px;
        height: 65px;
    }

    .speech-bubble {
        width: 105px;
    }
    .speech-bubble h1, 
    .speech-bubble h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .speech-bubble p > i {
        font-size: 24px;
    }

    .hot-spot.wel {
        top: 288px !important;
        left: 486px !important;
    }

    .hot-spot.auk {
        top: 247px !important;
        left: 482px !important;
    }

    .hot-spot.nsw {
        top: 218px !important;
        left: 284px !important;
    }

    .hot-spot.qld {
        top: 151px !important;
        left: 294px !important;
    }

    .hot-spot.vic {
        top: 260px !important;
        left: 237px !important;
    }

    .hot-spot.perth {
        top: 205px !important;
        left: 8px !important;
    }

    .hot-spot.darwin {
        top: 24px !important;
        left: 142px !important;
    }

    /** MODAL POSITION **/
    .modaal-content-container .hot-spot.wel {
        top: 279px !important;
        left: 472px !important;
    }

    .modaal-content-container .hot-spot.auk {
        top: 237px !important;
        left: 469px !important;
    }

    .modaal-content-container .hot-spot.nsw {
        top: 211px !important;
        left: 276px !important;
    }

    .modaal-content-container .hot-spot.nsw {
        top: 211px !important;
        left: 276px !important;
    }

    .modaal-content-container .hot-spot.vic {
        top: 251px !important;
        left: 230px !important;
    }

    .modaal-content-container  .hot-spot.qld {
        top: 151px !important;
        left: 287px !important;
    }

    .modaal-content-container  .hot-spot.perth {
        top: 197px !important;
        left: 8px !important;
    }

    /****************************** HOME ******************************/
    .transdev-modes li.mode i {
        font-size: 35px;
    }

    /**** Home Content Tiles ****/
    .tile-image .tile-title h3 {
        font-size: 18px;
    }

    /****************************** STATS ******************************/
    .key-figure > div {
        width: 70%;
    }

    .key-figure h2 {
        font-size: 32px;
        margin-right: 0px;
    }

    .key-figure h4 {
        font-size: 14px;
    }

    /****************************** FOOTER ******************************/
    .footer-heading {
        font-size: 17px;
    }

    /****************************** MENU CAROUSEL ******************************/
    #menu-carousel .slide-wrapper #SliderTitle {
        font-size: 60px;
    }

    /****************************** ROLES TILE ******************************/
    #careers #sliderPage .tile-image-last .tile-title h3 {
        width: 224px;
    }

    /****************************** CONTACT DETAILS ******************************/
    #contact .contact-details p {
        font-size: 13px;
    }

    /****************************** TABLES ******************************/
    .table>tbody>tr>td a.btn-download:after {
        font: normal normal normal 10px/1 FontAwesome;
    }

    .table>tbody>tr>td a {
        font-size: 12px;
    }

    /****************************** QLD BANNER ******************************/
    /*** APPPLY LEFT PROPERTY ***/
    #busines-site  .left-align.caption-container {
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -o-transform: matrix(-1, 0, 0, 1, 0, 0);
        right: initial;
        left: 0;
    }

    #busines-site .left-align.caption-container .banner-desc {
        text-align: left;
        float: left;
        -ms-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    #busines-site .left-align.caption-container .banner-desc h2, #busines-site .left-align.caption-container .banner-desc p, #busines-site .left-align .link-container {
        text-align: left;
        float: left;
    }

    /****************************** QLD BANNER ******************************/
    /*** APPPLY LEFT PROPERTY ***/
    #busines-site  .left-align.caption-container {
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -o-transform: matrix(-1, 0, 0, 1, 0, 0);
        right: initial;
        left: 0;
    }

    #busines-site .left-align.caption-container .banner-desc {
        text-align: left;
        float: left;
        -ms-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    #busines-site .left-align.caption-container .banner-desc h2, #busines-site .left-align.caption-container .banner-desc p, #busines-site .left-align .link-container {
        text-align: left;
        float: left;
    }

}

/* Portrait iPad and Mini Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
        padding-top: 73px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

    .mobile-menu {
        display:block;
    }

    .site-actions {
        display: none;
    }

    .navbar-left span.sep:last-of-type {
        display:none;
    }

    .navbar-brand {
        padding-left: 5px;
        padding-top: 5px;
        height: 73px;
    }

    .navbar-brand img {
        width: 168px;
    }

    .location-name {
        font-size: 20px;
        padding: 14px 16px 13px;
    }

    .navbar-toggle {
        margin: 28px 15px auto;
    }

    .navbar-right {
        margin-top: 0px;
        padding-right: 0;
        margin-right: 0;
    }

    .navbar-inverse {
        height: 73px;
    }

    .navbar-inverse .sep {
        height: 73px;
    }
    .navbar-inverse .navbar-nav>li {
        height: 73px;
    }
    .navbar-inverse .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 4px;
    }

    .navbar-inverse .mobile-menu .navbar-nav>li>a {
        line-height: 50px;
    }

    .c-hamburger {
        height: 74px;
    }

    .navbar-toggle {
        margin: 9px 0px auto;
    }

    .navbar-toggle .icon-bar,
    .navbar-inverse .navbar-toggle .icon-bar {
        height: 2px;
        width: 27px;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 7px;
    }

    .mobile-menu .navbar-toggle.is-active {
        padding: 0 9px 0 21px;
    }

    #mobile-navbar .collapse.in {
        display: block !important;
    }

    #navbar {
        text-align: center;
        position: relative;
        width: 50%;
        float: right;
    }
    
    #navbar .nav.navbar-nav {
        text-align: left;
        padding: 0px 0px;
        width: 100%;
    }

    #navbar .nav.navbar-nav li.dropdown {
        width:100%;
    }

    #navbar .nav.navbar-nav li.dropdown, 
    #navbar #mobile-menu .nav.navbar-nav li {
        height: auto;
    }

    /*#navbar #mobile-menu .nav.navbar-nav>li:last-of-type img {
        display: none;
    }*/

    /*#navbar #mobile-menu .nav.navbar-nav>li:last-child a {
        padding: 0 11px 0 22px;
    }*/

    .form-header-search:before {
        right: 81px;
    }

    /****************************** HOME TILE ******************************/
    .container-fluid:nth-of-type(2) {
        margin-bottom: 4px;
    }

    .col-pad .row [class*='col-']:not(:first-child), .col-pad .row [class*='col-']:not(:last-child) {
        padding-top: 4px;
        padding-bottom: 4px;
    }

     .col-pad .row [class*='col-']:nth-child(odd){
        padding-left: 0px;
    }

      .col-pad .row [class*='col-']:nth-child(even){
        padding-right: 0px;
    }

    .col-pad .row > div[class^="col-"]:first-child {
        padding-right: 4px;
    }

    .col-pad .row {
        padding-bottom: 0px !important;
    }

    .container.col-pad {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .footer-bg {
        height: 114px;
    }

    /****************************** BANNER ******************************/

    #busines-site  .slick-slide.slick-current.slick-active {
        height: 382px;
    }

    #busines-site .caption-container {
        max-width: 360px;
    }

    #busines-site .caption-container .geo-shape {
        transform: translate(-30%,0%);
        -webkit-transform: translate(-30%,0%);
        -moz-transform: translate(-30%,0%);
        -o-transform: translate(-30%,0%);
        -ms-transform: translate(-30%,0%);
        -sand-transform: translate(-30%,0%);
    }
    
    #busines-site .caption-container .banner-desc h2, #busines-site .caption-container .banner-desc h2:last-of-type {
        font-size: 48px;
    }

    #busines-site .caption-container .banner-desc p {
        font-size: 22px;
    }

    /*** APPPLY LEFT PROPERTY ***/
    #busines-site  .left-align.caption-container {
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -o-transform: matrix(-1, 0, 0, 1, 0, 0);
        right: initial;
        left: 0;
    }

    #busines-site .left-align.caption-container .banner-desc {
        text-align: left;
        float: left;
        -ms-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    #busines-site .left-align.caption-container .banner-desc h2, #busines-site .left-align.caption-container .banner-desc p, #busines-site .left-align .link-container {
        text-align: left;
        float: left;
    }
    
    /****************************** MAP ******************************/

    .map-container {
        height: 350px;
    }

    .map {
        margin-left: 10px;
    }

    .map-container h1 {
        font-size: 22px;
        line-height: 32px;
        padding-top: 91px;
        margin-bottom: 12px;
    }

    .map-container img {
        float: none;
        display: block;
        height: auto;
        width: 394px;
    }

    .transdev-modes li.mode {
        float: none;
        margin-right: 0;
        text-align: center;
        display: inline-block;
    }

    .transdev-modes li.mode i {
        font-size: 27px;
        font-weight: 400;
        color: #eef2f8;
    }

    .hot-spot {
        background-size: 41px 65px;
        width: 41px;
        height: 65px;
    }

    .speech-bubble {
        width: 105px;
    }
    .speech-bubble h1, 
    .speech-bubble h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .speech-bubble p > i {
        font-size: 24px;
    }

        .hot-spot.wel {
        z-index: 4;
        top: 212px !important;
        left: 354px !important;
    }

    .hot-spot.auk {
        z-index: 3;
        top: 172px !important;
        left: 346px !important;
    }

    .hot-spot.nsw {
        top: 157px !important;
        left: 207px !important;
    }

    .hot-spot.qld {
        top: 111px !important;
        left: 213px !important;
    }

    .hot-spot.vic {
        top: 191px !important;
        left: 171px !important;
    }

    .hot-spot.perth {
        top: 151px !important;
        left: 3px !important;
    }

    .hot-spot.darwin {
        top: 17px !important;
        left: 98px !important;
    }

    /*** MODAL CLOSE BTN ***/
    /*.modaal-wrapper .modaal-close {
        height: 73px;
        width: 75px;
    }*/
    .modaal-close {
        right: 123px;
    }

    .modaal-inner-wrapper {
        padding: 80px 14px;
    }

    .modaal-wrapper {
        overflow-x: hidden;
    }

    /****************************** STATS ******************************/
    .key-figure {
        padding: 15px 0px;
        margin: 0 auto;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 75%;
    }

    .key-figure h2 {
        float: none;
        font-size: 32px;
    }

    .key-figure h4 {
        font-size: 14px;
        width: inherit;
    }

    .key-figure > div {
        float: left;
        /*display: inline-block;*/
        justify-content: center;
    }

    .key-figure img {
        display: block;
        width: 100%;
        padding: 10px;
        margin: 0 auto;
    }

        .key-figure .icon {
            margin-right: 10px;
            height: 65px;
            width: 65px;
        }

    /****************************** NEWS ******************************/
    .news-header-search.form-group {
        width: 100%;
    }
    
    .news-header-search button.btn-news {
        padding: 0px 5px;
    }

    h6.news-header {
        font-size: 16px;
    }
    
    .news-description {
        font-size: 14px;
        padding-bottom: 5px;
    }

    .btn-download {
        font-size: 12px;
        padding: 10px 20px;
    }

    span.download-size {
        font-size: 12px;
    }


    /*********** THIRD LEVEL NAV ***********/
    #level-three-nav>ul>li {
        margin: 0px 10px 15px;
    }

    /*********** ROLES TILE ***********/
    #careers .col-pad .row [class*='col-'], #careers .col-pad .row [class*='col-'] {
        padding-left: 0px;
        padding-right: 0px;
    }

    #careers .tile .tile-image-img.maintenance-tile {
        height: 295px !important;
    }

    #careers .tile.tile-image.tile-image-last {
        margin-top: -4px;
    }

    #careers .col-pad .row {
        padding-bottom: 1px !important;
    }

    /*********** IMAGE SLIDER ***********/
    .slider-content .slide-image,
    .quote-wrapper,
    .image-quote {
        height: 245px;
    }

    /****************************** VALUES ******************************/
    .content.values >.umb-grid >.grid-section >.container > .row >div.column:first-of-type {
        text-align: left;
        padding-bottom: 0;
    }

    /****************************** MENU CAROUSEL ******************************/
    #menu-carousel {
        margin: 0;
        width: 100%;
        height: 299px;
    }

    #menu-carousel .col-md-12 {
        padding: 0;
    }

    #menu-carousel .page-slider .slick-title > div {
        font-size: 62px;
    }

    #menu-carousel .slide-wrapper .slick-prev:before, 
    #menu-carousel .slide-wrapper .slick-next:before {
        font-size: 32px !important;
    }

    #menu-carousel .page-slider-nav.slick-initialized.slick-slider {
        width: 100% !important;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    #menu-carousel .banner-img {
        height: 300px;
    }

    #menu-carousel .page-slider.slick-slider {
        top: 40%;
    }

    #menu-carousel .slide-wrapper .page-slider .slick-track a.slide {
        min-width: 110px;
    }

        #menu-carousel .slide-wrapper .page-slider .slick-track {
        max-width: 95%;
    }

    /**** RECRUITEMENT IMG *****/
    #SliderContent .recruitment-img img {
        width: 65%;
    }

    /**** CONTACT DETAILS *****/
    .contact-details h6 {
        margin-top: 15px;
    }

    /***/
    .news-header-search button i {
        font-size: 10px;
        margin: 4px;
    }

    .news-header-search button.btn-news {
        font-size: 16px;
    }

    /****************************** TABLE ******************************/

    .table>tbody>tr>td a.btn-download:after {
        display: none;
    }

    /****************************** CONTACT FORMS ******************************/
    .contourField.col-md-6 {
        width: 50%;
    }

    form .submit-container {
        width: 100%;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    /****************************** CAREERS - FAQ ******************************/

    .faq .tab-content, ul.categories li a h4 {
        padding-left: 0px !important;
        padding-top: 10px;
    }

    #faq .panel.panel-default .panel-heading {
        padding: 10px 15px;
        padding-left: 0;
    }

    ul.categories {
        padding-right: 0px;
    }

    #faq .panel-title h4 i.panel-accordian {
        margin-right: 10px;
    }

    .faq-no-cat .row [class*='col-']>h2, .faq-no-cat .row [class*='col-']>p, .faq .row [class*='col-']>h2, .faq .row [class*='col-']>p  {
        text-align: left !important;
    }
    .faq-no-cat .row [class*='col-'] > p {
        margin: 0px;
    }

    .faq .row [class*='col-']>p  {
        margin: 0px;
    }

    .faq>.umb-grid>.grid-section {
        padding-bottom: 0px;
    }

    #faq .panel.panel-default .panel-heading .panel-title h4 {
        font-size: 18px;
    }

    .faq .tab-content>.active>h4 {
        font-weight: 400;
        font-size: 20px;
        margin: 0;
    }

    ul.categories li a h4 {
        font-size: 16px;
    }

        /******************** PROMISE ********************/

        /**** VALUES ****/
        .content.values >.umb-grid >.grid-section >.container > .row >div.column:first-of-type {
            text-align: left;
            padding-bottom: 0;
        }

        .content.values >.umb-grid >.grid-section >.container > .row >div.column:last-of-type {
            padding-bottom: 30px;
        }

}

/* Mini Tablets and Mobile Phone */
@media only screen and (max-width : 767px) {
    body {
        padding-top: 73px;
    }

    h1, .h1 {
        font-size: 25px;
    }

    h2, .h2 {
        font-size: 23px;
    }

    h3, .h3 {
        font-size: 21px;
    }

    h4, .h4 {
        font-size: 20px;
    }

    h5, .h5 {
        font-size: 16px;
        font-weight: 500;
    }

    h6, .h6 {
        font-size: 16px;
    }

    p {
        font-size: 15px;
        line-height: 22px;
    }

    body#resources #SliderContent {
        padding-top: 32px;
    }

    .center-text {
        text-align: left;
    }

    p.sub-header {
        font-size: 17px;
        line-height: 25px;
        text-align: left;
    }

    .panel-default > .panel-heading {
        padding: 40px 15px 0;
    }

    .panel-default.container > .panel-heading {
        padding: 40px 0 0;
    }

    .panel-default > .panel-heading + .panel-collapse + .panel-heading {
        padding-bottom: 40px;
    }

    .panel-default > .panel-heading > .panel-title h2 {
        padding-bottom: 0;
        margin-bottom: 0px;
    }

    .panel-group.bg-striped > .panel-default > .panel-heading > .panel-title .btn-more {
        padding: 7px 20px;
    }

    .site-actions {
        display: none;
    }

    .mobile-menu {
        display: block;
        float: right;
        top: 0;
        padding: 0;
        position: relative;
    }

        .mobile-menu .navbar-right {
            display: flex;
            padding: 0;
            margin-top: 0px;
        }

    .navbar-left {
        display: block;
        float: left;
        position: absolute;
    }

    .navbar-nav {
        margin: 0 0;
    }

    #navbar {
        padding: 0;
        max-height: 100%;
        overflow: visible;
        border: none;
    }

        #navbar .nav.navbar-nav {
            float: right;
            text-align: left;
            padding: 0;
            width: 50%;
            z-index: 9999;
        }

    .navbar-inverse {
        height: 60px;
    }

    .navbar-nav {
        margin: 0 0;
    }

    .navbar-brand {
        padding-left: 5px;
        padding-top: 5px;
        height: 73px;
    }

        .navbar-brand img {
            width: 168px;
        }

    .location-name {
        font-size: 20px;
        padding: 14px 16px 13px;
    }

    .navbar-toggle .icon-bar,
    .navbar-inverse .navbar-toggle .icon-bar {
        height: 2px;
        width: 27px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 7px;
        }

    .navbar-inverse {
        height: 73px;
    }

        .navbar-inverse .sep {
            height: 73px;
        }

        .navbar-inverse .navbar-nav > li > a {
            padding-top: 12px;
            padding-bottom: 4px;
        }

    #mobile-menu:after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #000;
        position: fixed;
        top: 73px;
        left: 0;
        z-index: 99;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
        filter: alpha(opacity=85);
        -moz-opacity: 0.85;
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }

    #mobile-menu .nav.navbar-nav li a {
        font-size: 15px;
        padding: 0 9px 0 5px;
    }

    .navbar-inverse .mobile-menu .navbar-nav > li {
        height: 73px;
    }

    #mobile-menu .nav .dropdown.open .dropdown-menu li a {
        font-size: 13px;
        line-height: 28px;
        height: 28px;
        padding: 0 66px;
    }

    .navbar-inverse .mobile-menu .navbar-nav > li > a {
        line-height: 50px;
    }

    .navbar-left .sep:last-of-type {
        display: none;
    }

    .mobile-menu .navbar-right li:first-of-type {
        padding: 0px;
        float: right;
    }

    a.site-search {
        height: 100%;
    }

    .nav > li > a {
        padding: 14px 11px;
    }

    .mobile-menu .navbar-right li a i {
        font-size: 20px;
    }

    .mobile-menu .navbar-toggle.is-active {
        padding: 0 9px 0 21px;
    }

    .content.brisbane .mobile-banner {
        margin-top: 0px !important;
    }

    .form-header-search:before {
        right: 77px;
    }

    div#SliderContent {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #level-three-nav > ul {
        margin-top: 22px;
    }

    .gap-bottom {
        display: none;
    }

    .content > .umb-grid >.grid-section >.container > .row >div.column:first-of-type > h2:first-of-type, .content > .umb-grid >.grid-section >.container > .row >div.column:first-of-type > p:first-of-type {
        text-align: left !important;
    }


    /****************************** MOBILE BANNER ******************************/
    .home-banner {
        display: none;
    }

    #queensland .mobile-tile .container, #melbourne .mobile-tile .container, #newsouthwales-bus .mobile-tile .container, #newsouthwales-lightrail .mobile-tile .container, #wellington-nz .mobile-tile .container, #westernaustralia .mobile-tile .container, #corporate-nz .mobile-tile .container  {
        padding: 0px;
        margin: 0px;
    }

    .content.brisbane .mobile-tile .col-pad {
        margin-top: 0px;
    }

    #busines-site .slick-slide.slick-current.slick-active {
        height: 280px;
        max-height: 280px;
    }

    #busines-site .banner-img {
        height: 280px !important;
        max-height: 280px;
        background-position: top center;
    }

    #busines-site .caption-container {
        background-color: transparent;
        right: initial;
        left: initial;
        width: 100%;
        height: inherit;
        margin: 0 auto;
        text-align: center;
        bottom: 0;
        max-width: none;
    }

        #busines-site .caption-container .geo-shape {
            background-image: url('Images/mobile-banner-img.png');
            /*background-image: url('../Images/mobile-banner-img.png');*/
            height: inherit;
            display: block;
            width: 100%;
            background-size: cover;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
        }

    #busines-site .caption-container .banner-desc {
        text-align: center;
        float: none;
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 0px;
        padding: 0 0 45px 0;
    }

        #busines-site .caption-container .banner-desc h2, #busines-site .caption-container .banner-desc p, #busines-site .link-container {
                text-align: center !important;
                float: none !important;
                margin-top: 0px;
                margin-bottom: 5px;
        }

    #busines-site .caption-container .banner-desc h2:first-child, #busines-site .caption-container .banner-desc h2:last-child {
        font-size: 28px;
        margin-bottom: 0px !important;
        line-height: 1;
    }

    #busines-site .caption-container .banner-desc h2:first-child {
        margin-right: 10px;
    }

    #busines-site .caption-container .banner-desc p {
        font-size: 16px;
    }

    #busines-site .caption-container .banner-desc a.banner-link {
        font-size: 13px;
        padding: 6px 14px;
    }

        #busines-site .caption-container .banner-desc a.banner-link i {
            font-size: 10px;
            width: 10px;
        }

        #busines-site .caption-container .banner-desc a.banner-link i:before {
            font-size: 9px;
            width: 9px;
        }

    #busines-site .slick-dots li button:before {
        opacity: 1;
        color: #fff;
    }

    #busines-site .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #fff;
        background-color: #fff;
    }

    #busines-site ul.slick-dots {
        bottom: 10px;
    }

    /****************************** HOME MOBILE CONTENT ******************************/
    .col-pad .row [class*='col-']:not(:first-child), .col-pad .row [class*='col-']:not(:last-child) {
        padding-right: 1px;
        padding-left: 1px;
    }

    .col-pad .row > div[class^="col-"]:first-child {
        padding-left: 0 !important;
    }

    .col-pad .row > div[class^="col-"]:last-child {
        padding-right: 0 !important;
    }

    .container.col-pad {
        padding-left: 0;
        padding-right: 0;
    }

    .col-pad .row {
        padding-bottom: 1px !important;
    }

    .mobile-tile .tile,
    .mobile-tile .tile-colour-bg {
        height: 175px !important;
        background-color: white !important;
    }

    .mobile-tile .tile-content-wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .mobile-tile .tile-image .tile-title {
        display: block;
        left: 0px;
        position: relative;
        height: inherit;
        width: inherit;
    }

    .mobile-tile .tile-image img {
        bottom: 0;
        position: relative;
        left: 0;
        width: 75px !important;
    }

    .mobile-tile .tile-image .tile-title h3 {
        color: #646973;
    }

        .mobile-tile .tile-image .tile-title h3::after {
            display: none;
        }

    #careers .tile-image .tile-title h3::after {
        display: block;
    }

    /*.tile-link-wrap:hover .tile-image-wrap {
        background-color: #282727 !important;
    }*/

    /** FOOTER CONTENT **/
    .footer-content {
        padding-bottom: 0px;
    }

        .footer-content .container .row {
            margin-top: 0;
        }

    .footer-heading {
        display: none;
    }

    .footer .footer-bg {
        display: none;
    }

    .footer-content ul#social-links {
        list-style: none;
        margin: 18px 0px;
        float: right;
    }

    #social-links li:nth-of-type(even) {
        padding-left: 10px;
        padding-right: 10px;
    }

    #footer-links {
        margin: 12px 0;
    }

        #footer-links ul {
            margin-top: 0;
            margin-bottom: 0;
        }

            #footer-links ul li:last-child {
                text-decoration: none;
            }

            #footer-links ul li:first-child, #footer-links ul li:last-child {
                display: block !important;
            }

            #footer-links ul li:not(:first-child), #footer-links ul li:not(:last-child) {
                display: none;
            }

        #footer-links li a {
            font-size: 14px;
            line-height: 14px;
            text-decoration: none;
            letter-spacing: 1px;
        }

    .social-border {
        border-width: 1px;
        width: 24px;
        height: 24px;
    }

        .social-border i {
            font-size: 11px;
        }

    .footer-content .footer-social {
        float: right;
    }

    .footer-content .footer-reference {
        float: left;
    }

    .footer {
        padding-top: 0px;
    }

/*** MOBILE CAROUSEL ****/
    #menu-carousel {
        max-height: 150px;
        height: 150px;
        margin: 0;
        width: 100%;
    }

        #menu-carousel .col-md-12 {
            padding: 0;
        }

        #menu-carousel .slide-wrapper .internal-title > span {
            height: auto;
        }


        #menu-carousel .page-slider-nav .slick-list .slick-track {
            display: table;
        }

        #menu-carousel .slide-wrapper .page-slider .slick-track {
            color: #fff;
            width: auto !important;
            height: 45px;
            right: 0;
            width: 100%;
            left: 0;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            z-index: 1000;
            width: 100% !important;
            float: left;
            max-width: 100% !important;
            top: -5px;
        }

        #menu-carousel .slide-wrapper .page-slider .slick-track a.slide {
            height: 45px;
            background-color: #f4f4f4;
            color: #646973;
            font-size: 12px;
            font-weight: 400;
            margin: 0 auto;
            line-height: normal;
            width: 100% !important;
            text-transform: none;
            letter-spacing: 0;
            opacity: 1.0;
            min-width: auto;
            height: inherit;
            margin-right: 1px;
            padding: 0 7px;
        }

       #menu-carousel .slide-wrapper .page-slider .slick-track .slide .slide-title {
           color: #646973;
           opacity: 1 !important;
       }

        #menu-carousel .page-slider .slick-title > div {
            font-size: 25px;
        }

    .slick-prev, .slick-next, .slider-dots {
        display: none !important;
    }

    #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:first-child{
        margin-right: 1px;
    }

    #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:last-child {
        margin-right: 0px;
    }

    #menu-carousel .banner-img {
        height: 106px;
        max-height: 106px;
    }

    #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:hover, #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:hover .slide-title,
    #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:focus, #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:focus .slide-title,
    #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:active, #menu-carousel .slide-wrapper .page-slider .slick-track a.slide:active .slide-title {
        background-color: #646973;
        color: #fff !important;
        outline-style: none;
    }

    #menu-carousel .slide-wrapper .page-slider .slick-track a.slide.slide-current,#menu-carousel .slide-wrapper .page-slider .slick-track a.slide.slide-current .slide-title  {
        background-color: #646973;
        color: #fff !important;
        outline-style: none;
    }

    #menu-carousel .banner-img div {
        width: 100%;
        background-size: inherit;
        background-position: 100% 100%;
        height: 100%;
        overflow: hidden;
    }

    #menu-carousel .banner-img .blur {
        filter: blur(4.8px) brightness(1.1);
        -webkit-filter: blur(15.8px) brightness(1);
        -moz-filter: blur(4.8px) brightness(1.1);
        overflow: hidden;
        -o-filter: blur(4.8px) brightness(1.1);
        -ms-filter: blur(4.8px) brightness(1.1);
    }

    #menu-carousel .col-md-12:after {
        background-image: linear-gradient(to bottom, rgba(225, 225, 225, 0) 0, #000 100%);
        opacity: 0.1;
    }

    body#careers .container-fluid {
        background: none;
        margin-bottom: 20px;
    }

    .internal-title.slick-current {
        background-color: #646973 !important;
        color: #fff !important;
    }


    /*** Map Modal Pop Up ***/
    .modaal-container {
        position: relative;
        display: inline-block;
        text-align: left;
        box-shadow: none;
    }

    .modaal-inner-wrapper {
        padding: 0px;
        padding-top: 73px;
        overflow: hidden;
    }

    .modaal-content-container:before {
        font-weight: 100;
        font-size: 32px;
        background: #f4f4f4;
    }

    .modaal-wrapper {
        overflow-y: visible;
    }

    /*.modaal-wrapper .modaal-close {
        height: 73px;
        width: 67px;
    }*/

    .modaal-close {
        right: 115px;
    }

    .modaal-inner-wrapper {
        vertical-align: top;
    }

    a.modalClose {
        background-color: #e8e9ea;
    }


    /*** Choose Your Mode Modal ***/
    .mode-option {
        display: block;
        margin: 10px 0;
        height: auto;
        width: 100%;
    }

        .mode-option > a {
            padding: 5px 20px;
            height: auto;
        }

            .mode-option > a > i {
                font-size: 55px;
            }

        .mode-option h6 {
            font-size: 14px;
            margin-bottom: 7px;
        }

    /** MOBILE MODAL POSITION **/
    .modaal-content-container {
        padding-left: 0;
        padding-right: 0;
    }

    .modaal-content-container {
        padding: initial;
    }

    .modaal-wrapper {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .modaal-outer-wrapper {
        overflow: auto;
    }

    .modaal-inner-wrapper {
        padding: 0px;
        padding-top: 73px;
        overflow: hidden;
    }

    .modaal-container {
        height: 100%;
    }

    .map-container {
        background-color: #FFFFFF;
    }

    /****************************** NEWS ******************************/
    .publications h2,
    .publications .sub-header {
        text-align: left;
    }

    h6.news-header {
        font-size: 16px;
        line-height: 26px;
    }

    .news-header-search input.search-keyword {
        margin-bottom: 20px;
    }

    .news-header-search.form-group {
        padding-top: 28px;
    }

    .news-header-search input.search-keyword {
        font-size: 14px;
        height: 34px;
        padding: 0 20px;
        margin-bottom: 16px;
    }

    .news-category {
        font-size: 14px;
        height: 34px;
        padding: 0 20px;
        background-size: 18px;
    }

    .news-header-search button.btn-news {
        font-size: 15px;
        height: 34px;
        line-height: 34px;
    }

    .news-header-search button i {
        font-size: 10px;
        line-height: 19px;
        margin: 8px 5px;
        height: 18px;
        width: 18px;
    }

    /*.icon-arrow-dot-right:before {
        line-height: normal;
    }*/

    .news-header-search.form-group [class*='col-']:first-of-type {
        padding-right: 15px;
    }


    /****************************** CAREERS ******************************/

    /*********** THIRD LEVEL NAV ***********/
    #level-three-nav > ul > li {
        margin: 0px 10px 15px;
    }

    /*********** ROLES TILE ***********/
    .key-figure {
        display: none;
    }

    #careers #SliderContent .col-md-12 > h2,
    #careers #SliderContent .col-md-12 > p,
    #driving-ferry-master-roles #SliderContent.roles .col-md-12 > p {
        text-align: left !important;
    }

    #careers #SliderContent.roles .col-md-12 > h2,
    #careers #SliderContent.roles .col-md-12 > p {
        padding-left: 20px;
    }

    #careers #SliderContent.roles .grid-section .container {
        padding: 0;
    }

    #careers .tile, .tile-colour-bg {
        height: inherit !important;
    }

    #careers .col-pad .row [class*='col-'], #careers .col-pad .row [class*='col-'] {
        padding-left: 0px;
        padding-right: 0px;
    }

    #careers .tile .tile-image-img.maintenance-tile {
        height: 295px !important;
    }

    /*#careers .col-pad .row [class*='col-']:not(:first-child),  #careers .col-pad .row [class*='col-']:not(:last-child) {
        padding-top: 4px;
        padding-bottom: 4px;
    }*/

    #careers .col-pad .row [class*='col-'] .tile-image-last {
        margin-top: -8px;
    }

    #careers .col-pad .row [class*='col-'] {
        padding-bottom: 8px !important;
    }

    /*********** IMAGE SLIDER ***********/
    .slider-content .slide-image,
    .quote-wrapper,
    .image-quote {
        height: 245px;
    }

    /**/
    .third-level-content .col-md-12 > h2,
    .third-level-content .col-md-12 > p {
        text-align: left !important;
    }

    /****************************** VALUES ******************************/
    .content.values >.umb-grid >.grid-section >.container > .row >div.column:first-of-type {
        text-align: left;
        padding-bottom: 0;
    }

    /****************************** CONTACT ******************************/
    .contact-details h6,
    .contact-details p,
    .contact-details h2 {
        text-align: left !important;
    }

    body#contact .container-fluid .container h2,
    body#contact .container-fluid .container p {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    body#contact .container-fluid:nth-of-type(3) {
        padding-bottom: 8px;
        margin-bottom: 0px;
        padding-top: 20px;
    }

    .container.contact-details {
        padding-bottom: 40px;
    }

    .contact-details {
        padding-bottom: 0px;
        margin-top: 0px;
    }

    /**** RECRUITEMENT IMG *****/
    #SliderContent .recruitment-img img {
        width: 70%;
        margin: 20px auto;
    }

    /**** CONTACT DETAILS *****/
    .contact-details h6 {
        margin-top: 15px;
    }

    /****************************** ABOUT ******************************/
    body#about .content .container h2,
    body#about .content .container p {
        text-align: left !important;
    }

    body#expertise .container-fluid, body#about .container-fluid {
        background-color: #f4f4f4;
        margin-bottom: 0px;
    }

    /****************************** OPERATIONS ******************************/
    body#operations .content .container h2,
    body#operations .content .container p {
        text-align: left !important;
    }

    body#operations .container-fluid {
        background-color: #f4f4f4;
        margin-bottom: 0px;
    }

    /****************************** SEARCH RESULTS ******************************/
    .search-results-header.banner-img,
    .banner-img {
        height: 106px;
        max-height: 106px;
    }

        .search-results-header.banner-img .blur,
        .banner-img .blur {
            filter: blur(15.8px) brightness(1.1);
            -webkit-filter: blur(15.8px) brightness(1);
            -moz-filter: blur(15.8px) brightness(1.1);
            overflow: hidden;
            -o-filter: blur(15.8px) brightness(1.1);
            -ms-filter: blur(15.8px) brightness(1.1);
        }

    .search-results-header h2 {
        font-size: 25px;
    }

    .search-results-header {
        margin-bottom: 10px;
    }

    .news-header-search.form-group [class*='col-']:first-of-type {
        padding-right: 5px;
    }

    #scrollUp {
        height: 40px;
        width: 40px;
    }

        #scrollUp:after {
            height: 40px;
            width: 40px;
        }


    /****************************** TABLE ******************************/
    .table>tbody>tr>td a.btn-download {
        padding: 0px;
        font-weight: 400;
        text-align: center;
        background: none;
        color: #646973 !important;
        margin: 0 auto;
        width: 100%;
        border-radius: 0;
        background-image: url(/Content/Queensland/Images/dot-line-grey.png);
        background-position: bottom left;
        background-repeat: repeat-x;
        text-decoration: none;

    }

    .table>tbody>tr>td a.btn-download:hover {
        background-image: none;
        text-decoration: none;
    }

    .table>tbody>tr>td a.btn-download:after {
        display: none;
    }

    /****************************** CONTACT FORMS ******************************/
    .contourField.col-md-6 {
        width: 50%;
    }

    form .submit-container {
        width: 100%;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    form .btn-enquire {
        width: 40%;
    }

    /****************************** CAREERS - FAQ ******************************/

    .faq .tab-content, ul.categories li a h4 {
        padding-left: 0px !important;
        padding-top: 10px;
    }

    #faq .panel.panel-default .panel-heading {
        padding: 10px 15px;
        padding-left: 0;
    }

    ul.categories {
        padding-right: 0px;
    }

    #faq .panel-title h4 i.panel-accordian {
        margin-right: 10px;
    }

    .faq-no-cat .row [class*='col-']>h2, .faq-no-cat .row [class*='col-']>p, .faq .row [class*='col-']>h2, .faq .row [class*='col-']>p  {
        text-align: left !important;
    }
    .faq-no-cat .row [class*='col-'] > p {
        margin: 0px;
    }

    .faq .row [class*='col-']>p  {
        margin: 0px;
    }

    .faq>.umb-grid>.grid-section {
        padding-bottom: 0px;
    }

    #faq .panel.panel-default .panel-heading .panel-title h4 {
        font-size: 18px;
    }

    .faq .tab-content>.active>h4 {
        font-weight: 400;
        font-size: 20px;
        margin: 0;
    }

    ul.categories li a h4 {
        font-size: 16px;
    }

}

/* Mobile Devices Below */ 
@media screen and (max-width: 640px) {
    body {
        padding-top: 48px;
    }

    .navbar-inverse {
        height: 48px;
        min-height: 48px;
    }

    .navbar-inverse .sep{
        height: 48px;
    }

    .navbar-brand {
        height: 48px;
        padding: 5px 2px 0;
    }

    .navbar-brand img {
        width: 115px;
    }

    .navbar-toggle .icon-bar, 
    .navbar-inverse .navbar-toggle .icon-bar {
        width: 24px;
        height: 2px;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px;
    }

    .navbar-toggle.is-active {
        padding: 0 12px 0 18px;
    }

    .navbar-toggle.is-active .icon-bar+.icon-bar {
        margin-top: 6px;
    }

    .location-name {
        font-size: 14px;
        padding: 4px 9px 0;
    }

    .navbar-inverse .mobile-menu .navbar-nav>li>a {
        line-height: 26px;
    }

    .navbar-inverse .navbar-nav>li>a {
        padding: 11px 9px 9px;
    }

    .navbar-inverse .navbar-nav>li>a.select-location {
        padding: 9px 3px 6px;
    }

    #mobile-menu:after {
        top: 48px;
    }

    .mobile-menu .navbar-toggle {
        padding: 0 9px;
    }

    .mobile-menu .navbar-toggle.is-active {
        padding: 0 5px 0 13px;
    }

    .navbar-inverse .mobile-menu .navbar-nav>li {
       height: 48px;
    }

    .mobile-menu .navbar-right li a i.icon-ausnz-map {
        font-size: 29px !important;
    }

    .mobile-menu .navbar-right li a i.icon-magnify {
        font-size: 18px !important;
    }

    #mobile-menu img.mobile-icon {
        width: 36px;
        margin-right: 5px;
    }

    #mobile-menu .nav.navbar-nav li a {
        font-size: 14px;
        line-height: 46px;
        height: 46px;
    }

    #mobile-menu .nav .dropdown.open .dropdown-menu li a {
        font-size: 13px;
    }

    #mobile-menu .nav.navbar-nav .dropdown .dropdown-toggle::after {
        font-size: 20px;
    }

    #mobile-menu .nav.navbar-nav li a::after {
        font-size: 20px;
    }

    .form-header-search:before {
        right: 55px;
    }

    .header-site-search {
        width: 100%;
        height: 100%;
    }

    /*** MOBILE CAROUSEL ****/
    /*#menu-carousel .banner-img {
        height: 185px;
        max-height: 168px;
    }
    
    #menu-carousel .slide-wrapper #SliderTitle {
        font-size: 38px;
    }

    #menu-carousel .slide-wrapper .internal-title {
        height: 70px;
        font-size: 14px;
    }
    
    #menu-carousel {
        max-height: 250px;
        height: 250px;
    }   
    */   
    
    #menu-carousel .col-md-12 {
        padding: 0px;
    }   

    /****************************** CAREERS ******************************/

    /******** MOBILE BANNER ********/
    .home-banner {
        height: 220px;
    }

    .home-banner .home-banner-img {
        background-position: center center;
    }

    /** MOBILE CONTENT **/
    .mobile-tile .mobile-title h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
    }

    .mobile-tile .tile-image img {
        padding: 18px 8px 18px 18px;

    }

    .mobile-tile .tile, .mobile-tile .tile-colour-bg {
        height: 155px !important;
    }

    /*********** IMAGE SLIDER ***********/
    .slider-content .slide-image,
    .quote-wrapper, .image-quote {
        height: 220px;
    }

    .slider-content .slide-image {
        height: 275px;
    }

    .slider-content blockquote {
        font-size: 14px;
    }

    /*** MODAL MAP ***/
    .modaal-inner-wrapper {
        padding-top: 48px !important;
    }

    .modaal-close {
        right: 86px;
    }

    .modaal-wrapper .modaal-close {
        height: 40px;
        width: 40px;
    }

    .modaal-close:after, .modaal-close:before {
        left: 19px;
        top: 9px;
    }

    a.modalClose {
        width: 40px;
        height: 40px;
    }

    a.modalClose i {
        font-size: 20px;
    }

    /**** RECRUITEMENT IMG *****/
    #SliderContent .recruitment-img img {
        width: 100%;
    }

    /****************************** IMAGES ******************************/
    /**** ABOUT - TEAM *****/
    .content.our-team > .umb-grid > .grid-section > .container:not(:nth-of-type(1)) > .row {
        display: block;
    }

    .content.our-team > .umb-grid > .grid-section > .container:not(:nth-of-type(1)) > .row > .col-md-9 h3  {
        margin-top: initial;
        text-align: center;
    }

    /****************************** CONTACT FORM ******************************/
    form .btn-enquire {
        width: 55%;
    }

    .contourField.email.col-md-6 {
        width: 100%;
    }


}

@media screen and (max-width: 480px) {
    #navbar .nav.navbar-nav {
        width: 80%;
    }

    .navbar-brand {
        height: 48px;
        padding: 3px 0 0;
    }

        .navbar-brand img {
            width: 120px;
        }

    .location-name {
        font-size: 14px;
        padding: 3px 9px 0;
    }

    .nav > li > a {
        padding: 17px 5px;
        margin-top: 0;
    }

    .navbar-toggle {
        margin: 1px -5px auto;
    }

    .navbar-inverse {
        height: 48px;
        min-height: 48px;
    }

        .navbar-inverse .navbar-nav > li > a {
            padding: 11px 9px 9px;
        }

        .navbar-inverse .sep {
            height: 48px;
        }

    /*.form-header-search:before {
        right: 73px;
    }*/

    /****************************** HOME BANNER ******************************/

    #busines-site .caption-container .banner-desc h2 {
        font-size: 22px;
        margin: 0px;
    }

    /* MOBILE BANNER */
    .home-banner {
        height: 175px;
    }

    /** MOBILE CONTENT **/
    .mobile-tile .mobile-title h3 {
        font-size: 14px;
        font-weight: 600;
    }

    .mobile-tile .tile-image img {
        padding: 18px 6px 18px 18px;
        width: 62px !important;
    }

    .mobile-tile .tile, .tile-colour-bg {
        height: 120px !important;
    }

    /****************************** CAREERS ******************************/

    /*********** THIRD LEVEL NAV ***********/
    #level-three-nav > ul > li {
        display: block;
    }

    /*********** IMAGE SLIDER ***********/
    .slider-content blockquote {
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }

    blockquote .author {
        font-size: 16px;
    }

    /****************************** CONTACT ******************************/
    body#contact .enquire {
        padding: 0;
        overflow-x: hidden;
    }

    body#contact form.enquiry-form .contourPage {
        padding: 20px;
    }

    form.enquiry-form {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    .enquiry-bg {
        height: 196px;
    }

    form.enquiry-form * {
        padding-left: 0;
        padding-right: 0;
    }

    form.enquiry-form select, form.enquiry-form input, form.enquiry-form textarea  {
        font-size: 14px;
    }

    form.enquiry-form .btn-enquire {
        padding: 10px 15px;
        width: 100%;
        text-align: center;
    }

    form.enquiry-form .submit-container {
        padding: 10px 0px 5px;
    }

    form.enquiry-form .btn-enquire i {
        display:none;
    }

    .singlechoice span.help-block {
        padding: 0px 0px 0px 0px !important;
        font-size: 14px;
    }

    /****************************** CONTACT FORM ******************************/
    form .btn-enquire {
        width: 100%;
    }

    .contourField.col-md-6 {
        width: 100%;
        padding: 0;
    }

}
  

@media screen and (max-width: 380px) {

    /** MOBILE MENU **/
    .mobile-menu .navbar-right li a i.icon-ausnz-map {
        font-size: 24px !important;
    }

    .navbar-inverse .navbar-nav>li>a.select-location {
        padding: 12px 3px 5px;
    }

    .navbar-inverse .mobile-menu .navbar-nav>li>a {
        line-height: 28px;
    }

    .mobile-menu .navbar-right li a i.icon-magnify {
        font-size: 16px !important;
    }

    /** MOBILE BANNER **/
    #busines-site .caption-container .banner-desc h2:first-child, #busines-site .caption-container .banner-desc h2:last-child {
        font-size: 24px;
    }
    
    /** MOBILE CONTENT **/
    .mobile-tile .mobile-title h3 {
        font-size: 14px;
        font-weight: 600;
        margin-left: 5px;
    }

    .mobile-tile .tile-image img {
        margin: 0 0 0 10px;
        padding: 0px;
        width: 40px !important;
    }

    .mobile-tile .tile, .tile-colour-bg {
        height: 110px !important;
    }

    #footer-links li a {
        font-size: 14px;
    }

}

@media screen and (max-width: 340px) {
    .mobile-menu .navbar-right li a i.icon-ausnz-map {
        font-size: 26px !important;
    }

    .mobile-menu .navbar-right li a i.icon-magnify {
        font-size: 16px !important;
    }

    .navbar-inverse .navbar-nav>li>a {
        padding: 11px 6px 9px;
    }

    .navbar-brand {
        padding: 3px 0 0;
    }

    .location-name {
        font-size: 13px;
        letter-spacing: 0;
    }

    .navbar-inverse .navbar-nav>li>a.select-location {
        padding: 12px 0px 5px;
    }

    .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle .icon-bar {
        width: 20px;
    }

    .navbar-toggle.is-active .icon-bar+.icon-bar {
        margin-top: 5px;
    }

    .form-header-search:before {
        right: 46.5px;
    }

    /** MOBILE CONTENT **/
    .mobile-tile .mobile-title h3 {
        font-size: 13px;
        margin-left: 0;
    }

    .mobile-tile .tile-image img {
        padding: 0;
        margin-left: 10px;
        width: 40px!important;
        text-align: center;
        display: block;
    }

}


