.mobileOnly {
    display: none;
}

.container_12 {
    max-width: 980px;
    width: auto !important;
}

@media only screen and (max-width: 1400px) {
    #banner img {
        border-left: none;
        border-right: none;
    }

    #banner .cycle-pager {
        right: 43%;
    }
}

@media only screen and (max-width: 1270px) {
    #banner .eventFrontList, .eventNav {
        display: none !important;
    }

    .stateNav {
        display: block;
    }
}

@media only screen and (max-width: 1050px) {
    #banner img {
        height: 270px !important;
        max-width: none !important;
    }

    #banner.owl-carousel img {
        height: auto!important;
        max-width: 100%!important;
    }
}

@media only screen and (max-width: 980px) {
    #topBar .left {
        padding: 0 0 0 5.10%;
    }

    #topBar .right {
        padding: 0 5.10% 0 0;
    }

    div#head img#logo {
        padding: 25px 25px 25px 5.10%;
    }

    div#head p {
        margin: 15px 5.10% 15px 0;
    }

    #mainNav li a.home, #mainNav li a.home:hover, #mainNav li a {
        padding: 10px 12px;
    }

    .welcome {
        padding: 20px 5.10%;
    }

    .actionButtons .join {
        padding: 0 8px;
    }

    #head span.acccn {
        right: 5.10%;
    }

    #home .grid_9, #home .grid_3 {
        width: 100%;
    }

    .col h2 {
        margin: 0 5.10% 20px;
    }

    #home {
        height: auto !important;
        background-color: #fff;
        padding-bottom: 0;
    }

    .col.news {
        height: 290px;
        overflow: hidden;
        padding: 0 0 40px;
    }

    .col.register {
        padding: 35px 0 0;
    }

    .col.register .wysiwygcontent {
        padding: 0 5.10%;
    }

    .col.news ul li {
        width: 39%;
        padding: 0 5.10%;
    }

    #sponsors {
        margin: 0 5.10%;
        padding: 25px 0 30px;
        border-top: 1px solid #ddd;
    }

    #foot .left {
        padding: 5px 0 20px 5.10%;
    }

    #foot .right {
        padding: 20px 5.10% 0 0;
    }

    #foot .acccnLogo {
        display: block;
        margin: 15px 0;
    }

    #siteinfomenu {
        float: none;
        display: block;
        margin: 0 0 0 -5px;
    }

    #siteinfomenu li {
        margin: 5px 0;
        border-left: none;
        border-right: 1px solid #591d81;
    }

    #siteinfomenu li.end {
        border: none;
    }

    .news .cycle-slideshow .newsshortlistitem {
        padding: 0 5.10%;
    }
}

@media only screen and (max-width: 940px) {
    div#head {
        width: 100%;
    }

    div#head p {
        margin: 0;
        position: absolute;
        top: 27px;
        right: 12.5%;
    }

    #head, .nothome #head, #head .container_12, body .headPattern {
        height: 104px !important;
    }

    #head span.acccn, #mainNav, #sideBar, .greyFade {
        display: none;
    }

    .mobileOnly {
        display: block !important;
    }

    .snIcons {
        display: inline;
    }

    #mainBar, #content {
        width: 100%;
    }

    .inner {
        padding: 30px 5.10%;
    }
}

@media only screen and (max-width: 830px) {
    .actionButtons td {
        float: none;
        display: block;
        padding: 0 0 5px !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 780px) {
    div#head p {
        right: 13.5%;
    }
}

/* media query below is required for responsive tables */

@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th, .pinned table td {
        white-space: nowrap;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    div.table-wrapper div.scrollable {
        margin-left: 35%;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive th:first-child, table.responsive td:first-child,
    table.responsive td:first-child, table.responsive.pinned td {
        display: none;
    }
}

@media only screen and (max-width: 640px) {
    .newsShort {
        height: auto !important;
    }

    .eventDetailsRight {
        width: 100%;
        margin: 20px 0 0;
    }

    #head #myAccount {
        display: none;
    }

    #home {
        background: none;
        padding: 0;
    }

    .col.news {
        float: none;
        height: auto !important;
        padding: 40px 0 0;
        background: #e9e3ed;
    }

    .col.news ul li {
        float: none;
        width: 89.80%;
        padding: 0 5.10% 40px;
    }

    #scroll {
        top: -35px;
        z-index: 99;
    }

    .news .viewAll {
        top: 40px;
    }

    #foot .left {
        float: none;
    }

    #foot .right {
        float: none;
        clear: both;
        padding: 20px 5.10%;
        width: 89.80%;
    }

    #aolink {
        float: right;
    }
}

@media only screen and (max-width: 620px) {
    .headPattern {
        top: 7px;
    }

    #topBar {
        height: 7px;
    }

    #topBar div {
        display: none;
    }

    .eventsContainer {
        display: none;
    }

    #banner img {
        border-top: none;
    }

    #banner .cycle-pager {
        right: 5.10%;
    }
}