/* This section is to define default styling for the browsers where media queries are not supported for e.g. IE8---- */

.ev-uploaded-file-wrapper {
    margin-left: 34px;
    margin-right: 34px;
    margin-top: 20px;
    margin-bottom: 20px;
}
/*------Default styling end------ */

@media only screen and (max-width: 3000px) {
    body {
        background: url(/events/content/images/rsc-grid-bl.jpg) no-repeat bottom left fixed;
    }

    .ev-uploaded-file-wrapper {
        margin-left: 34px;
        margin-right: 34px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1500px) {
    body {
        background: none;
    }

    .ev-uploaded-file-wrapper {
        margin-left: 34px;
        margin-right: 34px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1280px) {
    .ev-app-adv-results-container {
        border-top: 1px solid #CFCBBA;
        display: block;
        width: 100%;
    }

    .ev-app-adv-search-container {
        background-color: #EEECE1;
        display: block;
        width: 100%;
    }

    .ev-col23 {
        width: 60%;
        float: left;
    }

    .ev-col13 {
        width: 40%;
        float: left;
    }

    .ev-event-detail-container .ev-col2 {
        width: 100%;
    }

    /* Flexi Grid */
    .flexi-grid li {
        width: 50%;
    }

        .flexi-grid li a {
            border-left: 0px solid #DDD;
        }

        .flexi-grid li:nth-child(even) a {
            border-left: 1px solid #DDD;
        }

    .ev-uploaded-file-wrapper {
        margin-left: 34px;
        margin-right: 34px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .ev-col2 {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .ev-col23 {
        width: 50%;
        float: left;
    }

    .ev-col13 {
        width: 50%;
        float: left;
    }

    .ev-uploaded-file-wrapper {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ev-dd-wrapper .ev-dd {
        border: 0 solid #ABA38C;
        height: 28px;
    }

    .ev-memnet-col {
        display: table-cell;
        width: 33.33%;
    }
}

@media only screen and (max-width: 980px) {
    /* global stuff */
    .brand-header {
        width: 100% !important;
        height: 70px;
    }

    .screen {
        width: 100% !important;
        background-position: 64% 0;
    }

    .pagewidth {
        width: 100% !important;
    }

    .page-content {
        padding: 0%;
    }

    .rsc-logo {
        margin-right: 10px;
        background-size: 100px;
        margin-top: 15px;
        background-position: right top;
    }

    .site-logo {
        margin-left: 10px;
    }

        .site-logo img {
            height: 40px;
            margin-top: 15px;
            width: auto;
        }

    #rsc-global-footer {
        width: 100% !important;
        height: auto;
    }

    #rsc-global-footer-link-container {
        clear: both;
        width: 100% !important;
        margin-bottom: 20px;
    }

        #rsc-global-footer-link-container li {
            width: 100% !important;
        }

    .ev-col3 {
        width: 100%;
        float: none;
    }

    .ev-app-adv-results-container div.ev-col2 {
        width: 100% !important;
    }

    .mobile-only {
        display: block;
    }

    .cev-mob-img {
        max-width: 320px;
    }

    #masthead-more-menu, .masthead-menu-body {
        width: 100% !important;
        left: 10px;
    }

    .ev-subject-col {
        width: 100%;
    }

    .ev-uploaded-file-wrapper {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ev-dd-wrapper .ev-dd {
        border: 0 solid #ABA38C;
        height: 28px;
    }

    .ev-always-col {
        display: none !important;
    }

    .ev-tab-potrait-col {
        display: table-cell !important;
    }
}

@media only screen and (max-width: 920px) {
    .ev-event-container-sm .ev-event-image {
        display: block;
    }

        .ev-event-container-sm .ev-event-image img {
            width: 200px;
            height: 133px;
        }

    .ev-event-container-sm .ev-event-summary {
        display: block;
        padding: 0 10px 0 0;
    }

    .ev-continent-col {
        display: block;
        width: 100%;
        position: relative;
        padding: 0;
    }

        .ev-continent-col img {
            float: right;
            width: 75px;
            height: 50px;
            margin: 10px;
            position: absolute;
            right: 0;
            top: 0px;
            display: none;
        }

    .ev-country-link-list li {
        display: inline-block;
        width: auto;
        padding: 10px 4px;
    }

    .ev-continent-col .ev-more-results-link {
        position: absolute;
        top: 0;
        right: -10px;
        display: table;
        width: auto;
        margin-right: 10px;
        padding: 10px 10px;
    }

    .ev-submit-container .ev-col2 {
        width: 100%;
    }

    .ev-submit-container .ev-col4 {
        width: 50%;
    }

    .ev-mobile-nav-container {
        display: none;
    }

    .ev-local-region-map {
        display: none;
    }

    .ev-col23 {
        width: 100%;
        float: left;
    }

    .ev-col13 {
        width: 100%;
        float: left;
    }

    .ev-event-detail-container {
        width: 100%;
    }

    .ev-event-detail-side {
        width: 100%;
    }

    .ev-uploaded-file-wrapper {
        margin-left: 45px;
        margin-right: 45px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 840px) {
    /* Flexi Grid */
    .flexi-grid li {
        clear: both;
        width: 100%;
        margin-bottom: 5px;
        border-bottom: 1px solid #DDD;
    }

        .flexi-grid li:nth-child(even) a {
            border-left: 0px solid #DDD;
        }

    .ev-event-container .ev-event-image {
        display: block;
        width: 100%;
    }

    .ev-event-summary {
        display: block;
        margin: 0;
        padding: 0;
    }

    .ev-event-container-sm .ev-event-image {
        width: 100px;
    }

        .ev-event-container-sm .ev-event-image img {
            width: 100px;
            height: 66px;
        }

    .ev-event-container-sm .ev-event-summary {
        width: 100%;
        display: table-cell;
        padding: 0 10px 0 10px;
    }

        .ev-event-container-sm .ev-event-summary h2 {
            font-size: 15px;
            margin: 0;
        }

        .ev-event-container-sm .ev-event-summary h3 {
            margin: 0;
        }

    .ev-uploaded-file-wrapper {
        margin-left: 7px;
        margin-right: 45px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ev-always-col {
        display: none !important;
    }

    .ev-tab-potrait-col {
        display: table-cell !important;
    }
}

@media only screen and (max-width: 769px) {
    #content-nav-mobile {
        display: block;
    }

    .content-nav {
        display: none;
        background-color: #004D57;
        float: none;
    }
    /* Flexi Grid */
    .flexi-grid li {
        clear: none;
        width: 50%;
    }

        .flexi-grid li:nth-child(even) a {
            border-left: 1px solid #DDD;
        }

    #xpage-content {
        background-color: #0C3137;
    }

    .masthead-nav {
        display: none;
    }

    #content-nav-mobile {
        display: block;
        width: 100%;
        height: 40px;
    }

        #content-nav-mobile li {
            height: 40px;
        }

    .content-nav li {
        width: auto;
        float: right;
    }

    #rsc-global-footer-link-container li {
        width: 100% !important;
    }

    .xsite-logo-mobile {
        display: block;
        margin: 22px 10px;
    }

    .xsite-logo {
        display: none;
    }

    .rsc-logo {
        margin-right: 10px;
    }

    #masthead-nav-mobile {
        display: block;
        margin: 0;
        padding-left: 8px;
    }

    .cev-content-search {
        display: none;
    }

    .ev-col2 {
        width: 100%;
    }

    .ev-continent-container, .ev-local-container {
        display: none;
    }

    .content-nav-container {
        background-color: #006C76;
    }

    .ev-mobile-nav-container {
        width: 100%;
    }

    .content-nav .ev-content-nav-item {
        width: 100%;
        border-bottom: 1px solid #ddd;
        height: 60px;
        background-color: #FAFAF7;
    }

        .content-nav .ev-content-nav-item a {
            height: 60px;
            line-height: 60px;
            display: block;
            z-index: 99;
        }

    .page-content {
        display: table;
    }

    .ev-app-container {
        display: block;
        width: 100%;
    }

    .ev-app-nav-container {
        width: 100%;
        background-color: #EEECE1;
        height: 40px;
    }

        .ev-app-nav-container li {
            display: block;
            background-color: #EEECE1;
            height: 40px;
        }

    .ev-app-results-container {
        border-top: 1px solid #CFCBBA;
        display: block;
        width: 100%;
    }

    .ev-app-search-container, .ev-app-adv-search-container {
        background-color: #EEECE1;
        display: block;
        width: 100%;
    }


    .ev-event-container {
        width: 45%;
        float: left;
        margin-right: 5%;
        display: table-cell;
        vertical-align: top;
    }

    .ev-featured-events .ev-event-container {
        display: table-cell;
    }

    .ev-featured-events .ev-event-summary h2 {
        height: 40px;
        overflow: hidden;
        margin-bottom: 6px;
    }

    .ev-featured-events .ev-event-summary h3 {
        margin-top: 0px;
    }

    .ev-search-box {
        width: 90%;
    }

    .ev-nav-list-container {
        display: block;
        padding: 2px;
    }

    .ev-nav-list {
        width: 100%;
    }

    .ev-continent-col {
        display: table-cell;
        width: 20%;
        margin: 0;
        padding-bottom: 28px;
    }

        .ev-continent-col img {
            display: block;
            float: none;
            width: 100%;
            margin: 0;
            position: relative;
            right: 0;
            bottom: 0px;
        }

    .ev-country-link-list li {
        display: block;
        width: auto;
        padding: 4px;
    }

    .ev-continent-col .ev-more-results-link {
        position: absolute;
        top: 85%;
        right: -10px;
        display: table;
        width: auto;
        margin-right: 10px;
        padding: 10px 10px;
        z-index: 99;
    }

    .ev-search-mobile-item {
        display: table-cell;
    }

        .ev-search-mobile-item img {
            margin-top: 10px;
        }

    .ev-group-list-container {
        width: auto;
        display: block;
        padding: 0 10px;
    }

    .ev-sub-sub-nav {
        display: table !important;
        margin: 0;
        padding: 0;
    }

    .ev_sponsor_image {
        width: 16%;
    }

    .ev_organiser_image {
        width: 16%;
    }

    .ev-uploaded-file-wrapper {
        margin-left: 7px;
        margin-right: 45px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ev-uploaded-file {
        width: 23% !important;
    }

    .ev-always-col {
        display: none !important;
    }

    .ev-tab-potrait-col {
        display: table-cell !important;
    }

    .ev-memnet-col {
        display: table-cell;
        width: 33.33%;
    }
}

@media only screen and (max-width: 600px) {
    .ev-uploaded-file-wrapper {
        margin-left: 1px;
        margin-right: 1px;
    }

    /* Flexi Grid */
    .flexi-grid li {
        clear: both;
        width: 100%;
        margin-bottom: 5px;
        border-bottom: 1px solid #DDD;
    }

        .flexi-grid li a {
            min-height: inherit;
        }

        .flexi-grid li .flex-img {
            width: 100%;
            float: left;
        }

    .flexi-grid .link-title {
        width: 100%;
        float: left;
        word-wrap: break-word;
    }

    .ev-nav-list-container {
        display: block;
    }

    .ev-continent-container {
        display: none;
    }

    .ev-continent-col {
        display: block;
        width: 100%;
        position: relative;
    }

        .ev-continent-col img {
            float: right;
            width: 75px;
            height: 50px;
            margin: 10px;
            position: absolute;
            right: 0;
            top: 0px;
        }

        .ev-continent-col img {
            display: block;
        }

    .ev-country-link-list li {
        padding: 10px 4px;
        width: auto;
        display: inline-block;
    }

    .ev-continent-col {
        padding-bottom: 0px;
    }

        .ev-continent-col .ev-more-results-link {
            position: absolute;
            top: 0px;
        }

        .ev-continent-col img {
            display: none;
        }

    select.ev-group-list {
        -webkit-appearance: none;
        min-width: 280px;
        background: url(/events/content/images/icons/triangle-down.png) no-repeat center right;
    }

    .ev_sponsor_image {
        width: 16%;
    }

    .ev_organiser_image {
        width: 16%;
    }

    .flexi-grid li:nth-child(even) a {
        border-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    /* Flexi Grid */
    .flexi-grid li {
        clear: both;
        width: 100%;
        margin-bottom: 5px;
        border-bottom: 1px solid #DDD;
    }

        .flexi-grid li .flex-img {
            width: 100%;
            float: left;
        }

    .flexi-grid .link-title {
        width: 100%;
        float: left;
        word-wrap: break-word;
    }

    .site-logo-mobile {
        display: block;
        margin: 10px;
    }

    .site-logo {
        display: none;
    }

    .brand-header {
        height: 70px;
    }

    .cev-app-container {
        width: auto !important;
        margin: 0;
    }

    .cev-search-container {
        width: inherit !important;
        margin: 0;
        padding: 0px;
        margin: 0;
    }

    .cev-results-container {
        width: inherit !important;
        padding: 0px;
        margin: 0px 0;
    }

    .ev-col2 {
        width: 100%;
    }

    .ev-featured-events .ev-event-container {
        width: 100%;
    }

    .ev-featured-events {
        padding: 19px;
    }

    .ev-event-container .ev-event-image {
        display: block;
        height: auto;
        width: 100%;
    }

    .ev-event-container .ev-event-summary {
        display: block;
        padding: 0 10px 0 0;
    }

    .ev-event-container-sm {
        display: table;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .ev-event-container .ev-event-image {
        display: table-cell;
        width: 200px;
        vertical-align: top;
    }

    .ev-event-container-sm .ev-event-image {
        width: 100px;
    }

        .ev-event-container-sm .ev-event-image img {
            width: 100px;
            height: 66px;
        }

    .ev-event-summary {
        width: auto;
        display: table-cell;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: top;
    }

    .ev-event-container-sm .ev-event-summary {
        width: 100%;
        display: table-cell;
        padding: 0 10px 0 10px;
    }

        .ev-event-container-sm .ev-event-summary h2 {
            font-size: 15px;
        }

    .ev-subject-col a, .ev-subject-col h2 a {
        font-size: 14px;
    }

    .ev-rsc-overlay {
        display: none;
    }

    .ev-eventpage-banner {
        overflow: hidden;
    }

        .ev-eventpage-banner img {
            height: 80px;
        }

    .ev-local-col {
        display: block;
        width: 100%;
        margin: 0;
    }

        .ev-local-col li {
            display: inline-block;
            width: auto;
            margin: 0;
        }

    .ev-region-map {
        display: none;
    }

    .ev_sponsor_image {
        width: 16%;
    }

    .ev_organiser_image {
        width: 16%;
    }

    .ev-uploaded-file-wrapper {
        margin-left: 7px;
        margin-right: 9px;
    }

    .flexi-grid li:nth-child(even) a {
        border-left: 0;
    }

    .ev-always-col {
        display: table-cell !important;
    }

    .ev-tab-potrait-col {
        display: none !important;
    }

    .book-now.with-message button, .book-now.with-message span {
        display: block;
        margin-bottom: 10px;
    }

    .book-now-btn {
        float: left;
    }

    .ev-memnet-col {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .pagewidth {
        min-width: 280px;
    }

    .ev-search-box {
        width: 85%;
    }

    .ev-tag {
        display: block;
        float: left;
    }
}

@media only screen and (min-width: 640px) {
    .ev-memnet-col {
        display: table-cell;
        width: 33.33%;
    }
}

@media only screen and (min-width: 769px) {
    .ev-memnet-col {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .ev-memnet-col {
        display: table-cell;
        width: 33.33%;
    }
}