/* 
 * responsive.css - Responsive CSS styles used within the website
 */

@media only screen and (max-width: 1199px) {
    .placeholder {
        max-width: 920px;
        margin: 0 auto;
    }
    .cb_container, .cb_container.medium, .cb_container.narrow {
        width: 920px;
    }
    
    
    /* Header */
    .nav-holder#nav .navigation > li, #nav ul li, #header-sticky #sticky-nav ul li {
        padding-right: 40px;
    }
    #header-sticky #sticky-nav ul li ul.sub-menu li{
        padding-right: 0px;
    }
    .nav-holder#nav .navigation > li.last-menu-item {
        padding-right: 0px !important;
    }
    .nav-holder#nav .navigation > li > a, #sticky-nav ul li a {
        font-size: 18px;
    }
    
    /* ------ CB - Homepage ------ */
    #homepage_container h2 {
        font-size: 49px;
    }
    #homepage_container .left_column .cb_content {
        font-size: 19px;
        line-height: 27px;
    }
    #homepage_container .have_a_question_container h3 {
        font-size: 18px;
        line-height: 24px;
    }
    #homepage_container .avada-row .left_column { 
        width: 560px; 
    }
    #homepage_container .avada-row .right_column { 
        width: 280px; 
    }
    #homepage_container .secondary_nav_button.bus_service {
        left: 14px;
    }
    
    /* ------ CB - Default Page ------ */
    .hero_image_container {
        background-size: 1580px auto;
        height: 330px; /* 82.6% of height */
    }
    
    /* ------ Page: Our Promise ------ */
    .our_promise_page .cb_col.copy {
        width: 62%;
    }
    .our_promise_page .cb_col.statistic {
        width: 15%;
    }
    .our_promise_page .cb_col.icon img {
        width: 140px;
    }
    .cb-default-page .our_promise_page h4 {
        font-size: 26px !important;
    }
    .our_promise_page .cb_col.statistic p {
        font-size: 20px;
    }
    
    /* ------ Page: Our Pillars ------ */
    #content.cb-default-page .our_pillars_page .pillars_container .cb_col p.intro {
        font-size: 17px;
        line-height: 24px;
    }
    #content.cb-default-page .our_pillars_page .pillars_container .cb_col p,
    #content.cb-default-page .our_pillars_page .pillars_container .cb_col ul li {
        font-size: 14px;
        line-height: 21px;
    }
    
    
    
    /* ------ Page: Our bus operations ------ */
    .operations_locations_container .location_content .location_statistics {
        font-size: 15px;
        line-height: 20px;
    }
    
    
    
    
    /* ------ Page: Our Leadership Team ------ */
    .leadership-team-content .team_member p, .advisor_container p {
        font-size: 16px;
    }
    
    
    
    
    
   /* ------ Page: Our Growth History ------ */
    .timeline {
        max-width: 920px;
    }
    .cb-default-page .timeline .event p {
        font-size: 18px;
        line-height: 24px;
    }
    .timeline .event h4, .timeline .event .header h4 {
        font-size: 26px;
        line-height: 26px;
    }
    .timeline .event h4 .note {
        font-size: 22px;
        line-height: 26px;
    }
    .timeline .event .cb_left {
        width: 296px;
    }
    .timeline .event .cb_right {
        width: 100px;
    }
    .timeline .event:nth-child(2n) .cb_left {
        width: 100px;
    }
    .timeline .event:nth-child(2n) .cb_right {
        width: 296px;
    }
    .cb-default-page .timeline .event p.buslink_start {
        font-size: 22px;
    }
    
    
    /* Icons */
    .timeline .event .header .icon {
        width: 100px;
        height: 100px;
        background-size: 100% auto !important;
        top: -21px;
        left: 10px;
    }
    .timeline .event:nth-child(2n) .header .icon {
        right: 5px;
    }
    .timeline .event .service_icon {
        margin-top: -11px;
        width: 100px;
        height: auto;
    }
    .timeline .event .cb_left .service_icon, .timeline .event .cb_right .service_icon {
        margin-top: -6px;
        margin-right: -5px;
        max-width: 100%;
    }
    .timeline .event:nth-child(2n) .service_icon {
        margin-left: -15px;
    }
    .timeline .icons_buses {
        background-size: 25px auto;
        height: 23px;
    }
    .timeline .icons_buses.w14 { width: 350px; }
    .timeline .icons_buses.w12 { width: 300px; }
    .timeline .icons_buses.w10 { width: 250px; }
    .timeline .icons_buses.w8 { width: 200px; }
    .timeline .icons_buses.w6 { width: 150px; }
    .timeline .icons_buses.w4 { width: 100px; }
    .timeline .icons_buses.w3 { width: 75px; }
    
    .timeline .icons_people {
        background-size: 94px auto;
        height: 30px;
    }
    .timeline .icons_people.inline {
        margin-bottom: 0;
    }
    .timeline .icons_people.w27 { width: 317px; }
    .timeline .icons_people.w21 { width: 247px; }
    .timeline .icons_people.w15 { width: 176px; }
    .timeline .icons_people.w11 { width: 129px; }
    .timeline .icons_people.w9 { width: 106px; }
    .timeline .icons_people.w6 { width: 70px; }
    .timeline .icons_people.w3 { width: 35px; }
    
    
    /* Dots */
    .timeline .event:after {
        right: -2.7%;
    }
    .timeline .event:nth-child(2n):after {
        left: -2.5%;
    }
    
    
    /* News - Index page */
    .post .blog-medium-slideshow-container {
        /*width: 290px;*/
    }
    
}

/* iPad & below, hide homepage elements */
@media only screen and (max-width: 1024px) {
    #homepage_container .right_column .cb_content.news_container {
        /* display: none; */
    }
}

@media only screen and (max-width: 959px) {
    .placeholder {
        max-width: 740px;
        margin: 0 auto;
    }
    .cb_container, .cb_container.medium, .cb_container.narrow, .cb_container.extra_narrow {
        width: 740px;
    }
    .cb_news_page_title h1 {
        font-size: 30px;
    }
    
    /* Header */
    .nav-holder#nav .navigation > li, #nav ul li, #header-sticky #sticky-nav ul li {
        padding-right: 20px;
    }
    #header-sticky #sticky-nav ul li ul.sub-menu li {
        padding-right: 0px;
    }
    .nav-holder#nav .navigation > li.last-menu-item {
        padding-right: 0px !important;
    }
    .nav-holder#nav .navigation > li > a, #sticky-nav ul li a {
        font-size: 14px;
    }
    
    /* ------ CB - Homepage ------ */
    html.homepage #wrapper #main #homepage_container .avada-row {
        max-width: 740px;
    }
    #homepage_container h2 {
        font-size: 35px;
    }
    #homepage_container .left_column .cb_content {
        font-size: 16px;
        line-height: 24px;
    }
    #homepage_container .secondary_nav_button {
        width: 66px;
        height: 58px;
    }
    #homepage_container .right_column .secondary_nav_container {
        font-size: 15px;
        line-height: 17px;
    }
    #homepage_container .secondary_nav_container .bus_service_container p {
        margin-top: 58px;
    }
    #homepage_container .secondary_nav_container p {
        margin-top: 0;
    }
    #homepage_container .secondary_nav_button.bus_service {
        left: 12px;
    }
    #homepage_container .bus_service_container .bus_services_menu {
        left: -94px;
    }
    #homepage_container .have_a_question_container h3 {
        font-size: 14px;
        line-height: 20px;
    }
    #homepage_container .have_a_question_container form textarea {
        height: 120px;
    }
    #homepage_container .news_container p {
        font-size: 13px;
        line-height: 16px;
    }
    #homepage_container .avada-row .left_column { 
        width: 420px 
    }
    #homepage_container .avada-row .right_column { 
        width: 230px 
    }
    html.homepage #wrapper #main #homepage_container .avada-row {
        /* bottom: 200px; */
    }
    #homepage_container .right_column .cb_content.news_container {
        /* display: none; */
    }
    
    /* ------ CB - Default Page ------ */
    .hero_image_container {
        background-size: 1220px auto;
        height: 256px; /* 64% of height */
    }
    .cb-default-page h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .cb-default-page h2 {
        font-size: 19px !important;
        line-height: 25px !important;
    }
    
    /* ------ CB - Contact Page ------ */
    .locality_container {
        max-width: 740px;
    }
    .location p {
        font-size: 16px;
        line-height: 23px;
    }
    
    /* ------ Welcome to Buslink Page: Infographic ------ */
    .infographic_container .infographic_section {
        width: 740px;
    }
    .post-content .infographic_container h4 {
        font-size: 28px;
    }
    .post-content .infographic_container h5 {
        font-size: 24px;
    }
    .post-content .welcome_to_buslink_page .infographic_container p {
        font-size: 24px;
    }
    .infographic_container .promise_container {
        max-width: 100%;
        width: 700px;
    }
    .infographic_container .ig_promise { 
        width: 174.5679px;
        font-size: 24px;
    }
    .infographic_container .ig_promise.operations { 
        width: 176.2963px;
    }
    .infographic_container .pillars_container {
        width: 700px;
    }
    .infographic_container .ig_pillar {
        width: 233.33px;
        font-size: 23px;
        padding-top: 29px;
    }
    
    .post-content .welcome_to_buslink_page .infographic_container .ig_pillar p {
        font-size: 23px;
    }
    .infographic_container .ig_pillar.partnership_approach {
        padding-left: 75px;
    }
    .infographic_container .ig_pillar.locally_focused {
        padding-left: 105px;
    }
    .infographic_container .ig_pillar.valuing_people {
        padding-left: 110px;
    }
    .infographic_container .ig_bus_mode {
        font-size: 20px;
    }
    .infographic_container .ig_stat .ig_number {
        font-size: 29px;
    }
    .post-content .welcome_to_buslink_page .infographic_container .ig_stat p {
        font-size: 19px;
    }
    
    .infographic_container .ig_operation.nt { width: 45.6%; }
    .infographic_container .ig_operation.vivo { width: 15.2%; }
    .infographic_container .ig_operation.qld { width: 30.4%; }
    .infographic_container .ig_operation.sunraysia { width: 30.4%; }
    .infographic_container .ig_operation.broken_hill { width: 15.2%; }
    
    /* ------ Page: Our Promise ------ */
    .our_promise_page .cb_col.icon {
        margin-left: 0;
    }
    .our_promise_page .cb_col.copy {
        margin-right: 0;
        width: 74%;
    }
    .our_promise_page .cb_col.icon img {
        width: 125px;
    }
    .cb-default-page .our_promise_page h2 {
        font-size: 22px !important;
    }
    .cb-default-page .our_promise_page h4 {
        font-size: 24px !important;
    }
    .our_promise_page .cb_col.statistic p {
        font-size: 16px;
        line-height: 26px;
    }
    
    /* ------ Page: Our Pillars ------ */
    .our_pillars_page .pillars_container h3 {
        width: 200px;
        font-size: 20px;
        line-height: 24px;
        padding-top: 29px;
        margin-top: -54px;
        height: 113px;
        margin-bottom: 25px;
    }
    .our_pillars_page .pillars_container h3.partnership_approach    { padding-left: 62px; }
    .our_pillars_page .pillars_container h3.locally_focused         { padding-left: 89px; }
    .our_pillars_page .pillars_container h3.valuing_people          { padding-left: 92px; }
    
    
    /* ------ Page: Our bus operations ------ */
    .operations-location-content .statistics_container .clearfix {
        max-width: 740px;
    }
    .operations-location-content .statistics_container .statistic .number {
        font-size: 26px;
        line-height: 26px;
        margin-top: 4px;
    }
    .operations-location-content .statistics_container .statistic .label {
        font-size: 16px;
    }
    .operations_locations_container .location_content .location_services {
        top: -25px;
    }
    .operations_locations_container .location_services .service {
        width: 63px;
        padding-top: 56px;
        height: 86px;
    }
    .operations_locations_container .location_services .service p {
        font-size: 13px;
        line-height: 15px;
    }
    .operations_locations_container .location_content h4 {
        padding-top: 55px;
    }
    .operations_locations_container .location_content .location_statistics {
        font-size: 12px;
        line-height: 16px;
    }
    .operations_locations_container .location_content .content p {
        font-size: 14px;
        line-height: 21px;
    }
    .operations_locations_container .location_content .cb_button {
        font-size: 14px;
    }
    
    
    
    /* ------ Page: Our Leadership Team ------ */
    .leadership-team-content .team_member h3, .advisor_container h3 {
        font-size: 24px;
    }
    .leadership-team-content .team_member .description p, .advisor_container .description p {
        font-size: 14px;
        line-height: 21px;
    }
    
    
    
    
    
    /* ------ Page: Our Growth History ------ */
    .timeline {
        max-width: 740px;
    }
    .cb-default-page .timeline .event p {
        font-size: 14px;
        line-height: 20px;
    }
    .timeline .event h4, .timeline .event .header h4 {
        font-size: 20px;
        line-height: 20px;
    }
    .timeline .event h4 .note {
        font-size: 18px;
        line-height: 20px;
    }
    .timeline .event .cb_left {
        width: 216px;
    }
    .timeline .event .cb_right {
        width: 90px;
    }
    .timeline .event:nth-child(2n) .cb_left {
        width: 90px;
    }
    .timeline .event:nth-child(2n) .cb_right {
        width: 216px;
    }
    .cb-default-page .timeline .event p.buslink_start {
        font-size: 18px;
    }
    
    /* Icons */
    .timeline .event .header .icon {
        width: 85px;
        height: 85px;
        top: -19px;
        left: 10px;
    }
    .timeline .event .service_icon {
        margin-top: -5px;
        width: 90px;
    }
    .timeline .icons_buses {
        background-size: 21px auto;
        height: 19px;
    }
    .timeline .icons_buses.w14 { width: 294px; }
    .timeline .icons_buses.w12 { width: 252px; }
    .timeline .icons_buses.w10 { width: 210px; }
    .timeline .icons_buses.w8 { width: 168px; }
    .timeline .icons_buses.w6 { width: 126px; }
    .timeline .icons_buses.w4 { width: 84px; }
    .timeline .icons_buses.w3 { width: 63px; }
    
    .timeline .icons_people {
        background-size: 80px auto;
        height: 24px;
    }
    .timeline .icons_people.w27 { width: 270px; }
    .timeline .icons_people.w21 { width: 210px; }
    .timeline .icons_people.w15 { width: 150px; }
    .timeline .icons_people.w11 { width: 110px; }
    .timeline .icons_people.w9 { width: 90px; }
    .timeline .icons_people.w6 { width: 60px; }
    .timeline .icons_people.w3 { width: 30px; }
    
    /* Dots */
    .timeline .event:after {
        right: -3.3%;
    }
    .timeline .event:nth-child(2n):after {
        left: -3.1%;
    }
    
    
    
    
    
    /* ------ Page: Your Bus Service ------ */
    .your_bus_service_infographic .ig_operation.nt {
        width: 45.6%;
    }
    .your_bus_service_infographic .ig_operation.qld {
        width: 30.4%;
    }
    .your_bus_service_infographic .ig_operation.sunraysia {
        width: 30.4%;
    }
    .your_bus_service_infographic .ig_operation.broken_hill {
        width: 15.2%;
    }
    
    .cb_bus_service_section.urban .urban_data h4 {
        font-size: 19px;
    }
    .cb_bus_service_section.schools .school_run_data_container {
        width: 740px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .cb_bus_service_section.schools .cb_container.extra_narrow {
        width: 700px;
    }
    
    
    
    /* Blog - Index page */
    #wrapper #main .cb_news .post h2 {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 6px;
    }
    .cb_news .post-content p {
        font-size: 14px;
        line-height: 23px;
    }
    .cb_news_sidebar .media_enquiries a {
        font-size: 13px;
    }
    
    /* Blog - Post page */
    #wrapper #main .cb_news .post.type-post h2 {
        font-size: 21px;
        margin-bottom: 12px;
    }
    
    /* Blog - Sidebar */
    body .sidebar.cb_news_sidebar .widget ul li a {
        font-size: 13px;
        line-height: 19px;
    }
}

@media only screen and (max-width: 767px) {
    .mobile_hide {
        display: none !important;
    }
    .mobile_show {
        display: block !important;
    }
    .mobile_show.inline_block {
        display: inline-block !important;
    }
    
    .placeholder {
        max-width: 500px;
        margin: 0 auto;
    }
    .cb_container, .cb_container.medium, .cb_container.narrow, .cb_container.extra_narrow {
        width: 500px !important;
    }
    .post-content {
        margin-bottom: 40px;
        margin-bottom: 0;
    }
    
    .required_message, .cb-default-page p.required_message {
        text-align: left;
        font-size: 14px;
    }
    
    .cb_news_page_title {
        padding-top: 20px;
    }
    
    /* Header */
    #header-sticky .logo, #header .logo {
        top: -10px;
    }
    #header .logo img, #header-sticky .logo img {
        width: 170px;
        width: 120px !important;
        height: auto !important;
        display: block;
        margin-left: 0;
        margin-right: auto;
    }
    
    
    #header-sticky, #header-sticky .sticky-shadow {
        height: 41px !important;
    }
    #header-sticky .mobile-menu-icons {
        display: block;
    }
    
    /* Footer */
    .footer-area .newsletter_signup_container {
        text-align: center;
        margin-bottom: 30px;
    }
    .footer_menu ul {
        text-align: center;
    }
    .footer_menu ul li {
        display: block;
        font-size: 15px !important;
        line-height: 28px !important;
    }
    .footer-area ul li a:after {
        content:"";
    }
    #footer {
        padding-top: 25px !important;
    }
    .copyright {
        text-align: center;
    }
    
    
    
    /* ------ CB - Homepage ------ */
    html.homepage #wrapper #main #homepage_container .avada-row {
        max-width: 500px;
    }
    #homepage_container .avada-row #background_caption {
        display: none;
    }
    #homepage_container h2 {
        font-size: 42px;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    #homepage_container .left_column .cb_content {
        font-size: 15px;
        line-height: 21px;
        padding: 15px 20px 0 20px;
    }
    #homepage_container .secondary_nav_button {
        width: 88px;
        height: 77px;
    }
    #homepage_container .secondary_nav_button.bus_service {
        left: 69px;
    }
    #homepage_container .secondary_nav_container .bus_service_container p {
        margin-top: 77px;
        margin-top: 0;
        padding-top: 68px;
    }
    #homepage_container .bus_service_container .bus_services_menu {
        left: -96px;
        /* left: 75px; */
    }
    #homepage_container .bus_service_container .bus_services_menu ul li a {
        text-align: right;
        padding-right: 12px;
        padding-left: 0;
    }
    #homepage_container .secondary_nav_container .charter_a_bus_container  p {
        margin-top: -7px;
    }
    
    #homepage_container .have_a_question_container h3 {
        font-size: 17px;
        line-height: 22px;
    }
    #homepage_container .avada-row .left_column {
        width: 100%;
        position: static;
        margin-bottom: 40px;
    }
    #homepage_container .avada-row .right_column {
        width: 100%;
        position: static;
        margin-top: -50px;
        margin-bottom: 20px;
    }
    
    html.homepage, 
    html.homepage body,
    html.homepage #wrapper, 
    html.homepage #wrapper #main,
    html.homepage #wrapper #main #homepage_container {
        height: auto;
    }
    #main {
        padding-bottom: 0 !important;
    }
    html.homepage #wrapper #main #homepage_container {
        padding: 70px 0 0 0;
    }
    html.homepage #wrapper #main #homepage_container .avada-row {
        position: static;
        height: auto;
        min-height: 500px;
    }
    .footer-area.homepage {
        position: static;
    }
    #footer.homepage {
        position: static;
    }
    
    /* mobile-specific layout changes */
    #homepage_container .right_column .secondary_nav_container {
        margin-top: 0;
    }
    #homepage_container .secondary_nav_container .cb_left, #homepage_container .secondary_nav_container .cb_right {
        float: none;
        width: 100%;
        width: 90px;
        min-height: 115px;
        right: 0;
        margin-right: 0;
        margin-left: auto;
        /*
        float: left;
        width: 33%;
        */
    }
    #homepage_container .secondary_nav_button.bus_service {
        left: 0;
        right: 0;
    }
    #homepage_container .have_a_question_container {
        display: none;
    }
    #homepage_container .right_column .cb_content.news_container {
        display: none;
    }
    
    /* ------ CB - Default Page ------ */
    .hero_image_container {
        background-size: 820px auto;
        height: 167px; /* 41.7% of height */
    }
    .cb_page_title {
        margin-top: 10px;
    }
    .cb-default-page h1 {
        font-size: 30px;
        line-height: 37px;
        margin-top: 6px;
        padding-bottom: 6px;
    }
    .cb-default-page h2 {
        font-size: 17px !important;
        line-height: 23px !important;
    }
    .cb_page_title img {
        width: 58px;
    }
    #content.cb-default-page p.intro, .cb-operations p.intro {
        font-size: 17px;
        line-height: 24px;
    }
    .cb-default-page p {
        font-size: 14px;
        line-height: 20px;
    }
    
    /* ------ CB - Thank-you Page ------ */
    .thank_you_page {
        padding: 0 20px;
    }
    
    /* ------ CB - Contact Page ------ */
    .locality_container {
        width: 500px;
    }
    .location {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 40px;
    }
    .location-content .map-canvas {
        width: 100%;
    }
    
    /* ------ CB - Got a bus service question? ------ */
    .gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
        float: none;
        width: 100%;
        margin-right: 0 !important;
        max-width: 100%;
    }
    .gform_wrapper .top_label .gfield_label {
        margin-top: 22px !important;
    }
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        width: 100%;
        box-sizing: border-box;
    }
    
    /* ------ Welcome to Buslink ------ */
    .welcome_to_buslink_page .cb_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .welcome_to_buslink_page .cb_right {
        width: 100%;
    }
    .cb-default-page .post-content .welcome_to_buslink_page h1 {
        padding-bottom: 6px;
    }
    .cb-default-page .welcome_to_buslink_page p {
        line-height: 23px;
    }
    .cb-default-page .welcome_to_buslink_page p.highlight {
        line-height: 27px;
    }
    .cb_left_welcome {
        float: left;
        width: 50%;
        margin-right: 5%;
    }
    .cb_right_welcome {
        float: right;
        width: 45%;
        position: absolute;
        left: 55%;
        bottom: 0;
    }
    .welcome_to_buslink_page .mobile-crop-height {
        max-height: 250px;
        overflow: hidden;
    }
    
    /* ------ Welcome to Buslink Page: Infographic ------ */
    #infographic {
        width: 100% !important;
    }
    .infographic_container .infographic_section {
        width: 500px;
    }
    .infographic_container .buslink_badge {
        width: 320px;
        height: 174px;
    }
    .post-content .infographic_container h4 {
        font-size: 26px;
    }
    .post-content .infographic_container h5 {
        font-size: 22px;
    }
    .post-content .welcome_to_buslink_page .infographic_container p {
        font-size: 22px;
    }
    .infographic_container .promise_container {
        width: 480px;
    }
    .infographic_container .ig_promise {
        width: 119.7037px;
        padding-top: 90px;
        font-size: 21px;
    }
    .infographic_container .ig_promise.operations {
        width: 120.8889px;
    }
    .infographic_container .pillars_container {
        width: 480px;
    }
    .infographic_container .ig_pillar {
        width: 160px;
        padding-top: 70px;
        padding-left: 0 !important;
    }
    .post-content .welcome_to_buslink_page .infographic_container .ig_pillar p {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        max-width: 70%;
        margin: 0 auto;
    }
    .infographic_container .ig_pillar.partnership_approach  { background: url('../img/ig_pillar_partnership_approach_mobile.png') no-repeat top center; }
    .infographic_container .ig_pillar.locally_focused       { background: url('../img/ig_pillar_locally_focused_mobile.png') no-repeat top center; }
    .infographic_container .ig_pillar.valuing_people        { background: url('../img/ig_pillar_valuing_people_mobile.png') no-repeat top center; }
    .infographic_container .ig_pillar.partnership_approach:hover    { background: url('../img/ig_pillar_partnership_approach_mobile.png') no-repeat top center; }
    .infographic_container .ig_pillar.locally_focused:hover         { background: url('../img/ig_pillar_locally_focused_mobile.png') no-repeat top center; }
    .infographic_container .ig_pillar.valuing_people:hover          { background: url('../img/ig_pillar_valuing_people_mobile.png') no-repeat top center; }
    .infographic_container .bus_modes_container {
        width: 480px;
    }
    .infographic_container .ig_bus_mode {
        width: 96px;
        padding-top: 78px;
        font-size: 18px;
        line-height: 22px;
    }
    .infographic_container .ig_operation.nt         { width: 75%; }
    .infographic_container .ig_operation.vivo       { width: 25%; }
    .infographic_container .ig_operation.qld        { width: 50%; }
    .infographic_container .ig_operation.sunraysia  { width: 50%; }
    .infographic_container .ig_operation.broken_hill{ width: 25%; }
    .infographic_container .ig_operation .ig_location {
        height: 170px;
    }
    .post-content .welcome_to_buslink_page .infographic_container .ig_operation.broken_hill p .smaller {
        font-size: 22px;
    }
    .infographic_container .mobile_row {
        float: left;
        width: 100%;
        float: none;
    }
    .infographic_container .ig_stat {
        width: 33.33%;
        margin: 0;
        padding: 10px;
        height: 120px;
        border-right: 3px solid #dadada;
    }
    .infographic_container .ig_stat:last-child {
        border-right-width: 0px;
    }
    
    /* ------ Page: Our Promise ------ */
    .our_promise_page .cb_col {
        float: none;
        margin: 0;
        margin-bottom: 35px;
    }
    .our_promise_page .cb_col.icon {
        width: 100%;
    }
    .our_promise_page .cb_col.copy {
        width: 100%;
    }
    .our_promise_page .cb_col.statistic {
        width: 100%;
        margin-top: 40px;
    }
    .our_promise_page .cb_col.icon img {
        width: 150px;
    }
    
    .cb-default-page .our_promise_page h2 {
        font-size: 26px !important;
        line-height: 26px !important;
        margin-top: -12px;
    }
    .cb-default-page .our_promise_page h4 {
        font-size: 24px !important;
    }
    .our_promise_page .cb_col.statistic p {
        font-size: 16px;
        line-height: 26px;
    }
    .cb-default-page .our_promise_page p {
        font-size: 14px;
        line-height: 23px;
    }
    .cb-default-page .our_promise_page ul li {
        font-size: 14px;
        line-height: 23px;
    }
    
    /* ------ Page: Our Pillars ------ */
    .our_pillars_page .pillars_container .cb_col {
        float: none;
        width: 100%;
        padding: 30px 0 0 0;
    }
    .our_pillars_page .pillars_container h3 {
        margin: 0 auto 10px auto;
        width: 240px;
        height: 136px;
        font-size: 24px;
        line-height: 27px;
        padding-top: 34px;
    }
    .our_pillars_page .pillars_container h3.partnership_approach    { padding-left: 71px; }
    .our_pillars_page .pillars_container h3.locally_focused         { padding-left: 102px; }
    .our_pillars_page .pillars_container h3.valuing_people          { padding-left: 106px; }
    
    
    /* ------ Page: Our bus operations ------ */
    .cb-operations {
        padding-top: 1px;
    }
    .cb-operations h1 {
        font-size: 30px;
        line-height: 37px;
        margin-top: 6px;
        padding-bottom: 6px;
    }
    .operations-location-content .statistics_container .clearfix {
        max-width: 500px;
    }
    .operations-location-content .statistics_container .statistic {
        width: 25%;
    }
    .operations-location-content .statistics_container .statistic.wide {
        width: 50%;
        margin-top: 12px;
    }
    .operations-location-content .statistics_container .statistic.hide_border_mobile {
        border-right-width: 0;
    }
    .operations_locations_container .cb_col {
        width: 100%;
        float: none;
    }
    .operations_locations_container .location_content .location_statistics {
        font-size: 14px;
        line-height: 18px;
    }
    .operations_locations_container .location_content .content p {
        line-height: 22px;
    }
    .operations_locations_container .location_content .cb_button {
        display: block;
        margin-bottom: 40px;
    }
    
    
    /* ------ Page Template: Your bus service ------ */
    .cb_bus_service_section .section_icon {
        width: 92px !important;
    }
    .cb_bus_service_section h3 {
        font-size: 30px;
    }
    .cb_bus_service_section.urban, .cb_bus_service_section.urban p,
    .cb_bus_service_section.schools p,
    .cb_bus_service_section.special_needs p:first-child,
    .cb_bus_service_section.charter p,
    .cb_bus_service_section.employees p:first-child,
    .cb_bus_service_section .christmas_message_2017.schools h4 {
        font-size: 17px;
        line-height: 24px;
    }
    .cb_bus_service_section .cb_left {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .cb_bus_service_section .cb_right {
        float: none;
        width: 100%;
    }
    .cb_bus_service_section.urban {
        margin-top: 0;
    }
    .cb_bus_service_section.urban .urban_dropdown {
        max-width: 500px;
        font-size: 15px;
    }
    .cb_bus_service_section.urban .urban_data h4 {
        font-size: 18px;
    }
    .cb_bus_service_section.urban .stops_indicator {
        margin-bottom: 20px;
    }
    .cb_bus_service_section.urban .stops_indicator .buses {
        display: none;
    }
    .cb_bus_service_section.urban .stops_indicator .stop {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        background: url('../img/icon_bus_green_mobile.png') no-repeat top center;
        -webkit-background-size: 32px auto !important;
        background-size: 32px auto !important;
        padding-top: 33px;
    }
    .cb_bus_service_section.urban .stops_indicator p {
        margin-bottom: 0;
    }
    .cb_bus_service_section.urban .stops_indicator .divider {
        height: 13px;
        width: 4px;
        margin: 3px 0 5px 0;
    }
    .cb_bus_service_section.urban .timetables table.timetable {
        margin-left: 35%;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .cb_bus_service_section.urban .timetables .pinned table.timetable {
        margin-left: 0;
    }
    .cb_bus_service_section.urban .timetables div.table-wrapper {
        margin-bottom: 40px;
    }
    .cb_bus_service_section.urban .timetables table.timetable th {
        font-size: 14px;
        padding-left: 5px;
    }
    .cb_bus_service_section.urban .timetables table.timetable th.description {
        padding-left: 13px;
    }
    
    .cb_bus_service_section.urban .timetables table.timetable td {
        height: 30px;
    }
    .cb_bus_service_section.urban .timetables table.timetable td.symbols_empty {
        height: 17px;
    }
    .cb_bus_service_section.urban .timetables table.timetable td.spacer {
        height: 2px;
    }
    .cb_bus_service_section.urban .timetables table.timetable td.first {
        border-left-width: 0;
    }
    .cb_bus_service_section.urban .timetables table.timetable td.symbols.empty {
        height: 24px;
    }
    
    
    .cb_bus_service_section .cb_button_badge, .cb_bus_service_section .cb_button_badge.schools {
        position: initial;
        width: 100%;
        border-radius: 10px;
        margin: 15px 0 5px 0;
        padding: 15px 25px 18px 25px;
        background-position: 95% center !important;
        height: auto;
        text-align: left;
        font-size: 16px;
        line-height: 16px;
        -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.3);
    }
    .cb_bus_service_section .cb_button_badge.schools  {
        margin: 5px 0 20px 0;
        display: none;
    }
    .cb_bus_service_section.schools p.smaller_note {
        font-size: 15px;
        line-height: 23px;
    }
    .cb_bus_service_section.schools .school_run_data_container {
        width: 540px;
        margin-left: -20px;
    }
    .cb_bus_service_section.schools .school_run_list h4 {
        margin-bottom: 15px;
        font-size: 17px;
        line-height: 24px;
    }
    .cb_bus_service_section.schools .school_run_list h5 {
        margin-top: 15px;
        margin-bottom: 3px;
    }
    .cb_bus_service_section.schools .school_runs {
        padding: 7px 0;
    }
    .cb_bus_service_section.schools .school_runs li a {
        font-size: 14px;
    }
    .cb_bus_service_section.schools .school_run_data h4 {
        margin-top: 30px;
    }
    .cb_bus_service_section.schools .run_time_header {
        padding-left: 20px;
    }
    .cb_bus_service_section.schools .run_data_row {
        padding: 4px 0;
    }
    .cb_bus_service_section.schools .col.time {
        padding-left: 20px;
        width: 20%;
    }
    .cb_bus_service_section.schools .col.description {
        width: 80%;
        padding-right: 20px;
    }
    .cb_bus_service_section.schools .schools_indicator {
        margin-bottom: 20px;
    }
    .cb_bus_service_section.schools .schools_indicator .buses {
        display: none;
    }
    .cb_bus_service_section.schools .schools_indicator .school {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        background: url('../img/icon_bus_yellow_mobile.png') no-repeat top center;
        -webkit-background-size: 32px auto !important;
        background-size: 32px auto !important;
        padding-top: 33px;
    }
    .cb_bus_service_section.schools .schools_indicator p {
        margin-bottom: 0;
    }
    .cb_bus_service_section.schools .schools_indicator .divider {
        height: 13px;
        width: 4px;
        margin: 3px 0 5px 0;
    }
    .cb_bus_service_section.schools .col {
        font-size: 14px;
        line-height: 23px;
    }
    
    /* Sunshine Coast schools */
    .cb_bus_service_section.schools .sc_schools .col.description {
        width: 80%;
        padding-right: 0;
    }
    .cb_bus_service_section.schools .sc_schools .cb_left {
        margin-bottom: 0;
        float: left;
    }
    .cb_bus_service_section.schools .sc_schools .cb_right {
        float: left;
    }
    .school_run_data_container.sc_schools h4 {
        font-size: 18px;
    }
    
    /* Bus safety */
    .cb_bus_service_section .schools_extra_content .bus_safety .cb_right {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .cb_bus_service_section .schools_extra_content .bus_safety h4 {
        font-size: 19px;
        text-align: center;
    }
    
    /* Schools assistance */
    .cb_bus_service_section.schools .schools_assistance h3 {
        font-size: 19px;
    }
    .cb_bus_service_section.schools .schools_assistance p {
        font-size: 15px;
        line-height: 23px;
    }
    .cb_bus_service_section.schools .schools_assistance .cb_button {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .schools_assistance .cb_icon {
        width: 92px !important;
    }
    
    .cb_bus_service_section.charter .section_content img {
        width: 100%;
        max-width: 100%;
    }
    .cb_bus_service_section.charter ul {
        
    }
    .cb_bus_service_section.charter ul li {
        display: block;
        margin: 0;
        text-align: center;
    }
    .cb_bus_service_section.charter ul li:before {
        display: block;
        padding: 5px 0;
    }
    .cb_bus_service_section.special_needs p {
        font-size: 14px;
        line-height: 23px;
    }
    .cb_bus_service_section.employees p {
        font-size: 15px;
        line-height: 23px;
    }
    .cb_bus_service_section.employees .breakout_box {
        margin-top: 30px;
    }
    .cb_bus_service_section.employees .breakout_box p {
        font-size: 15px;
        line-height: 23px;
    }
    .cb_bus_service_section.employees .cb_left {
        text-align: center;
    }
    .cb_bus_service_section.employees form {
        max-width: 100%;
        width: 100%;
    }
    .cb_bus_service_section.buslink_way p {
        font-size: 17px;
        line-height: 24px;
    }
    
    
    
    /* ------ Page: Our Leadership Team ------ */
    .leadership-team-content .cb_col {
        float: none;
        width: 100%;
        margin-bottom: 25px;
        margin-right: 0;
    }
    .advisor_container .cb_left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
    }
    .advisor_container .cb_right {
        width: 100%;
        float: none;
    }
    
    
    
    /* ------ Page: Charter a Bus ------ */
    .post-content .charter_page h3 {
        font-size: 23px;
    }
    .cb-default-page .charter_page h2.header {
        font-size: 31px;
    }
    .charter_page .charter_image {
        width: 100%;
    }
    .charter_page .charter_select {
        width: 100%;
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .charter_page ul.benefits {
        padding-left: 0;
    }
    .charter_page ul.benefits li {
        display: block;
        margin: 0;
    }
    .charter_page ul.benefits li:before {
        display: block;
        padding: 5px 0;
    }
    
    
    
    /* ------ Page: Working with us ------ */
    #main .post-content .working_with_us_page h3 {
        font-size: 22px;
        line-height: 26px;
        max-width: 90%;
    }
    .working_with_us_page .role {
        margin-bottom: 50px;
    }
    .working_with_us_page .role img {
        width: 100%;
    }
    .working_with_us_page .cb_left {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .working_with_us_page .cb_right {
        float: none;
        width: 100%;
    }
    .working_with_us_page .career_opportunities .cb_right h4 {
        font-size: 23px;
        line-height: 26px;
    }
    .working_with_us_page .career_opportunities .cb_right p,
    .working_with_us_page .career_opportunities .cb_right ul li {
        font-size: 14px;
        line-height: 20px;
    }
    
    
    .job_vacancies_desktop {
        display: none;
    }
    .job_vacancies_mobile {
        display: block;
    }
    /*
    .job_vacancies th {
        font-size: 13px;
    }
    .job_vacancies th,.job_vacancies td {
        padding: 7px;
    }
    .job_vacancies td {
        font-size: 14px;
        line-height: 20px;
    }
    .job_vacancies th.apply_column {
        width: 150px;
    }
    .job_vacancies td.apply_column {        
        -ms-word-break: break-all;
        word-break: break-all;

        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    .job_vacancies td {
        font-size: 12px;
        line-height: 18px;
    }
    
    .job_vacancies_container .cb_col {
        float: none;
        width: 100% !important;
        padding: 5px 15px;
    }
    .job_vacancies_header .cb_col {
        padding: 15px;
    }
    .job_vacancies_header .col_loc, .job_vacancies_header .col_apply, .job_vacancies_header .col_pdf {
        display: none;
    }
    .job_vacancies_div .clearfix {
        padding: 12px 0;
        border-bottom-width: 0;
    }
    */
    
    /* Page: Your Bus Service */
    .your_bus_service_infographic .ig_operation.nt         { width: 75%; margin-left: 12%; margin-left: 0; }
    .your_bus_service_infographic .ig_operation.qld        { width: 50%; }
    .your_bus_service_infographic .ig_operation.sunraysia  { width: 50%; }
    .your_bus_service_infographic .ig_operation.broken_hill { width: 25%; }
    .your_bus_service_infographic .ig_operation .ig_location {
        height: 170px;
    }
    .post-content .your_bus_service_infographic .ig_operation.broken_hill p .smaller {
        font-size: 22px;
    }
    
    
    
    
    
    /* ------ Page: Our Growth History ------ */
    .growth_history {
        margin: 0 auto;
        max-width: 500px;
        background-position: 95.1% top;
    }
    .timeline {
        max-width: 500px;
        background-position: 93% 0;
    }
    .timeline_bus_icon {
        width: 100%;
        background-position: 100.4% top;
    }
    
    /* Event containers */
    .timeline .event, .timeline .event:nth-of-type(2n) {
        float: none;
        margin: 20px 0 75px 7.5px !important;
        width: 91%;
        text-align: right;
        background-position: top right;
    }
    .cb-default-page .timeline .event:nth-of-type(2n) p {
        text-align: right;
    }
    .timeline .event:nth-child(2n) .cb_content {
        margin-left: 0;
        margin-right: 30px;
    }
    .timeline .event:nth-child(2n) .cb_left {
        float: right;
    }
    .timeline .event .cb_left, .timeline .event:nth-child(2n) .cb_right {
        float: left;
        width: 314px;
    }
    
    /* Headers */
    .timeline .event:nth-child(2n) .header {
        text-align: right;
    }
    .timeline .event h4 .note {
        line-height: 62px;
    }
    
    
    /* Icons */
    .inline_icons_container {
        margin-top: 0;
    }
    .timeline .event:nth-child(2n) .header .icon {
        right: auto;
        left: 10px;
    }
    .timeline .event:nth-child(2n) .service_icon {
        margin-left: 0;
        margin-right: -20px;
    }
    .timeline .event:nth-child(2n) .icons_buses, .timeline .event:nth-child(2n) .icons_people {
        margin-left: auto;
        margin-right: 0;
    }
    .timeline .event .cb_left .service_icon, .timeline .event .cb_right .service_icon {  
        margin-top: -6px;
        margin-right: -5px;
    }
    
    /* Dots */
    .timeline .event:after {
        right: -2.9%;
    }
    .timeline .event:nth-child(2n):after {
        right: -3%;
        left: auto;
    }
    
    
    /* Blog - Index page */
    .cb_news .post-content-container {
        float: none;
        width: 100%;
    }
    
    /* Blog - Sidebar */
    .cb_news_sidebar .media_enquiries {
        padding: 20px 15px;
    }
    .cb_news_sidebar .media_enquiries h4 {
        margin: 5px 0 10px 0;
    }
    
    /* Blog - Index page */
    .post .blog-medium-slideshow-container {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }
    #main .cb_news .post h2 a {
        font-size: 22px;
    }
    .sidebar {
        margin-top: 60px !important;
    }
    
    
    /* Privacy & Terms */
    .cb-default-page .post-content .privacy_terms h2 {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    .post-content .privacy_terms h3 {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 12px;
    }
    .privacy_terms ul {
        padding-left: 30px;
    }
    .privacy_terms ul li {
        font-size: 14px;
        line-height: 20px;
    }
    
}

@media only screen and (max-width: 525px) {
    .placeholder {
        max-width: 460px;
        margin: 0 auto;
    }
    .cb_container, .cb_container.medium, .cb_container.narrow, .cb_container.extra_narrow {
        width: 460px !important;
    }
    
    /* ------ CB - Homepage ------ */
    html.homepage #wrapper #main #homepage_container .avada-row {
        max-width: 460px;
    }
    #homepage_container h2 {
        font-size: 40px;
    }
    /*
    #homepage_container .secondary_nav_button.bus_service {
        left: 58px;
    }
    #homepage_container .bus_service_container .bus_services_menu {
        left: -36px;
    }
    */
    /* ------ CB - Default Page ------ */
    .hero_image_container {
        background-size: 755px auto;
        height: 153px; /* 38.3% of height */
    }
    
    /* ------ CB - Contact Page ------ */
    .locality_container {
        width: 460px;
    }
    
    
    /* ------ Welcome to Buslink Page: Infographic ------ */
    .infographic_container .infographic_section {
        width: 460px;
    }
    .infographic_container .promise_container {
        width: 440px;
    }
    .infographic_container .ig_promise {
        width: 109.7284px;
    }
    .infographic_container .ig_promise.operations {
        width: 110.8148px;
    }
    .infographic_container .pillars_container {
        width: 440px;
    }
    .infographic_container .ig_pillar {
        width: 146.66px;
        padding-top: 65px;
        height: 135px;
    }
    .infographic_container .bus_modes_container {
        width: 440px;
    }
    .infographic_container .ig_bus_mode {
        width: 88px;
    }
    
    
    /* ------ Page: Our bus operations ------ */
    .operations-location-content .statistics_container .clearfix {
        max-width: 460px;
    }
    .operations-location-content .locality h3 {
        max-width: 460px;
    }
    .operations-location-content .statistics_container .statistic,
    .operations-location-content .statistics_container .statistic.wide {
        width: 100%;
        margin-bottom: 8px;
        margin-top: 0;
        height: auto;
        border-right-width: 0;
        text-align: center;
    }
    .operations-location-content .statistics_container .statistic .number {
        display: inline-block;
        margin: 0;
    }
    .operations-location-content .statistics_container .statistic .label {
        display: inline-block;
        line-height: 26px;
        margin: 0;
        vertical-align: text-bottom;
    }
    
    
    
    
    /* ------ Page: Your bus service ------ */
    .bus_service h1 {
        font-size: 15px;
        width: 200px;
        padding: 4px 20px;
    }
    .cb_bus_service_section .section_icon {
        width: 75px !important;
    }
    .cb_bus_service_section h3 {
        font-size: 20px;
        padding-bottom: 2px;
    }
    .cb_bus_service_section.urban, .cb_bus_service_section.urban p,
    .cb_bus_service_section.schools p,
    .cb_bus_service_section.special_needs p:first-child,
    .cb_bus_service_section.charter p,
    .cb_bus_service_section.employees p:first-child {
        font-size: 17px;
        line-height: 24px;
    }
    .cb_bus_service_section.schools .school_run_data_container {
        width: 500px;
    }
    
    .cb_bus_service_section.schools .schools_extra_content p {
        font-size: 15px;
    }
    
    /* Bus safety */
    .cb_bus_service_section .schools_extra_content .bus_safety h4 {
        font-size: 19px;
    }
    
    /* Schools assistance */
    .schools_assistance .cb_icon {
        width: 75px !important;
    }
    
    .cb_bus_service_section.employees .breakout_box p {
        font-size: 15px;
        line-height: 23px;
    }
    .cb_bus_service_section.special_needs p {
        font-size: 14px;
        line-height: 23px;
    }
    .cb_bus_service_section ul li {
        font-size: 14px;
        line-height: 23px;
    }
    .cb_bus_service_section .cb_button {
        width: 100%;
    }
    
    .cb_bus_service_section.urban .urban_dropdown {
        font-size: 13px;
        max-width: 460px;
    }
    
    .cb_bus_service_section.urban .timetables table.timetable th {
        line-height: 18px;
    }
    .cb_bus_service_section.urban .timetables table.timetable th, 
    .cb_bus_service_section.urban .timetables table.timetable td, 
    .cb_bus_service_section.urban .timetables table.timetable th.description,
    .cb_bus_service_section.urban .timetables table.timetable td.description {
        font-size: 11px;
        padding: 7px 3px;
        padding-left: 3px;
    }
    .cb_bus_service_section.urban .timetables table.timetable th.description,
    .cb_bus_service_section.urban .timetables table.timetable td.description {
        padding-left: 5px;
    }
    
    
    
    
    /* ------ Page: Our Growth History ------ */
    .timeline {
        max-width: 460px;
    }
    .growth_history {
        background-position: 95.2% top;
    }
    .timeline_bus_icon {
        width: 100%;
        background-position: 101.1% top;
    }
    .cb-default-page .timeline .event p {
        font-size: 13px;
        line-height: 22px;
    }
    
    /* Event containers */
    .timeline .event .cb_left, .timeline .event:nth-child(2n) .cb_right {
        width: 275px;
    }
    
}

@media only screen and (max-width: 479px) {
    .placeholder {
        max-width: 300px;
        margin: 0 auto;
    }
    .cb_container, .cb_container.medium, .cb_container.narrow, .cb_container.extra_narrow {
        width: 300px !important;
    }
    
    #header {
        padding-left: 10px !important; 
    }
    
    /* ------ CB - Homepage ------ */
    html.homepage #wrapper #main #homepage_container .avada-row {
        max-width: 300px;
    }
    #homepage_container h2 {
        font-size: 28px;
        line-height: 38px;
        padding-left: 10px;
    }
    #homepage_container .left_column .cb_content {
        font-size: 13px;
        line-height: 18px;
        padding: 12px 15px 0 15px;
    }
    /*
    #homepage_container .secondary_nav_button.bus_service {
        left: 18px;
    }
    #homepage_container .bus_service_container .bus_services_menu {
        left: 65px;
    }
    */
    #homepage_container .bus_service_container .bus_services_menu ul li {
        padding-left: 0;
        padding-right: 15px;
    }
    
    /* ------ CB - Default Page ------ */
    .hero_image_container {
        background-size: 497px auto;
        height: 100px; /* 25% of height */
    }
    
    /* ------ CB - Contact Page ------ */
    .locality_container {
        width: 300px;
    }
    
    
    /* ------ Welcome to Buslink Page ------ */
    .welcome_to_buslink_page .mobile-crop-height {
        max-height: 150px;
        overflow: hidden;
    }
    .cb-default-page .welcome_to_buslink_page .cb_right_welcome p {
        font-size: 13px;
        line-height: 17px;
    }
    
    
    /* ------ Welcome to Buslink Page: Infographic ------ */
    .infographic_container .infographic_section {
        width: 300px;
    }
    .infographic_container .buslink_badge {
        width: 260px;
        height: 142px;
    }
    .post-content .infographic_container h4 {
        font-size: 24px;
        line-height: 26px;
    }
    .post-content .infographic_container h5 {
        font-size: 17px;
        line-height: 24px;
    }
    .post-content .welcome_to_buslink_page .infographic_container p {
        font-size: 17px;
        line-height: 24px;
    }
    .infographic_container .promise_container {
        width: 300px;
    }
    .infographic_container .ig_promise {
        width: 74.8148px;
        padding-top: 60px;
        font-size: 13px;
    }
    .infographic_container .ig_promise.operations {
        width: 75.5556px;
    }
    .infographic_container .pillars_container {
        width: 300px;
    }
    .infographic_container .ig_pillar {
        width: 100px;
        padding-top: 40px;
        height: 90px;
    }
    .post-content .welcome_to_buslink_page .infographic_container .ig_pillar p {
        font-size: 13px;
        line-height: 15px;
    }
    .infographic_container .bus_modes_container {
        width: 300px;
    }
    .infographic_container .ig_bus_mode {
        width: 60px;
        font-size: 13px;
        line-height: 15px;
        padding-top: 50px;
    }
    .infographic_container .ig_operation .ig_location {
        height: 100px;
    }
    .post-content .welcome_to_buslink_page .infographic_container .ig_operation p,
    .post-content .welcome_to_buslink_page .infographic_container .ig_operation.broken_hill p .smaller {
        font-size: 13px;
        line-height: 15px;
    }
    .infographic_container .ig_stat {
        height: 90px;
    }
    .infographic_container .ig_stat .ig_number {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .post-content .welcome_to_buslink_page .infographic_container .ig_stat p {
        font-size: 13px;
        line-height: 15px;
    }
    
    
    /* ------ Page: Our bus operations ------ */
    .operations-location-content .statistics_container .clearfix {
        max-width: 300px;
    }
    .operations-location-content .locality h3 {
        max-width: 300px;
        font-size: 21px;
    }
    .operations_locations_container .location_content .location_services {
        top: -22px;
    }
    .operations_locations_container .location_services .service {
        width: 53px;
        padding-top: 47px;
    }
    .operations_locations_container .location_services .service p {
        font-size: 11px;
        line-height: 14px;
    }
    
    /* Page: Our leadership team */
    #main .leadership-team-content h2 {
        width: 280px;
    }
    
    
    
    /* ------ Page: Working with us ------ */
    #main .post-content .working_with_us_page h3 {
        font-size: 19px;
        line-height: 23px;
        max-width: 90%;
    }
    
    
    
    /* Page Template: Your Bus Service */
    .cb_bus_service_section .cb_button_badge, .cb_bus_service_section .cb_button_badge.schools {
        font-size: 13px;
        line-height: 13px;
        padding-left: 15px;
        padding-right: 55px;
    }
    .cb_bus_service_section.schools .col.time {
        width: 25%;
    }
    .cb_bus_service_section.schools .col.description {
        width: 75%;
    }
    .cb_bus_service_section.schools .sc_schools_dropdown {
        font-size: 12px;
        padding-left: 4px;
        padding-right: 4px;
    }
    .cb_bus_service_section.schools .sc_schools .col.description {
        width: 75%;
    }
    .cb_bus_service_section.schools .sc_schools .cb_left, .cb_bus_service_section.schools .sc_schools .cb_right {
        width: 100%;
        float: none;
    }
    
    .cb_bus_service_section.urban .urban_dropdown {
        max-width: 300px;
    }
    .cb_bus_service_section.urban .urban_data h4 {
        font-size: 15px;
        line-height: 23px;
    }
    
    
    
    /* Page: Your Bus Service */
    .your_bus_service_infographic .ig_operation .ig_location {
        height: 100px;
    }
    .post-content .your_bus_service_infographic .ig_operation p {
        font-size: 17px;
        line-height: 21px;
    }
    .post-content .your_bus_service_infographic .ig_operation.broken_hill p .smaller {
        font-size: 13px;
    }
    .cb_bus_service_section.buslink_way h3.buslink_way_badge {
        height: 159px;
        width: 90%;
        margin-top: 0;
    }
    
    
    .cb_bus_service_section.schools .school_run_data_container {
        width: 340px;
    }
    
    
    
    
    
    /* ------ Page: Our Growth History ------ */
    .timeline {
        max-width: 300px;
        background-position: 93% 0;
    }
    .growth_history {
        background-position: 96.2% top;
    }
    .timeline_bus_icon {
        background-position: 100.6% top;
        background-size: 50px auto;
    }
    .cb-default-page .timeline .event:nth-of-type(2n) p {
        /* font-size: 15px; */
    }
    
    /* Event containers */
    .timeline .event, .timeline .event:nth-of-type(2n) {
        width: 91%;
    }
    .timeline .event .cb_content, .timeline .event:nth-child(2n) .cb_content {
        margin-right: 12px;
    }
    .timeline .event .cb_left, .timeline .event:nth-child(2n) .cb_right {
        width: 170px;
    }
    .timeline .event .cb_right, .timeline .event:nth-child(2n) .cb_left {
        width: 70px;
    }
    
    /* Headers */
    .timeline .event .header {
        padding-left: 15px;
        padding-right: 15px;
    }
    .timeline .event h4, .timeline .event .header h4 {
        font-size: 16px;
        line-height: 17px;
    }
    .timeline .event h4 .note {
        font-size: 14px;
    }
    
    /* Icons */
    .timeline .event .header .icon, .timeline .event:nth-child(2n) .header .icon {
        width: 80px;
        height: 80px;
        top: -18px;
        left: 5px;
    }
    .timeline .event .cb_left .service_icon, .timeline .event .cb_right .service_icon {
        margin-right: 0 !important;
    }
    .timeline .event .service_icon, .timeline .event:nth-child(2n) .service_icon {
        margin-top: 1px;
        width: 70px;
        margin-right: -13px;
    }
    .timeline .icons_buses {
        background-size: 17px auto;
    }
    .timeline .icons_buses.w14 { width: 238px; }
    .timeline .icons_buses.w12 { width: 204px; }
    .timeline .icons_buses.w10 { width: 170px; }
    .timeline .icons_buses.w8 { width: 136px; }
    .timeline .icons_buses.w6 { width: 102px; }
    .timeline .icons_buses.w4 { width: 68px; }
    .timeline .icons_buses.w3 { width: 51px; }
    
        
    .timeline .icons_people {
        background-size: 68px auto;
    }
    .timeline .icons_people.w27 { width: 230px; }
    .timeline .icons_people.w21 { width: 179px; }
    .timeline .icons_people.w15 { width: 127px; }
    .timeline .icons_people.w11 { width: px; }
    .timeline .icons_people.w9 { width: 94px; }
    .timeline .icons_people.w6 { width: 51px; }
    .timeline .icons_people.w3 { width: 26px; }
}



/**
 * Overriding Avada's styling: header changes between 768px & 800px, odd mobile styling, ipad-specific styling
 */

@media only screen and (max-width: 800px) {
    .mobile-nav-holder, .mobile-topnav-holder {
        display: none !important;
    }
    .nav-holder ul, .rtl .header-v5 #nav > ul {
        display: block !important;
    }
    .mobile-menu-design-modern #header .mobile-menu-icons, .mobile-menu-design-modern #side-header .mobile-content {
        display: none !important;
    }
    #header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #header-sticky .nav-holder, #header .nav-holder {
        float: right !important;
    }
    .hero_image_spacer {
        height: 55px;
    }    
}
@media only screen and (max-width: 767px) {
    .mobile-nav-holder, .mobile-topnav-holder {
        display: block !important;
    }
    .nav-holder ul, .rtl .header-v5 #nav > ul {
        display: none !important;
    }
    .mobile-menu-design-modern #header .mobile-menu-icons, .mobile-menu-design-modern #side-header .mobile-content {
        display: table-cell !important;
    }
    #header-sticky .nav-holder, #header .nav-holder {
        float: none !important;
    }
    #header {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .sticky-header .sticky-shadow {
        padding-left: 10px !important;
    }
    
}
@media only screen and (max-device-width: 640px) and (min-device-width: 320px) {
    #homepage_container #content {
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-device-width: 1366px) and (min-device-width: 768px) and (orientation: portrait) {
    .footer-area .fusion-columns-2 .fusion-column {
        float: none !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
}


/* Blank responsive breakpoints */
@media only screen and (max-width: 1199px) {
    
}
@media only screen and (max-width: 959px) {
    
}
@media only screen and (max-width: 767px) {
    
}
@media only screen and (max-width: 525px) {
    
}
@media only screen and (max-width: 479px) {
    
}