/* Responsive style for GRS */

/* Tablet breakpoint */
@media(max-width: 1167px) {
    ul.main_menu li {
        font-size: 13px;
    }
    ul.main_menu.join_training {
        margin: 0px 100px 0px 0px;
    }
    .extra_menu {
        font-size: 14px;
    }
    .header_style .inner_container {
        width:  96%;
        margin: auto;
    }
    nav {
        padding-left:  24px;
/*        padding-right: 24px;    */
    }

/*
    .nav_sticky {
        z-index:        999;
        position:       fixed;
        top:            92px;
        width:          100%;
        padding-bottom: 5px;
    }
*/

    nav .inner_container {
        width:  100%;
        margin: auto;
    }
    div.nav_cart {
        margin-right: 26px;
    }

    .nav_menu ul.main_menu li {
        margin-left:  0px;
        margin-right: 4%;
    }
    .extra_menu ul.main_menu li {
        margin: 0 0 0 1%;
    }
    .cart_total {
        right: 12px;
    }
    #banner {
        height: 184px;
    }
    #banner #inner_banner #banner_text {

        margin-left: 16px;
        line-height: 48px;
        font-size:   36px;
        bottom:      32px;
    }
    .main_content {
        padding-left:  32px;
        padding-right: 32px;
    }

    .search_title {
        padding-right: calc( 100vw / 21.0 );
    }

    .search_checkbox {
        padding-right: calc( 100vw / 21.0 );
    }

    .search_field {
        padding-right: 8px;
    }

    div #main_content.main h1 {
        padding-left: 32px;
    }
    
    div #main_content.main #seminar_title h1 {
        padding-left: 0px;
    }
    
    div #breadcrumbs {
        padding-left: 32px;
    }

    .main_heading {
        padding-left: 12px;
    }

    .page_heading {
        padding-left: 24px;
    }

    .event_type_header {
        padding-left: 12px;
    }

    #cart #seminars {
/*        min-height: 600px;    */
        min-height: 500px;
    }

    #seminar_summary_image {
        float:      left;
        width:      100%;
        box-sizing: border-box;
    }

    #seminar_summary_info {
        position:   relative;
        width:      100%;
        max-width:  100%;
        box-sizing: border-box;
    }

    #seminar_summary_info_text {
        padding-right: 16px;
    }

    #seminar_summary_price {
        position:     relative;
        width:        100%;
        box-sizing:   border-box;
        padding-left: 24px;
        min-height:   104px;
    }

    .sem_price_gst {
        padding-top: 8px;
        font-size:   12px;
        text-align:  left;
    }

    .sem_price_label {
        display:       inline;
        padding-top:   8px;
        padding-right: 8px;
        font-weight:   600;
        text-align:    left;
    }

    .sem_price_value {
        display:       inline;
        padding-top:   16px;
        padding-right: 16px;
        color:         #000000;
        font-weight:   600;
        text-align:    left;
    }

    .seminar_btn {
        right:  0px;
    }

    .seminar_info {
        height: 96px;
    }

    .cart_button {
        font-size: 16px;
    }

    #support_test {
        margin-left: 16px;
    }

    .support_guides {
        padding-left: 32px;
    }

    .footer_copyright {
    }
}

@media(max-width: 1136px) {
    .inner_container {
        width: 100%;
    }
    .wrapper .inner_container {
        width: 100%;
    }
    #banner #inner_banner {
        width: 100%;
    }

    #cart #seminars {
        width:      62.5%;
    }

/*
    #cart #seminars {
        width: 60%;
    }
    #cart #summary {
        width: 40%;
    }
*/
}


@media(max-width: 980px) {
    #banner #inner_banner #banner_text {
        bottom:      32px;
    }
/* put seminars on top of summary in cart */
    #cart #seminars {
        width:      100%;
        float:      none;
        min-height: 480px;
    }

    #cart #summary {
        position: relative;
        width:      100%;
        float:      none;
        min-height: 660px;
        padding:    8px 48px 32px 0px;
    }

    #summary_navigation {
        width: calc( 100% - 64px );
    }

    #cart_navigation {
        width: calc( 100% - 64px );
    }

    #seminar_bottom {
        height: 0px;
    }

    .search_field input {
        width:               calc( 100vw / 3.5 );
/*        background-position: 222px 9px;    */
        background-position: 96% 9px;
    }

    .nav_menu ul.main_menu li {
        margin-right: 1%;
        font-size:    11px;
    }

    #times_australia {
        padding-right:  5%;
        padding-bottom: 24px;
    }
    .support_heading {
        padding-bottom: 0px;
    }
    #support_contact {
        width: 100%;
    }

    .h2_spacer {
        height: 4px;
    }
    .footer_links {
        padding-top: 16px;
    }
    .footer_copyright {
        padding-top: 28px;
    }
}


@media(max-width: 768px) {
    .cahoot_logo {
        display: none;
    }

    header.header_style .header_cart {
        display:        block;
        float:          right;
        backgound-color: #FFFFFF;
        margin-right:   -15px;
        padding-top:    36px;
        padding-bottom: 24px;
    }

    header .header_cart a {
        padding-left:   8px;
        padding-bottom: 19px;
    }

    header .header_cart a img {
        padding-left:  16px;
        padding-right: 16px;
    }

    .nav_cart {
        display: none;
    }

    .cart_total {
        right:  26px;
        bottom: 22px;
    }

    .nav_menu {
        width: 70%;
    }
    .extra_menu {
        width:         27%;
        padding-right: 12px;
    }

    .nav_sticky {
/*    padding-bottom: 0px;    */
    }

    .search_title {
        padding-right: 0;
        display:       none;
    }

    .search_checkbox {
        font-size: 14px;
    }

    .search_field input {
        font-size: 14px;
    }

    .nav_menu ul.main_menu {
        margin-left:  -16px;
    }

    .nav_menu ul.main_menu li {
        font-size:    11px;
    }

    ul.main_menu.join_training li {
        margin-right: 4px;
        font-size:    11px;
    }

    ul.main_menu li.active a {
        padding: 0px 0px 13px 0px;
    }

    ul.main_menu.join_training {
        border-style:  none;
        margin-right:  0px;
        padding-right: 12px;
    }
    #banner {
        height: 148px;
    }
    #banner #inner_banner #banner_text {
        bottom:      16px;
        margin-left: 16px;
        line-height: 36px;
        font-size:   28px;
    }
    .main_content {
        padding-left:  24px;
        padding-right: 24px;
    }

    div #main_content.main h1 {
        padding-left: 24px;
    }
    
    div #breadcrumbs {
        padding-left: 24px;
    }

/*
    #seminar_summary {
        margin-top: 8px;
    }
*/

    .icon_box {
        margin-top: -13px;
    }

    .seminar_icon {
        top: 10px;
    }
    .seminar_text {
        margin-top: 6px;
        top:        0px;
    }

    .title {
        font-size: 16px;
    }

    .seminar_desc {
        position:    relative;
        top:         0px;
        font-size:   13px;
        line-height: 20px;
        padding:     7px 16px 7px 16px;
    }

    .sem_price_label {
        display:       block;
        float:         left;
        padding-top:   0px;
        padding-right: 0px;
    }
    .sem_price_value {
        display:       block;
        float:         right;
        padding-top:   0px;
        padding-right: 0px;
    }
    .seminar_btn {
        right:  0px;
        bottom: -16px;
    }

    #seminar_details_info {
        width: 95%;
    }

    #seminar_details_price {
        width:       95%;
        max-width:   360px;
        margin-left: 0px;
        padding:     16px 16px 16px 16px;
    }

    #seminar_summary_price {
        padding-bottom: 42px;
    }

    #presenter_details {
        position: relative;
        width:    100%;
    }
    #presenter_profile {
        width: 100%;
    }

    #support_test {
        margin-left: 0px;
    }

    .test_box {
        width:     100%;
        max-width: 416px;
    }

    .test_button {
        padding: 12px 30%;
    }

    .times_box {
        min-height: 1100px;
        margin-bottom: 16px;
    }

    #empty_cart {
        width:       80%;
        margin-left: 10%;
    }

    #times_australia {
        padding-right: 5%;
    }

    .error {
        line-height: 12px;
    }

/*
    input #Button__summaryPayment.cart_button {
        width: 50%;
    }
*/

    .footer_logo {
        width: 20%;
    }
    .footer_links {
        padding-top: 8px;
    }
    .footer_copyright {
        padding-top:   22px;
        padding-right: 20px;
    }
}


@media(max-width: 600px) {
    header .customer_logo {
        text-align:   left;
        padding-left: 10px;
        height:        50%;
    }

    header .cahoot_logo {
        text-align:    right;
        padding-right: 10px;
        height:        50%;
    }

    .filter_bar {
        height: 104px;
    }

    .search_checkbox {
        padding-left:  4px;
        padding-right: 28px;
    }

    .search_field {
        float:         left;
        padding-top:   8px;
        padding-right: 0px;
        padding-left:  8px;
    }

    .search_field input {
        width: 320px;
    }

    #banner #inner_banner #banner_text {
        bottom: 8px;
    }
    .cart_button {
        font-size:    13px;
        margin-right: 8px;
    }

    .task_button {
        font-size: 13px;
        padding:   8px 16px 8px 16px;
    }

    .primary_button {
/*        float: left;     */
    }

    #cart #seminars {
        padding: 8px 12px 32px 12px;
    }

    #summary_navigation {
        width: calc( 100% - 32px );
    }

    #cart_navigation {
        width: calc( 100% - 32px );
    }


    #member_options {
        margin-top:     16px;
        margin-left:    -24px;
        padding-top:    0px;
        padding-bottom: 16px;
    }
    #member_nr_field {
        margin-top:     -8px;
        padding-top:    0px;
        padding-bottom: 8px;
    }

    #participant_details {
        width: 95%;
        padding: 8px 32px 32px 12px;
    }

    .nice_box {
        margin-bottom: 32px;
    }

    .connect_info {
        margin-left: 32px;
        width:       370px;
    }
}

@media(max-width: 550px) {
    .main_content {
        padding-left:  14px;
        padding-right: 0px;
    }

    .action_link {
        font-size: 13px;
        
    }

    #banner #inner_banner #banner_text {
        bottom:      8px;
        line-height: 32px;
        font-size:   26px;
    }

    .footer_logo img {
        height:      50px;
        padding-top: 4px;
    }

    .footer_links {
        padding-top: 0px;
    }

    .footer_copyright {
        padding-top:   12px;
        padding-right: 20px;
    }
}

@media(max-width: 450px) {
    .support_box {
        width: 100%;
    }
}

@media(max-width: 400px) {
    .main_heading {
        padding-left: 6px;
    }

    nav {
        padding-left:   16px;
        padding-bottom: 16px;
    }

    .nav_menu {
        width:      79%;
        font-size:  12px;
    }
    .extra_menu {
        width:      21%;
        margin-top: -48px;
        font-size:  12px;
        text-align: center;
    }
    .nav_menu ul.main_menu li {
        margin-right: 0%;
    }
    .extra_menu ul.main_menu li {
        line-height: 12px;
    }

    ul.main_menu {
        margin-left: -12px;
        padding-top: 24px;
    }

    ul.main_menu li.active a {
        padding: 0px 0px 4px 0px;
    }

    .event_type_header {
        padding-left: 6px;
    }

    #cart #seminars {
        padding: 8px 8px 16px 8px;
    }
    #cart #seminars table th {
        font-size: 12px;
    }

    #cart #summary {
        min-height: 740px;
    }

    .seminar_btn {
        bottom: -12px;
    }
    .primary_button {
        float: left;
    }
    footer {
        font-size: 9px;
    }
    .footer_links {
        margin-top:  -6px;
    }
    .footer_copyright {
        padding-top: 4px;
    }
}