img {
    max-width: 100%;
    height: auto !important;
}


@media all and (max-width: 768px) {
    .wrapper {
        background-color: #fff;
    }

        .wrapper .header,
        .sideNav,
        .shadow.bottom,
        .container_12.footer {
            display: none;
        }

    .mobile-footer, .mobile-hdr-wrap {
        display: block;
    }

    .wrapper,
    .container_12,
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
        width: auto !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        display: block !important; /* required for jquery validation to work on android */
    }

    .dnnSortable {
        min-height: 0;
    }

    .content {
        background-image: none;
    }

    .mobile-header {
        position: relative;
    }

    .legalContent {
        display: block;
    }

    .rightpanetop, .rightpanebottom {
        float: none;
    }
}