@media only screen and (min-width: 801px) {
    a#button-menu { display: none; }
    .expand-section {
        display: none;
    }
}
@media only screen and (max-width: 800px) {
    #col2 div, #col2full div {
        /*margin: 0 !important;
        width: 100% !important;*/
    }
    
    #col2 h1, #col2full h1 {
        /*padding-left: 24px;*/
    }
    
    #col2, #col2full {
        font-size: 1em;
    }
        
    #info { 
        background-color: #1f6378;
        background-image: none;
        float: none;
        height: auto;
        overflow: hidden;
        padding: 2%;
        margin-top: 3px;
        text-align: left;
        width: 96%;
    }
    
    #info p {
        font-size: 14px;
    }
    
    #info ul {
        width: 100%;
    }
    
    #info ul li {
        font-size: 14px;
        padding-right: 16px;
        width: auto !important;
    }
    
    #info ul li a {
        font-weight: normal;
    }
    
    .link {
        margin: 0 auto;
    }
    
    #contact {
        margin: 0 auto;
        padding: 0 27px;
        width: auto;
    }
    
    #contact p {
        margin: 0;
    }
    
    #awards {
        margin: 0 auto;
    }
    
    #searchradio { display: none; }
    
    #home { background-image: none; }
    
    #hnavcontainer { display: none; }
    
    #leftnav {
        overflow: hidden;
    }
    #home img {
        margin: 10px 0 10px 20px;
    }
    
    #size { width: 100%; }
    
    #colcontainer { width: 100%; }
    
    #col1 { display: none; }
    
    #col2 {
        background: url(/judiciary/images/col2_top_repeat.jpg) repeat-x;
    }
    
    #col2 #image img {
        display: block;
        margin: 0 auto;
    }
    #col2full {
        float: none;
        margin-bottom: 25px;
        width: 100%;
    }
    
    h2#lowerIndianafull {
        background: url(/judiciary/supreme/images/col2_top_bg.jpg) no-repeat center top;
    }
    
    /*#col3 { display: none; }*/
    
    #col3 { 
        float: none;
        margin: 0 auto; 
        width: 93%; 
    }
    
    #col3topfluid {
        background-image: none;
        background-color: #7a4d26;
        padding: 0;
        width: 100%;
    }
    
    
    #col3 #events {
        background-image: none;
        background-color: #134755;
        line-height: normal;
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    
    #col3 #events ul {
        display: none;
        margin: 0px 0 0 15px;
        overflow: hidden;
    }
    
    #col3 #events ul li {
        background: none;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        margin: 0 0 10px 0;
        padding: 0;
    }
    
    #col3 #events ul li a {
        color: #fff;
        font-weight: normal;
        text-decoration: underline;
    }
    
    #caseclips {
        background-image: none;
        background-color: #134755;
        line-height: normal;
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    
    #caseclips #feed {
        display: none;
        width: 100%;
    }
    
    #caseclips ul {
        margin: 0px 0 0 15px;
        overflow: hidden;
    }
    
    #caseclips ul li {
        background: none;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        margin: 0 0 10px 0;
        overflow: hidden;
        padding: 0;
    }
    
    #caseclips ul li span {
        padding: 0;
        width: 100%;
    }
    
    #caseclips ul li a {
        color: #fff;
        font-size: inherit;
        font-weight: normal;
        position: inherit;
        text-decoration: underline;
        width: 100%;
    }
    
    #col3 #ble {
        background-image: none;
        background-color: #134755;
        line-height: normal;
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    
    #col3 #ble ul, #col3 #ble p {
        display: none;
    }
    
    #col3 #ble ul {
        margin: 0px 0 0 15px !important;
        width: 100% !important;
    }
    
    #col3 #ble li {
        background: none;
        font-size: 14px;
        line-height: normal !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }
    
    #col3 #ble a {
        color: #fff !important;
        font-weight: normal !important;
        text-decoration: underline !important;
    }
    
    #col3 #appellate {
        background-image: none;
        background-color: #134755;
        line-height: normal;
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    
    #col3 #appellate ul, #col3 #appellate p {
        display: none;
    }
    
    #col3 #appellate ul {
        margin: 0px 0 0 15px !important;
        width: 100% !important;
    }
    
    #col3 #appellate li {
        background: none;
        font-size: 14px;
        line-height: normal !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }
    
    #col3 #appellate a {
        color: #fff !important;
        font-weight: normal !important;
        text-decoration: underline !important;
    }
    
    #col3 #articles {
        background-image: none;
        background-color: #134755;
        line-height: normal;
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    
    #col3 #articles ul, #col3 #articles p {
        display: none;
    }
    
    #col3 #articles ul {
        margin: 0px 0 0 15px !important;
        overflow: hidden;
        width: auto !important;
    }
    
    #col3 #articles li {
        background: none;
        font-size: 14px;
        line-height: normal !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }
    
    #col3 #articles a {
        color: #fff !important;
        font-weight: normal !important;
        text-decoration: underline !important;
    }
    
    #features_top {
        background-image: none;
        background-color: #7a4d26;
        padding: 0;
        width: 100%;
    }
    
    #features_top ul {
        display: none;
        margin: 0px 0 0 15px;
        overflow: hidden;
    }
    
    #features_top ul li {
        background: none;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        margin: 0 0 10px 0;
        padding: 0;
    }
    
    #features_top ul li a {
        color: #fff;
        font-weight: normal;
        text-decoration: underline;
    }
    
    #features_top ul li a:hover {
        color: #fff;
        text-decoration: underline;
    }
    
    #recent, #latest {
        background-image: none;
        background-color: #134755;
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    
    #recent #feed, #latest #feed {
        width: 100%;
    }
    
    #recent #feed ul, #latest #feed ul {
        display: none;
        margin: 0px 0 0 15px;
        width: auto;
    }
    
    #recent #feed ul li, #latest #feed ul li {
        background: none;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        margin: 0 0 10px 0;
        padding: 0;
    }
    
    #recent #feed ul li .parss-title, #latest #feed ul li .parss-title {
        background: none;
        float: none;
        margin: 0;
        padding: 0;
        width: auto;
    }
    
    #recent #feed ul li a, #latest #feed ul li a {
        color: #fff;
        font-size: inherit;
        font-weight: normal;
        left: 0;
        position: inherit;
        text-decoration: underline;
        width: auto;
    }
    
    #recent #feed ul li a:hover, #latest #feed ul li a:hover {
        color: #fff;
        text-decoration: underline;
    }
    
    #col3topfluid ul li a, #col3 p.more a {
        color: #fff !important;
        text-decoration: underline;
    }
    
    #col3topfluid ul {
        display: none;
        list-style-type: none;
        margin: 0px 0 0 15px;
    }
    
    #col3topfluid ul li {
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        list-style-type: none;
        margin: 0 0 10px 0;
    }
    
    #col3topfluid ul li a:hover {
        color: #fff;
        text-decoration: underline;
    }
    
    #faq, #want {
        display: block !important;
    }
    
    #faq p.more, #want p.more {
        background: none;
    }
    
    #col3 p.more {
        background: none;
        display: none;
        margin: 0 0 0 15px;
        padding: 0 0 20px 0;
    }
    
    #col3 p.more a {
        color: #000;
        margin: 0;
    }
    
    #col3 p.more a:hover {
        color: #000;
        text-decoration: underline;
    }
    
    #col3topfluid p.a {
        background: none;
    }
    
    .expand-section {
        color: #fff;
        float: right;
        font-size: 18px;
    }
    
    #services_link {
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        padding: 2%;
        width: 96%;
    }
    
    #features_link {
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        padding: 2%;
        width: 96%;
    }
    
    #recent_link, #latest_link {
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        padding: 2%;
        width: 96%;
    }
    
    #oap_link {
        color: #fff;
        cursor: pointer;
        display: block;
        float: none;
        font-size: 16px;
        font-weight: normal;
        height: auto;
        padding: 2%;
        width: 96%;
    }
    
    #acp_link {
        color: #fff;
        cursor: pointer;
        display: block;
        float: none;
        font-size: 16px;
        font-weight: normal;
        height: auto;
        padding: 2%;
        width: 96%;
    }
    
    #caseclips_link {
        color: #fff;
        cursor: pointer;
        display: block;
        float: none;
        font-size: 16px;
        font-weight: normal;
        height: auto;
        padding: 2%;
        width: 96%;
    }
    
    #faqlink {
        color: #fff;
        cursor: pointer;
        display: block;
        float: none;
        font-size: 16px;
        font-weight: normal;
        height: auto;
        padding: 2%;
        width: 96%;
    }
    
    #faqlink2 {
        color: #fff;
        cursor: pointer;
        display: block;
        float: none;
        font-size: 16px;
        font-weight: normal;
        height: auto;
        padding: 2%;
        width: 96%;
    }
    
    #col3 #events #events_link {
        color: #fff;
        cursor: pointer;
        display: block;
        float: none;
        font-size: 16px;
        font-weight: normal;
        height: auto;
        padding: 2%;
        width: 96%;
    }
    
    #wantlink {
        display: none;
    }
    
    .rn_List {
        margin: 0px 0 0 15px !important;
        width: auto !important;
    }
    
    li.rn_Item {
        font-size: 14px;
        line-height: normal !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }
    
    li.rn_Item a {
        color: #fff !important;
        font-weight: normal !important;
        text-decoration: underline !important;
    }
    
    li.rn_Item a:hover {
        color: #fff !important;
        text-decoration: underline;
    }
    
    .rn_Content {
        padding-bottom: 0 !important;
    }
    
    .KnowledgeSyndication {
        display: none;
    }
    
    #faq li {
        background: none;
    }
    
    #want li {
        background: none;
    }
    
    #want ol {
        margin: 0px 0 0 15px !important;
        overflow: hidden;
        width: auto !important;
    }
    
    #want li {
        font-size: 14px;
        line-height: normal !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }
    
    #want li a {
        color: #fff !important;
        font-weight: normal !important;
        text-decoration: underline !important;
    }
    
    #col2 {
        float: none;
        /*overflow: hidden;*/
        width: 100%;
    }
    
    #col2top {
        width: 100%;
    }
    
    #col2 .imageNavigation { 
        margin: 0 auto;
    }
    
    #col2content img {
        height: auto;
        margin: 0;
        max-width: 100%;
        padding: 0;
    }
    
    #col2content blockquote {
        margin: 0;
    }
    
    #faq {
        background-image: none;
        background-color: #134755;
        width: 100%;
    }
    
    #want {
        background-image: none;
        background-color: #02141e;
        display: block !important;
        width: 100%;
    }
    
    #want ol {
        display: none;
    }
    
    #wantlink2 {
        display: none;
    }
    
    #county {
        border: none;
        margin: 0 auto;
    }
    
    #footer_content {
        width: 100%;
    }
    
    #footer-column-1, #footer-column-2 {
        float: left;
        width: 45%;
    }
    
    #footer-column-1 {
        padding-left: 3%;
        padding-right: 2%;
    }
    
    #footer-column-2 {
        padding-left: 4%;
    }
    
    #footer_content h1 {
        height: auto;
    }
    
    #learn_more, #hours, #services, #social_media {
        background: none;
        float: none;
        padding: 0;
        width: 100%;
    }
    
    #learn_more, #services {
        padding-top: 40px;
    }
    
    #services ul li {
        width: 40%;
    }
    
    #services ul li:nth-child(even) {
        width: 60%;
    }
    
    #services ul li:nth-child(odd) {
        width: 40%;
    }
    
    .button-menu-inactive {
        background: none repeat scroll 0% 0% #E4F1EF;
        border: 1px solid #2C91AD;
        color: #2C91AD !important;
        display: block;
        float: right;
        font-size: 0.75em;
        font-weight: 700;
        margin-top: 10px;
        margin-right: 10px;
        padding: 9px 13px;
        text-decoration: none;
    }
    
    .button-menu-active {
        background: none repeat scroll 0% 0% #2C91AD;
        border: 1px solid #FFFFFF;
        color: #FFFFFF !important;
        display: block;
        float: right;
        font-size: 0.75em;
        font-weight: 700;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 9px 13px;
        text-decoration: none;
    }
    
    #colcontainer a {
        word-wrap: break-word;
        -ms-word-break: break-all;
        /* Be VERY careful with this, breaks normal words wh_erever */
        word-break: break-all;
        /* Non standard for webkit */
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    
    
    /* PAGE SPECIFIC OVERRIDES */
    #materials, .materials, #materials2 {
        width: 100% !important;
    }
    
    #materials2 ul li a {
        display: block;
        padding-bottom: 10px;
        padding-top: 0;
    }
    
    embed {
        height: auto;
        max-width: 100%;
    }
    
    #countystyle, .countystyle {
        width: 100%;
    }
    
    #countystyle ul li, .countystyle ul li {
        padding: 8px 0 8px 35px !important;
        width: 80% !important;
    }
    
    #countystyle ul li a, .countystyle ul li a {
        padding-left: 0px;
    }
    
    #col2content table tr:first-child {
        margin-top: 0;
        padding-top: 0;
    }
    
    #col2content table tr {
        display: block;
        padding: 10px 0;
        margin: 10px 0;
        border-bottom: 2px solid #000;
    }
    
    #col2content table td {
        display: block;
        width: 100%;
    }
    
    /* END PAGE SPECIFIC OVERRIDES */
    
    
    
    /* NAVIGATION */
    
    #hnavcontainer {
        background-color: #fff;
        height: auto;
        overflow: hidden;
        padding-top: 10px;
        width: 100%;
    }
    
    #hnavinterior {
        margin: 0;
        width: 100%;
    }
    
    ul#topnav li a {
        background-position: -8px -8px !important;
        background-size: 115% !important;
        width: 100% !important;
    }
    
    ul#topnav li .sub {
        display: none !important;
    }
    
    
    #leftnav {
        background-color: #fff;
        display: none;
        padding-top: 10px;
    }
    
    #ifahome {
        background: none;
        font-size: 16px;
        font-weight: normal;
    }
    
    #ifahome a {
        color: #2c91ad;
    }
    
    #ifahome:hover {
        background: none;
    }
    
    #leftnav .linkhdr:hover {
        background: none;
    }
    
    #leftnav .linkhdr {
        background: none;
    }
    
    #leftnav .linkhdr a {
        color: #2c91ad;
        font-weight: normal;
    }
    
    #leftnav .linkhdr a:hover {
        color: #2c91ad;
    }
    
    ul#leftnavul {
        margin: 0;
        padding: 0 4%;
        width: 92%;
    }
    
    ul#leftnavul li, #ifahome {
        border-bottom: 1px solid #e8e7e1;
        border-top: none;
        float: none;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 6px !important;
        overflow: hidden;
        padding-bottom: 6px;
        padding-left: 0;
        width: 100%;
    }
    
    ul#leftnavul li a {
        background-image: none !important;
        border: none;
        color: #000;
        height: auto;
        padding: 0;
        text-decoration: none;
        text-indent: 0;
    }
    
    ul#leftnavul li a:hover {
        background: none !important;
        color: #000;
    }
    
    ul#leftnavul li.navMore ul {
        margin-top: 8px;
    }
}
@media only screen and (min-width: 631px) and (max-width: 800px) {
    #scontainer { 
        height: auto;
        padding-left: 0;
        padding-top: 10px;
        width: 50%;
    }
    
    #searchbox {
        width: 100%;
    }
    
    #searchbox input#q {
        width: 65%;
    }
    
    #searchbox #sbutton {
        margin: 0;
        /*position: inherit;*/
        width: auto;
    }
    
    #col2full {
        background: url(/judiciary/images/col2_top_repeat.jpg) repeat-x;
    }
    
    
    /* Navigation */
    
    ul#topnav {
        margin: 0;
        width: 100%;
    }
    
    ul#topnav li {
        width: 14% !important;
    }
    
    ul#topnav li a.courts {
        background-image: url(/judiciary/images/courts_tab_mobile.jpg);
        border-left: none;
    }
    ul#topnav li a.decisions {
        background-image: url(/judiciary/images/decisions_tab_mobile.jpg);
    }
    ul#topnav li a.agencies {
        background-image: url(/judiciary/images/agencies_tab_mobile.jpg);
    }
    ul#topnav li a.education {
        background-image: url(/judiciary/images/education_tab_mobile.jpg);
    }
    ul#topnav li a.multimedia {
        background-image: url(/judiciary/images/multimedia_tab_mobile.jpg);
    }
    ul#topnav li a.forms {
        background-image: url(/judiciary/images/forms_tab_mobile.jpg);
    }
    ul#topnav li a.selfservice {
        background-image: url(/judiciary/images/selfservice_tab_mobile.jpg);
        border-right: none;
    }
}
@media only screen and (max-width: 630px) {
    #col2 {
        background-image: none;
    }
    #col2 #image img {
        height: auto;
        width: 100%;
    }
    h2#lowerIndianafull .breadcrumb {
        background: none !important;
    }
    #home {
        width: 215px;
    }
    #scontainer {
        height: auto;
        padding: 10px 0 0 0;
        width: 100%;
    }
    
    #searchbox {
        float: none;
        margin: 0 auto;
        overflow: hidden;
        width: 90%;
    }
    
    #searchbox #sbutton {
        margin: 0;
        position: inherit;
        width: auto;
    }
    
    #searchbox input#q {
        width: 71%;
    }
    
    #footer-column-1, #footer-column-2 {
        float: none;
        padding: 0 3%;
        width: 94%;
    }
    
    #footer-column-1 {
        margin-bottom: 30px;
    }
    
    
    /* Navigation */
    ul#topnav {
        margin: 0;
        padding: 0 4%;
        width: 92%;
    }
    ul#topnav li {
        border-bottom: 1px solid #e8e7e1;
        float: none;
        font-size: 16px;
        margin-bottom: 6px;
        overflow: hidden;
        padding-bottom: 6px;
        width: 100%;
    }
    ul#topnav li a {
        background-image: none !important;
        border: none;
        color: #000;
        height: auto;
        text-decoration: none;
        text-indent: 0;
    }
}
@media only screen and (max-width: 480px) {
    /* PAGE SPECIFIC OVERRIDES */
    form table tr, form table td {
        display: block;
        padding: 5px 0 5px 0 !important;
        width: 100%;
    }
    
    form > input, form p > input {
        max-width: 100%;
    }
    
    form > textarea, form p > textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        
        width: 100%;
    }
    
    #flt_DIV {
        float: none;
        padding: 0;
        width: 100%;
    }
    /* END PAGE SPECIFIC OVERRIDES */
}
@media only screen and (max-width: 320px) {
    #col2top {
        background-size: 160% !important;
    }
    
    #searchbox input#q {
        width: 56%;
    }
}
@media only screen and (min-width: 681px) and (max-width: 730px) {
    #scontainer {
        width: 48%;
    }
    #searchbox input#q {
        width: 58%;
    }
}
@media only screen and (min-width: 631px) and (max-width: 680px) {
    #scontainer {
        width: 40%;
    }
    #searchbox input#q {
        width: 58%;
    }
}
@media only screen and (min-width: 455px) and (max-width: 470px) {
    #scontainer {
        width: 100%;
    }
    #searchbox input#q {
        width: 70%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 454px) {
    #scontainer {
        width: 100%;
    }
    #searchbox input#q {
        width: 56%;
    }
}