@media only screen and (min-width : 0px) and (max-width :980px) {
    .contain {
        width: auto;
    }
}

@media only screen and (min-width : 0px) and (max-width :760px) {
    #logo {
        width: auto;
        float: none;
        padding: 20px 10px;
    }

    nav {
        position: relative;
        clear: both;
        width: 100%;
        background-color: #fff;
        bottom: 0;
    }

    nav a {
        background-color: transparent;
    }

    #topMobileFixedNav {
        display: block;
        z-index: 999;
    }

    #logo {
        padding-top: 70px;
    }

    aside {
        background: #243E79;
        padding: 0 0 10px;
        margin: 0;
        width: 100%;
    }

    #sidebar {
        background: #fff;
        background-image: none;
        padding: 0;
        position: relative;
    }

    #sideInfo {
        background: #264A9C;
        padding: 10px;
        margin: auto;
    }

    #loginBoxRates {
        margin-top: 0;
        max-width: 325px;
    }

    #applyForLoanBTN {
        background-color: #FF9F17;
        border-radius: 5px;
        color: #FFF;
        text-align: center;
        margin: auto;
        margin-top: 10px;
        padding: 10px;
        width: 100%;
        display: block;
        text-decoration: none;
        max-width: 325px;
    }

    #applyForLoanBTN:hover {
        color: #243E79;
        text-decoration: none;
        cursor: pointer;
    }

    #olb {
        float: none;
        display: none;
        width: 100%;
        z-index: 900;
        background: #B6C7F0;
        color: #000;
        padding: 20px;
    }

    #olb.open {
        display: block;
    }

    #olb #getStartedBTN,
    #olb #loginCancel {
        max-width: 325px;
    }

    #main {
        background-color: #ffffff;
        margin-top: 0px;
        padding: 0;
        flex-direction: column;
    }

    #mobileOnlyEasyAccessIcons {
        display: block;
    }

    #banner {
        background-color: #ffffff;
        width: 100%;
        position: relative;
        top: 0px;
        right: 0px;
        bottom: 10px;
        left: 0px;
    }

    .firstLink,
    .secondLink,
    .thirdLink,
    .fourLink {
        width: 100%;
        border: none;
        text-align: left;
        border-bottom: none;
    }

    .firstLink:hover,
    .secondLink:hover,
    .thirdLink:hover,
    .fourLink:hover {
        border: none;
        border-bottom: none;
    }

    .firstLink img,
    .secondLink img,
    .thirdLink img,
    .fourLink img {
        display: none;
    }

    #btmBoxes {
        background: #FFF;
    }

    #rightArrows {
        color: #3b5eaf;
    }

    #viewAllAnnouncements {
        display: inline-block;
        margin-top: 0px;
        padding-top: 0px;
        font-size: 0.85em;
    }

    #inside {
        width: 100%;
        height: auto;
        overflow: visible;
        position: relative;
        padding: 10px 20px 20px !important;
    }
}

@media only screen and (min-width : 601px) and (max-width :880px) {
    #btmBoxes img {
        width: 100%;
    }
}

@media only screen and (min-width : 0px) and (max-width :680px) {
    footer p {
        width: 50%;
    }

    footer {
        height: auto;
    }
}

@media only screen and (min-width : 0px) and (max-width :600px) {
    .box {
        width: auto;
        float: none;
        position: static;
    }

    #btmBoxes img {
        width: 100%;
    }

    #inside .mainContentArticleImage {
        float: none;
        display: block;
        position: static;
    }

    #inside .mainContentArticleImage img {
        width: 270px;
        margin: auto;
        text-align: center;
    }

    #btmBoxes {
        background: #FFF;
        flex-direction: column;
    }

    #box1,
    #box2 {
        width: 100%;
    }
}

@media only screen and (min-width : 0px) and (max-width :360px) {
    #logo img {
        width: 100%;
    }

    footer img:nth-child(2) {
        margin-bottom: 0px;
    }

    #viewAllAnnouncements {
        font-size: 0.8em;
    }
}

@media only screen and (min-width : 0px) and (max-width :320px) {
    #inside .mainContentArticleImage img {
        width: 100%;
    }
}