.l-inner-container {
    max-width: 956px;
    width: auto;
}

div.section-responsive {
    display: none;
}

@media only screen   
and (max-width: 785px) {
    div.l-grid-tablet-collapse>div {
        padding-right: 0;
        float: none;
        width: 100% !important;
        margin-bottom: 1.5em;
    }
    
    div.l-grid-tablet-half-collapse>div.l-span3 {
        width: 48.775%;
        margin-bottom: 1.5em;
    }
    
    div.l-grid-tablet-half-collapse>div.l-span6 {
        width: 100%;
        padding-right: 0;
        margin-bottom: 1.5em;
    }
    
    div.l-grid-tablet-half-collapse>div.l-span3:nth-child(2n) {
        padding-right: 0;
    }
    
    ul.primary-nav {
        display: none;
    }
    
    div.section-responsive {
        display: block;
    }
    
    .l-left-side #main, .l-right-side #main {
        float: none;
        width: 100%
    }
    
    .l-left-side #side, .l-right-side #side {
        float: none;
        width: 100%
    }
    
    #side .section-secondary-nav {
        display: none;
    }
    
    .is-tablet {
        display: block;
    }
    
    .is-not-tablet {
        display: none;
    }
    
        /* Force table to not be like tables anymore */
    table.table-responsive-tablet.table-responsive-mobile, table.table-responsive-tablet.table-responsive-mobile thead, table.table-responsive-tablet.table-responsive-mobile tbody, table.table-responsive-tablet.table-responsive-mobile th, table.table-responsive-tablet.table-responsive-mobile td, table.table-responsive-tablet.table-responsive-mobile tr { 
            display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.table-responsive-tablet.table-responsive-mobile thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
    }

    table.table-responsive-tablet.table-responsive-mobile tr { 
        border: 1px solid #ccc;
        margin-bottom: 1em;
        position: relative;
    }

    table.table-responsive-tablet.table-responsive-mobile td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            min-height: 20px;
            padding: 6px 6px 6px 50% !important;
            text-align: left;
            width: auto !important;
            overflow-wrap: break-word;
            word-wrap: break-word;
            overflow: hidden
    }
    
    table.table-responsive-tablet.table-responsive-no-labels td {
        padding-left: 6px !important;
    }

    table.table-responsive-tablet.table-responsive-mobile td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: bold;
            font-size: 0.9em;
            content:" "attr(data-label)" ";	/* call the attribute value of data-label and adds a string // */
    }
    
    table.table-responsive-tablet.table-responsive-no-labels td:before {
        display: none;
    }
}

@media only screen
and (max-width: 680px) {
    .banner-large {
        display: none;
    }

    .banner-small {
        display: block;
    }
}

@media only screen   
and (max-width: 530px) {
    div.l-grid-mobile-collapse>div, div.l-grid-tablet-half-collapse>div {
        padding-right: 0;
        float: none;
        width: 100% !important;
        margin-bottom: 1.5em;
    }
    
    .fh-submit-buttons .fh-button-submit {
        float: none;
        display: block;
    }
    
    .fh-submit-buttons .fh-button-submit.fh-button-secondary {
        margin-top: 1em;
    }
    
    div.fh-format-div:not(.fh-not-responsive)>.fh-label-container {
        width: 100% !important;
        float: none;
        margin-bottom: 0.5em;
    }
    
    div.fh-format-div:not(.fh-not-responsive)>.fh-field-container, div.fh-format-div:not(.fh-field-combi)>.fh-error {
        margin-left: 0 !important;
    }
    
    .is-tablet {
        display: block;
    }
    
    .is-not-tablet {
        display: none;
    }
    
    .is-mobile {
        display: block;
    }
    
    .is-not-mobile {
        display: none;
    }
    
    /* Force table to not be like tables anymore */
    table.table-responsive-mobile, table.table-responsive-mobile thead, table.table-responsive-mobile tbody, table.table-responsive-mobile th, table.table-responsive-mobile td, table.table-responsive-mobile tr { 
            display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.table-responsive-mobile thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
    }

    table.table-responsive-mobile tr { 
        border: 1px solid #ccc;
        margin-bottom: 1em;
        position: relative;
    }

    table.table-responsive-mobile td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            min-height: 20px;
            padding: 6px 6px 6px 50% !important;
            text-align: left;
            width: auto !important;
            overflow-wrap: break-word;
            word-wrap: break-word;
            overflow: hidden
    }
    
    table.table-responsive-no-labels td {
        padding-left: 6px !important;
    }

    table.table-responsive-mobile td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight: bold;
            font-size: 0.9em;
            content:" "attr(data-label)" ";	/* call the attribute value of data-label and adds a string // */
    }
    
    table.table-responsive-no-labels td:before {
        display: none;
    }

}