@media only screen and (max-width: 1040px) {
    section,
    header,
    footer,
    nav.pc {
        width: 100%;
    }
    article {
        width: 65%;
    }
    aside {
        width: 29%
    }
    .search {
        top: 92px;
        right: 15px;
    }
    .socmed {
        top: 115px;
        right: 205px;
    }
    article.home {
        width: 60%;
    }
    .bottomlinks a,
    .toplinks a {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 900px) {
    article.home {
        width: 55%;
    }
}

@media only screen and (max-width: 840px) {
    a.homelink {
        width: 50%;
    }
    a.homelink img {
        width: 100%;
    }
}

@media only screen and (max-width: 780px) {
    article,
    article.home,
    aside {
        width: 96%;
        margin: 10px 2% 0px 2%;
    }
    aside.home {
        display: none;
    }
    .bottomlinks {
        width: 66%;
    }
}

@media only screen and (max-width: 740px) {
    a.homelink {
        top: 40px;
        left: 10px;
    }
    .toplinks {
        right: 10px;
    }
    .search {
        right: 5px;
    }
    .socmed {
        right: 195px;
    }
}

@media only screen and (max-width: 700px) {
    .col4 {
        width: 48%;
        margin: 0 1% 10px 1%;
    }
}

@media only screen and (max-width: 599px) {
    body {
        background: url(../images/save_to_win_banner_800x343.jpg) top center no-repeat;
    }
    .col4,
    .col3,
    .col2 {
        width: 96%;
        margin: 0 2% 10px 2%;
    }
    a.homelink {
        top: 20px;
        left: 0px;
        position: relative;
        width: 300px;
    }
    a.homelink img {
        width: 300px;
    }
    .toplinks {
        width: 100%;
        top: 135px;
        right: 0;
        text-align: center;
    }
    .socmed {
        top: 5px;
        right: 10px;
    }
    header {
        height: 220px;
    }
    header .search {
        /*display: inline; */
        top: 235px;
        z-index: 101
    }
    section {
        position: relative;
        top: 10px;
    }
    .bottomlinks {
        width: 100%;
        text-align: center;
        float: none;
    }
    .footnote {
        margin: 10px auto;
        float: none;
    }
}

@media only screen and (max-width: 500px) {
    .mobi {
        display: block;
    }
    .full {
        display: none;
    }
    .images {
        float: none;
        margin: 0 auto;
    }
    .images img {
        margin: 0 5px;
    }
    .text {
        float: none;
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    .sideslider table {
        width: 510px;
    }
    .sideslider {
        overflow: scroll;
        overflow-y: hidden;
        -ms-overflow-y: hidden;
    }
}

@media only screen and (max-width: 400px) {
    .regions_rates_table_row1,
    .regions_rates_table_row2,
    .regions_rates_table_effectivedate,
    .regions_rates_table_fields,
    .ncua,
    .ehl,
    .bottomlinks,
    .toplinks {
        font-size: 14px;
    }
    div#KJECalculatorScreenSize {
        position: relative;
        left: -15px;
    }
    FORM.webform textarea {
        width: 164px;
        padding: 0;
        margin: 0;
    }
    FORM.webform input {
        max-width: 164px;
    }
    FORM.webform TR TD {
        width: 100px;
    }
}