@charset "UTF-8";
@media screen and (max-width: 1024px) {
    .ecg-review-wrapper {
        padding: 0;
        margin-top: 6px;
        max-height: unset;
        height: unset;
    }

    .ecg-review-column {
        float: unset;
        width: 100%;
        margin: auto;
        overflow-y: unset;
    }

    .ecg-container {
        margin: 10px;
        color: #777;
        padding: 0;
        overflow: unset;
        display: unset;
    }

    .input_small, .select_small, .textarea_small{
        padding: 5px;
        border: 1px solid #b9bdc1;
        font-size: 16px;
    }
    .input_small{
        height: 34px;
    }
    .label_left {
        width: 90px;
        font-size: 16px;
        text-align: unset;
    }
    .label_left_small {
        width: 90px;
        font-size: 16px;
        text-align: unset;
    }
    .pdf-viewer {
        top: 60px !important
    }
    .pdf-zoomin, .pdf-zoomout {
        height: 50px;
        width: 50px;
        font-size: 45px;
    }
}

@media all and (max-width: 940px) {
    .two-column-responsive .left, .two-column-responsive .right  {
        clear: both;
        float: none;
        width: 100%;
        padding: 0px;
    }
}

@media screen and (max-width: 780px) {
    #toplogo {
        background: url('/images/nav_logo_no_txt.png') no-repeat left top;
        width: 64px;
    }
}

@media all and (max-width: 600px) {

    .grid_23rd_left, .grid_13rd_left {
        width: 100%;
    }

    .grid_23rd_right, .grid_13rd_right {
        float:left;
        width:100%;
        margin-left:0;
    }
    .grid_full_narrow {
        width:100%;
        max-width:100%;
    }
    .grid_heading {
        border-top:none;
        margin: 8px 0px 16px 0;
        padding: 4px 0 0 0;
    }
    .grid_heading > h1:first-child {
        border-top:1px solid #C6C6C6;
        border-bottom:1px solid #C6C6C6;
        background: #eff5fc;
        font-weight: 700;
        padding:0 6px 0 4px !important;
        margin-bottom:14px;
        font-size: 22px;
        color: #444444;
    }

    .field {
        height: unset;
        padding-bottom:10px;
    }

    .field_same_line{
        padding-top: 10px;
        display: block;
        width: unset;
    }

    .field_same_line, .field_same_line .label{
        display: block;
    }

    .field > .label {
        text-align: left;
        width: auto;
    }

    .field > input {
        text-align: left;
    }
    .input_note {
        padding-top: 10px;
        padding-left: unset;
        width: unset;
    }
    .button_bottom_right {
        margin:10px 2px 2px auto;
    }

    .mobile_hide{
        display:none !important;
    }
    .form {
        width:100%;
        max-width:none;
    }
    .form_footer{
        margin: 15px 0 0 0;
        font-size: 15px;
        line-height: 5px;
    }
    .input {
        width: 260px;
    }
    #content, #content_admin {
        width:100%;
        padding:2px 5px 10px 5px;
    }
    #sub_nav_content {
        padding-bottom:20px
    }
    .home_page_weather_summary, .golf_tips_wrapper {
        display: none;
    }
    .big_padding {
        padding:4px;
    }
}


@media all and (max-width: 550px) {
    #nav {
        padding-right: 2px;
    }
    #nav .nav_menu_non_responsive {
        display: none !important;
    }
    #nav .nav_menu_responsive {
        display: inline-block !important;
    }
    .dropdown_menu_list{
        position: fixed;
        top:54px;
        left:0;
        width:100%;
        overflow:auto;
    }
    .dropdown_menu .active {
        border:1px solid #ffffff;
    }
    #nav a {
        color:#C6C6C6    }
    #nav a.active {
        color:#ffffff    }
    #nav_admin {
        padding-right:2px;
    }
    #nav_admin .nav_menu_non_responsive{
        display: none !important;
    }
    #nav_admin .nav_menu_responsive{
        display: inline-block !important;
    }
    #nav_admin_title {
        display: none;
    }

    @media all and (max-width: 350px) {
        .label_left  {
            float: unset;
            display: block;
            text-align: left;
        }
        .input {
            width: unset;
        }
    }

}





