/* media */

@media only screen and (max-width: 980px) {
    #snHead {
        display: block !important;
        padding: 10px 0;
        background: #ac0634;
    }

    #snHead #snLinks li {
        margin: 0 5px 0 0;
    }

    #snHead #snLinks li a {
        width: 35px;
        height: 35px;
    }

    .container_12 {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        position: relative;
    }

    div#head .search-form {
        width: 70%;
    }

    div#head input {
        width: 68%;
        padding: 1.5% 3%;
    }

    #head #snLinks {
        display: none;
    }

    #mainNav li span {
        padding: 12px 14px;
    }

    .row_1 .grid_3 {
        width: 100%;
    }

    #banner {
        background: none;
        border: none;
        margin: 0;
        height: auto !important;
    }

    .welcome {
        text-align: left;
        padding: 3%;
    }

    .row_1.container_12 {
        margin: 0 auto;
        width: 100%;
    }

    .row_1 .grid_9 {
        width: 100%;
    }

    .container_12 .row_2 .grid_3 {
        float: none;
        width: 100% !important;
    }

    .cycle-nav {
        width: 5.2%;
    }

    .row_2 .grid_3  .feature_slideshow {
        float: none;
        margin: 0;
        padding-bottom: 2.5%;
        width: 100%;
    }

    .row_2 .grid_3 h2.categoryTitle {
        float: none;
        width: 33.4%;
        margin-left: 0;
        margin-right: 0;
    }

    .row_2 .cycle-nav {
        left: 37%;
    }

    .homeSection .feature h3 {
        margin-top: 0;
    }

    .slideItem .slideImage {
        float: left;
        width: 33.4%;
    }

    .slideRight {
        float: right;
        width: 63%;
    }

    .container_12.row_3 .block_3 {
        float: left;
        width: 75%;
        margin: 0;
    }

    .row_3 .grid_3.buttons li {
        float: left;
        margin: 0 .8% .8% 0;
    }

    #banner ul.sbBanner {
        padding: 0 3%;
        background: #f7f7f5;
        border-top: 1px dotted #e1e1d6;
        border-bottom: 1px dotted #e1e1d6;
    }

    #banner .bannerImage {
        width: 49.6%;
    }

    #banner .bannerText {
        width: 41%;
    }

    .quicklinks h3 {
        font-size: 14px;
    }

    .container_12.row_3 .block_1 {
        width: 75%;
    }

    .container_12.row_3 .block_2 {
        margin-left: 2%;
        width: 23%;
    }

    h3.mapTitle {
        margin-top: 30px;
        border-top: 4px solid #aa233f;
        padding-top: 15px;
    }

    ul.nav li a, .quicklinks ul li a, .foot h5 {
        font-size: 13px;
    }

    ul#topNav li a {
        padding: 0 12%;
    }

    #user p, #grey_foot p, #grey_foot ul li li a, #siteInfo ul.sec li a,
    #branches li a {
        font-size: 12px;
    }

    #searchForm input {
        width: 75%;
    }

    div#head label {
        font-size: 15px;
        margin: 6px 0;
    }

    #getInvolved li a {
        font-size: 12px;
    }

    div.select-field {
        min-width: 140px;
    }

    .homeSection #mobiShow {
        display: none;
    }
}

@media only screen and (min-width: 780px) {
    .homeSection #mobiShow {
        display: block !important;
    }

    #mainNav {
        display: block !important;
    }

    .nothome #mobiNav {
        display: none !important;
    }
}

@media only screen and (max-width: 865px) {
    #mainNav li span {
        padding: 12px 7px;
    }

    #renew-button {
        width: 85px;
        position: absolute;
        top: 0;
        right: 2%;
    }
}

@media only screen and (max-width: 780px) {
    div#head #logo img {
        width: 100%;
        margin: -10px 0 0 0;
    }

    #snHead .container_12, #light_grey_foot {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    #snLinks {
        float: left;
    }

    #snHead #mobiMenu {
        float: right;
        display: block;
        width: 98px;
        height: 19px;
        background: url(../images/mobi-show.gif) 0 0 no-repeat;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 13px;
        color: #777;
        padding: 8px 12px;
    }

    .nothome #mainNav {
        display: none;
    }

    div#head {
        background: none;
    }

    .container_12 {
        margin: 0;
        width: 100%;
        max-width: 780px;
    }

    div#greyBar {
        position: relative;
        height: 117px;
        padding-left: 3%;
        padding-right: 3%;
        background: #ececec;
    }

    div#head form {
        height: auto !important;
        width: 93% !important;
        padding: 0 !important;
    }

    div#head .branches-form {
        border-right: none !important;
    }

    div#head input {
        width: 86.9%;
        padding: 4px 3.1% 4px 3%;
    }

    div#head button {
        position: absolute;
        bottom: 10px;
        right: 6.1%;
    }

    .container_12 .login-area {
        position: absolute;
        top: 0;
        right: 0;
        width: 52%;
    }

    .container_12 .login-area #topNav li {
        width: 33%;
    }

    .container_12 .login-area #topNav li a {
        width: 33%;
        height: 117px;
    }

    .container_12 #topNav {
        background: #777;
    }

    #topNav li.contact, div#head span.contact-us-link {
        display: none;
    }

    div#head label, div.select-field, .snSearch {
        float: none;
    }

    .container_12 .bForm, .container_12 .snSearch {
        width: 48%;
        padding: 0 0 10px;
    }

    .container_12 .bForm {
        padding: 8px 0 10px;
    }

    div.select-field {
        width: 100%;
        min-width: auto !important;
        margin: 0;
    }

    div#head select {
        padding: 5px 3% 4px;
    }

    #user {
        width: 100%;
                border-radius: 0;
           -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border: none;
    }

    #user p {
        padding: 10px 3%;
    }

    div#head #logo {
        padding: 3.5% 3%;
        max-height: none;
    }

    #user, #redNav, #mainNav, #mobiNav {
        position: static;
        width: 100%;
    }

    #mobiNav li, #mainNav li, #redNav li {
        float: none;
        width: 100% !important;
    }

    #mobiNav li a, #mainNav li a, #redNav li a {
        float: none;
        display: block;
        text-align: left;
        margin: 0;
        padding: 10px 3%;
        font-size: 15px;
                border-radius: 0;
           -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    #mobiNav li a, #mainNav li a {
        background: url(../images/bg-mobi-menu.gif) top left repeat-x;
    }

    #redNav li a, #mobiNav li a.membership, #mobiNav li a.practitionerresources,
    #mobiNav li a.informationforthecommunity {
        border-bottom: 1px dotted #fff;
    }

    #mobiNav li a.membership, #mobiNav li a.practitionerresources,
    #mobiNav li a.informationforthecommunity {
        color: #fff;
        background: #aa233f;
    }

    #mobiNav li span, #mainNav li span {
        border: none;
        padding: 0;
    }

    #mainNav li a.home {
        background-position: 20px 10px;
    }

    .siteNav, #mainNav ul, #redNav ul, .container_12 .quicklinks, .slideImage,
    .slideRight .wysiwygcontent, #grey_foot .grid_12, #contactDetails, #branches,
    #searchForm, #siteInfo h5 {
        display: none !important;
    }

    #redCols li, #mobiNav li.off ul {
        display: none;
    }

    #redCols li:first-child {
        display: block;
    }

    #banner ul.sbBanner {
        padding: 0;
        border-top: none !important;
        border-bottom: none !important;
    }

    .container_12 .row_2 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-top: 1px dotted #e1e1d6;
    }

    .container_12 .row_2, .container_12.row_3 .grid_6,
    .container_12.row_3 .block_2, .container_12.row_3 .block_3, #branchMap {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #map {
        margin: 0 auto;
        text-align: center;
        width: 55.8%;
    }

    #getInvolved, .container_12.row_3 .grid_6 h3,
    .row_2 .grid_3 h2.categoryTitle, .slideRight, .homeSection .news li,
    h3.mapTitle, #siteInfo, #mainBar, .nothome #mobiNav {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }

    h3.mapTitle {
        border-top: none;
        margin-top: 0;
    }

    .homeSection h3, .row_2 .grid_3 h2.categoryTitle {
        font-size: 17px;
        margin-bottom: 0;
    }

    .homeSection .feature h3, .homeSection h4, .homeSection .news h4 {
        font-size: 15px;
    }

    .homeSection .feature h3 {
        margin: 10px 0 5px;
        padding: 0;
    }

    .row_2 .cycle-nav {
        top: 8px;
        right: 4%;
        left: auto;
    }

    .row_2 .grid_3 .feature_slideshow {
        padding: 0;
    }

    .viewAll {
        right: 3%;
    }

    .homeSection .news ul {
        margin: 0 0 20px;
    }

    #getInvolved h3 {
        margin-bottom: 15px;
    }

    #getInvolved li a {
        font-size: 14px;
    }

    #branchMap {
        border-top: 4px solid #aa233f;
    }

    #map {
        padding: 15px 0;
        text-align: center;
    }

    .buttons ul {
        text-align: center;
    }

    .row_3 .grid_3.buttons li {
        width: 100%;
        line-height: 13px;
        margin: 0 0 5px;
    }

    .row_3 .grid_3.buttons li a {
        display: inline-block;
    }

    #red_foot ul#redCols li:first-child {
        width: 100%;
    }

    #redCols {
        margin: 0 auto;
        width: 245px;
    }

    #red_foot.foot .listItemLeft {
        width: 55px !important;
    }

    #red_foot.foot .listItemRight {
        width: 185px !important;
    }

    #grey_foot {
        padding: 20px 0;
    }

    #siteInfo li .sec li {
        display: inline-block;
    }

    #siteInfo li .sec li a {
        padding: 0 6px 0 5px;
        border-right: 1px solid #EBEBEA;
        line-height: 12px;
    }

    #siteInfo li .sec li.end a {
        border: 0;
    }

    #siteInfo ul {
        text-align: center;
    }

    .breadcrumb, #sideBar, .nothome #greyBar, .nothome #user, .nothome #redNav {
        display: none;
    }

    .inner {
        padding: 0;
    }

    .nothome #mobiNav {
        position: relative;
        margin-bottom: 20px;
    }

    .nothome #mobiNav > li.menuIsParent.off ul, .nothome #mobiNav li a.home {
        display: none;
    }

    .nothome #mobiNav li.on {
        z-index: 99;
    }

    .nothome #mobiNav li.on li {
        display: block;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }

    .nothome #mobiNav li.on a {
        color: #fff;
        background: #136991 url(../images/mobi-arrow.png) top right no-repeat;
    }

    #mobiNav li.on a.membership, #mobiNav li.on a.practitionerresources,
    #mobiNav li.on a.informationforthecommunity {
        color: #fff;
        background: #aa233f url(../images/mobi-arrow.png) top right no-repeat;
        border: none;
    }

    .nothome #mobiNav li ul {
        position: relative;
        width: 100%;
        background: none;
        top: 0;
        left: 0;
        padding: 0;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        border-bottom: none;
    }

    .nothome #mobiNav li ul li a {
        margin: 0;
        padding: 5px 4% !important;
        width: 92% !important;
        color: #535353 !important;
        font-weight: normal;
        font-size: 13px;
        background: url(../images/bg-mobi-menu.gif) top left repeat-x !important;
    }

    .nothome #mobiNav li ul li.on a {
        color: #136991 !important;
    }

    .nothome #mobiNav li li ul {
        padding: 3px 4% 3px 9% !important;
    }

    .nothome #mobiNav li li ul li, .nothome #mobiNav li li.on ul li {
        list-style: disc !important;
        display: list-item !important;
        margin: 2px 0;
    }

    .nothome #mobiNav li li ul li a, .nothome #mobiNav li li.on ul li a {
        padding: 0 0 0 4px !important;
        background: none !important;
        color: #535353 !important;
    }

    .nothome #mobiNav li li ul li.on a, .nothome #mobiNav li li.on ul li.on a {
        color: #136991 !important;
    }

    #mainBar p {
        word-wrap: break-word;
    }

    .renewmembershiplink {
        display: none;
    }
}

@media only screen and (max-width: 520px) {
    .cartButtonsLeft {
        display: none;
    }

    .cartButtonsRight {
        text-align: left;
    }

    div#head #logo img {
        width: 100%;
        margin: -10px 0 0 0;
    }
}

@media only screen and (max-width: 455px) {
    div#head #logo img {
        width: 100%;
        margin: -10px 0 0 0;
    }

    #banner .bannerImage {
        width: 100%;
    }

    #banner .bannerText {
        width: 91%;
        padding-bottom: 10%;
    }

    #banner .cycle-pager {
        width: 91%;
        left: 0;
        bottom: 3%;
        text-align: center;
    }

    #banner .cycle-pager a {
        float: none;
    }
}