/*
    http://stephen.io/mediaqueries/
iPhone 5 Resolution
Screen Width = 320px (CSS Pixels)   Screen Width = 640px (Actual Pixels)
Screen Height = 568px (CSS Pixels)  Screen Height = 1136px (Actual Pixels)
Device-pixel-ratio: 2

iPhone 4/4S Resolution
Screen Width = 320px (CSS Pixels)   Screen Width = 640px (Actual Pixels)
Screen Height = 480px (CSS Pixels)  Screen Height = 960px (Actual Pixels)
Device-pixel-ratio: 2

iPhone 2G/3G/3GS Resolution
Screen Width = 320px (CSS Pixels)   Screen Width = 320px (Actual Pixels)
Screen Height = 480px (CSS Pixels)  Screen Height = 480px (Actual Pixels)


*/



@media (max-width: 769px) {


    #survey {
        /*margin-left: 1em;*/
        min-height: 100px;
    }

    .mobile-only {
        display: inherit;
    }

    .desktop-only {
        display: none;
    }


    /*matrix questions*/
    /* turn off border
     
     */
    .mx,
    .tbl,
    .mxplus {
        border: none;
    }

        .mx tbody > tr,
        .tbl tbody > tr {
            margin-top: 1em;
        }

        /* column headers*/
        .mx thead,
        .tbl thead,
        .mxplus thead {
            display: none;
        }

            .mx thead > tr > td {
                padding-left: 0em;
                padding-right: 1em;
            }


        .mx tbody > tr > td,
        .tbl tbody > tr > td,
        .tbl tbody > tr > th,
        .mxplus tbody > tr > td {
            text-align: left;
            border: none;
        }




        .mx tr,
        .tbl tr,
        .mxplus tr {
            display: block;
            border: 1px solid #808080;
            border-radius: 4px 4px;
            padding-left: 1em;
            padding-right: 2em;
        }

        .tbl label,
        .mxplus tr {
            font-size: 14px;
            font-weight: bolder;
        }

        .mx td,
        .tbl td,
        .mxplus td {
            display: block;
        }
    /* bold the question text remove padding*/
    td.mx-question {
        font-weight: bold;
        border: none;
        display: table-cell !important;
        padding: 0em;
    }

    .mx-qnumber {
        font-weight: bold;
        border: none;
        display: table-cell !important;
    }

    th.mx-col-7, td.mx-col-7, td.mx-col-6, th.mx-col-6, td.mx-col-5, th.mx-col-5, td.mx-col-4, th.mx-col-4, td.mx-col-3, th.mx-col-3, td.mx-col-2, th.mx-col-2 {
        width: 100%
    }


    .mx-row, .mx-row-alt {
        background-color: #FFFFFF;
    }


    /*override column boder*/
    .mx-cell-leftborder, .mx-cell-spacer {
        border-left-style: none;
    }


    .mx-cell-rightborder {
        border-right-style: none;
    }

    .scale tbody > tr > td > div.form-check > label {
        display: inline-block;
    }

    .scale tbody > tr > td > div.form-check {
        padding-left: 1.25rem; /* boot-strap default*/
    }

    /* over-ride tr border for scale*/

    .mx.scale tr {
        border-style: none;
    }

    .sb-map-lg {
        min-height: 250px;
        min-width: 200px;
        height: 100%;
        width: 100%;
    }
}