.mobile_nav
{
    display: none;
}

.header_banner > img
{
    height: auto;
    max-width: 100%;
}

@media only screen and (min-width: 768px)
{
    .nav-menu
    {
        display: block !important;
    }

    .content-left .menu > ul
    {
        display: block !important;
    }

    .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul
    {
        border-left: 0 none;
        clip: inherit;
        height: inherit;
        overflow: inherit;
        width: inherit;
    }

    .main-navigation li ul
    {
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 100%;
        width: 1px;
        z-index: 1;
        display: block !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)
{
    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul
    {
        padding-left: 0;
        text-align: center;
    }

    .main-navigation li
    {
        margin-right: 10px;
    }

    .main-navigation li a, .main-navigation li
    {
        font-size: 11.5px;
    }

    .nav-menu > ul > li:last-child
    {
        margin-right: 0;
    }

    .main-navigation li ul
    {
        text-align: left;
    }

    .main-navigation li ul li a
    {
        font-size: 11.5px;
    }

    .content-left
    {
        max-width: 200px;
        width: 22%;
    }

    .content-right
    {
        max-width: 730px;
        width: 75%;
        float: left;
    }

    table th, table td
    {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px)
{
    .content-left .menu h4
    {
        cursor: pointer;
        background: url(images/menu_drop.png) no-repeat 5px 11px;
        padding-left: 28px;
    }

    .content-left .menu > ul
    {
        display: none;
    }

    #warp
    {
        padding: 0 10px;
    }

    .nav-menu
    {
        display: none;
    }

    .mobile_nav
    {
        display: block;
        padding: 6px 10px;
        padding: 0.428571429rem 0.714285714rem;
        font-size: 11px;
        font-size: 0.785714286rem;
        line-height: 1.428571429;
        font-weight: normal;
        color: #7c7c7c;
        background-color: #e6e6e6;
        background-repeat: repeat-x;
        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(64,64,64,0.1);
        text-align: center;
    }

    .main-navigation ul
    {
        padding-left: 12px;
    }

    .main-navigation ul li
    {
        display: block;
        margin-right: 0;
        width: 100%;
        border-top: 1px solid #999;
    }

    .main-navigation ul li:first-child
    {
        border-top: none;
    }

    .main-navigation li ul
    {
        position: inherit;
    }

    .main-navigation li ul li a
    {
        width: 100%;
        box-sizing: border-box;
    }

    .main-navigation li ul ul
    {
        left: 0;
    }

    .main-navigation li ul ul li a
    {
        padding-left: 20px;
    }

    .core
    {
        min-height: inherit;
    }

    .content-left
    {
        margin: 0 auto 20px;
        width: 100%;
        float: none !important;
    }

    .rules-instruction
    {
        margin-top: 20px;
    }

    .content-right
    {
        width: 100%;
        float: none;
    }

    fieldset
    {
        margin: 0;
    }

    .formBuilder fieldset section label.name
    {
        padding-left: 0;
    }

    .formBuilder fieldset section div.view input.large
    {
        width: 100%;
        box-sizing: border-box;
    }

    .formBuilder fieldset section div.view
    {
        padding-left: 0;
    }

    table th, table td
    {
        font-size: 12px;
    }

    .main-navigation li a, .main-navigation li
    {
        font-size: 11.5px;
    }

    .main-navigation li a
    {
        padding: 8px 0;
        display: block;
    }

    .main-navigation ul
    {
        padding-left: 0;
    }
}

@media only screen and (max-width: 479px)
{
    .incompleteSubmissions table, .incompleteSubmissions thead, .incompleteSubmissions tbody, .incompleteSubmissions th, .incompleteSubmissions td, .incompleteSubmissions tr, .expiredSubmissions table, .expiredSubmissions thead, .expiredSubmissions tbody, .expiredSubmissions th, .expiredSubmissions td, .expiredSubmissions tr, .completeSubmissions table, .completeSubmissions thead, .completeSubmissions tbody, .completeSubmissions th, .completeSubmissions td, .completeSubmissions tr, .invoiceTable table, .invoiceTable thead, .invoiceTable tbody, .invoiceTable th, .invoiceTable td, .invoiceTable tr, .invoiceDetails table, .invoiceDetails thead, .invoiceDetails tbody, .invoiceDetails tfoot, .invoiceDetails th, .invoiceDetails td, .invoiceDetails tr
    {
        display: block;
    }

    .incompleteSubmissions thead tr, .expiredSubmissions thead tr, .completeSubmissions thead tr, .invoiceTable thead tr, .invoiceDetails thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .incompleteSubmissions tr, .expiredSubmissions tr, .completeSubmissions tr, .invoiceTable tr, .invoiceDetails tr
    {
        border: 1px solid #ccc;
    }

    .incompleteSubmissions td, .expiredSubmissions td, .completeSubmissions td, .invoiceTable td, .invoiceDetails td
    {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        min-height: 20px;
    }

    .incompleteSubmissions td:before, .expiredSubmissions td:before, .completeSubmissions td:before, .invoiceTable td:before, .invoiceDetails td:before
    {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .incompleteSubmissions td:nth-of-type(1):before, .expiredSubmissions td:nth-of-type(1):before
    {
        content: "Last Updated";
    }

    .incompleteSubmissions td:nth-of-type(2):before, .expiredSubmissions td:nth-of-type(2):before
    {
        content: "Program";
    }

    .incompleteSubmissions td:nth-of-type(3):before, .expiredSubmissions td:nth-of-type(3):before
    {
        content: "#";
    }

    .incompleteSubmissions td:nth-of-type(4):before, .expiredSubmissions td:nth-of-type(4):before
    {
        content: "Category";
    }

    .incompleteSubmissions td:nth-of-type(5):before, .expiredSubmissions td:nth-of-type(5):before
    {
        content: "Title";
    }

    .incompleteSubmissions td:nth-of-type(5):after, .expiredSubmissions td:nth-of-type(5):after
    {
        content: "";
    }

    .incompleteSubmissions td:nth-of-type(6):before, .expiredSubmissions td:nth-of-type(6):before
    {
        content: "Action";
    }

    .completeSubmissions td:nth-of-type(1):before
    {
        content: "Program";
    }

    .completeSubmissions td:nth-of-type(2):before
    {
        content: "#";
    }

    .completeSubmissions td:nth-of-type(3):before
    {
        content: "Category";
    }

    .completeSubmissions td:nth-of-type(4):before
    {
        content: "Title";
    }

    .completeSubmissions td:nth-of-type(4):after
    {
        content: "";
    }

    .completeSubmissions td:nth-of-type(5):before
    {
        content: "Action";
    }

    .invoiceTable td:nth-of-type(1):before
    {
        content: "Description";
    }

    .invoiceTable td:nth-of-type(2):before
    {
        content: "#";
    }

    .invoiceTable td:nth-of-type(3):before
    {
        content: "Date";
    }

    .invoiceTable td:nth-of-type(4):before
    {
        content: "# Entries";
    }

    .invoiceTable td:nth-of-type(5):before
    {
        content: "Total Cost";
    }

    .invoiceTable td:nth-of-type(6):before
    {
        content: "Action";
    }

    .invoiceDetails tbody td:nth-of-type(1):before
    {
        content: "Date";
    }

    .invoiceDetails tbody td:nth-of-type(2):before
    {
        content: "Details";
    }

    .invoiceDetails tbody td:nth-of-type(3):before
    {
        content: "Amount";
    }

    .invoiceDetails tbody td:nth-of-type(4):before
    {
        content: "Notes";
    }

    .invoiceDetails tbody td:nth-of-type(5):before
    {
        content: "Action";
    }

    .invoiceDetails tfoot td:nth-of-type(1):before
    {
        content: "";
    }

    .invoiceDetails tfoot td:nth-of-type(2):before
    {
        content: "";
    }

    .invoiceDetails tfoot td:nth-of-type(3):before
    {
        content: "";
    }

    .invoiceDetails tfoot td:nth-of-type(4):before
    {
        content: "";
    }

    .invoiceDetails tfoot td:nth-of-type(5):before
    {
        content: "";
    }

    #DataTables_Table_0 thead th
    {
        font-size: 10px;
    }

    #DataTables_Table_0 thead th:nth-child(2)
    {
        text-indent: -60px;
        overflow: hidden;
    }

    #DataTables_Table_0 th, #DataTables_Table_0 td
    {
        padding-left: 2px;
        padding-right: 2px;
        font-size: 10px;
        white-space: inherit;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)
{
    .main_content
    {
        float: none;
        width: 100%;
    }

    .sidebar_right
    {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .gallery_grid
    {
        width: 230px;
    }

    .gallery_mainContent
    {
        width: 100%;
        float: none;
    }

    .gallery_info
    {
        width: 100%;
        float: none;
    }

    .propinfo_outer .gallery_mainContent
    {
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width: 767px)
{
    .mobile_nav
    {
        margin-top: 20px;
    }

    .main-navigation
    {
        margin: 0;
    }

    .main_content
    {
        float: none;
        width: 100%;
    }

    .sidebar_right
    {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .gallery_grid
    {
        width: 230px;
    }

    .gallery_mainContent
    {
        width: 100%;
        float: none;
    }

    .gallery_info
    {
        width: 100%;
        float: none;
    }

    .propinfo_outer .gallery_mainContent
    {
        margin-bottom: 30px !important;
    }

    .gallery_col
    {
        padding-right: 10px;
    }

    .gallery_details .videoContainer
    {
        margin-bottom: 0;
        margin-right: 0;
        display: block;
    }

    .gallery_details .videoContainer iframe
    {
        width: 100%;
        height: 100%;
    }

    .gallery_grid
    {
        width: 48%;
    }

    .gallery_grid:nth-child(3n+1)
    {
        clear: none;
        margin-right: 15px;
    }

    .gallery_grid:nth-child(2n+0)
    {
        margin-right: 0;
    }

    .gallery_grid:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0;
    }

    .main-navigation li ul
    {
        display: none;
    }
}

@media only screen and (max-width: 480px)
{
    .gallery_col
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main_content .gallery_img
    {
        margin: 0 auto;
        float: none;
    }

    .results_list .gallery_col .gallery_desc
    {
        width: 100%;
        padding: 10px 0 0;
    }

    .results_list .gallery_col .gallery_list
    {
        float: none;
        width: 100%;
    }

    .main_content .gallery_col .gallery_desc
    {
        margin-left: 0;
    }

    .gallery_grid
    {
        width: 100%;
    }

    .gallery_grid:nth-child(3n+1), .gallery_grid:nth-child(2n+0), .gallery_grid:nth-child(2n+1)
    {
        clear: both;
        margin-right: 0;
    }
}