/* Max Width: 1152px
===================== */
@media screen and (max-width: 1152px) {
    #wrapper {
        max-width: 960px;
    }
    #top-area .column:last-child {
        margin-right: 0;
    }
    #copyright {
        padding: 0 10px;
    }
    .span-side-video {
        min-width: 574px;
    }
    .region-newsletter,
    .region-newsletter .content a {
        width: 100%;
    }
    .region-newsletter .content img {
        width: inherit;
        max-width: 270px;
    }
    .view-events-hub #edit-field-primary-event-nid {
        width: 100%;
    }
}

/* Max Width: 1025px
===================== */
@media screen and (max-width: 1025px) {
    #container {
        padding-left: 10px;
    }
    .view-events-hub .views-row {
        width: 268px;
    }
}

/* Max Width: 990px
==================== */
@media screen and (max-width: 990px) {
    .front .top_middle .frontpage-tag {
        margin-top: 36px;
    }
    #quicktabs-webinars_tab #quicktabs-tabpage-webinars_tab-2 .views-row .views-field-field-description {
        height: 120px;
        overflow: hidden;
    }
    .span-upcoming-events {
        overflow: visible;
    }
    .audiopres-top-content .audiopres-side-presentation iframe {
        width: 550px;
    }
    .audiopres-top-content .audiopres-main-content .audiopres-side-image img {
        width: 140px;
    }
    .video-top-content .video-main-content {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .video-top-content .video-main-content .video-desc-content {
        float: left;
        width: 50%;
    }
    .video-top-content .video-main-content .span-video-related-keywords {
        bottom: inherit;
        position: inherit;
    }
}

/* Max Width: 960px
==================== */
@media screen and (max-width: 960px) {
    .span-19 .span-19 .span-10 {
        padding-right: 0;
    }
    #container {
        padding-right: 10px;
    }
    .page-node-26277 table {
        width: 86.5% !important;
    }
    .content-sidebar-wrap,
    #content,
    #sidebar-first,
    #sidebar-second { 
        float: left;
        width: 100% !important;
    }
    #sidebar-second {
        float: left;
    }
    #sidebar-first {
        clear: both;
    }
    #top-area .column {
        width: 32%;
    }
    #sidebar-first,
    #sidebar-second,
    #head,
    #foot {
        padding: 0 1.5%;
    }
    .region-front-welcome {
        margin: 1% 2%;
    }
    .block {
        margin-bottom: 2%;
    }
    .content-sidebar-wrap #content {
        margin: 0;
    }
    #footer_wrapper,
    #top_area {
        padding: 0 15px;
    }
    .video-main-content {
        height: auto;
        width: 100%;
        margin-bottom: 10px;
    }
    .video-top-content {
        height: auto;
        min-height: 410px;
    }
    .video-desc-content {
        width: -moz-calc(100% - 350px);
        width: -webkit-calc(100% - 350px);
        width: calc(100% - 350px);
        float: left;
    }
    .span-video-related-keywords {
        float: right;
        position: relative;
        left: 3px;
        margin-top: 0;
    }
    .span-side-video {
        float: none;
        width: 608px;
        margin-left: auto;
        margin-right: auto;
    }
    .secondaryMenu {
        position: absolute;
    }
    #quicktabs-webinars_tab #quicktabs-tabpage-webinars_tab-2 .views_row .views-field-field-description {
        height: 115px;
        overflow: hidden;
    }
}

/* Max Width: 890px
==================== */
@media screen and (max-width: 890px) {
    .rampHub-desc {
        min-height: 200px;
    }
}

/* Max Width: 880px
==================== */
@media screen and (max-width: 880px) {
    .eventPageImage {
        width: 35%;
        float: left;
        margin: 0;
    }
    .eventPageContent {
        width: 63%;
        float: left;
        margin: 0;
        margin-left: 2%;
    }
    .eventPageButton {
        width: 100%;
        float: left;
        margin: 0;
    }
    .eventPageButton a {
        margin: 0;
    }
}

/* Max Width: 875px
==================== */
@media screen and (max-width: 875px) {
    .node-type-ramp-content #content h1.page-title {
        margin-top: 10px;
    }
    .audiopres-top-content {
        height: 355px;
    }
    .audiopres-top-content .audiopres-main-content .audiopres-side-image img {
        width: 120px;
    }
    .audiopres-top-content .audiopres-side-presentation {
        height: 100%;
        position: relative;
    }
    .audiopres-top-content .audiopres-side-presentation iframe {
        width: 485px;
        height: 355px;
        position: absolute;
        bottom: 0;
    }
    .audiopres-main-player #outer-free-audio-player {
        width: 100%;
        height: 65px;
        background-size: 310px 65px;
    }
    .middle-content {
        height: 480px;
    }
    .span-related-keywords {
        float: none;
        width: 100%;
    }
    .span-related-content {
        float: none;
        overflow: auto;
    }
    .span-upcoming-events {
        overflow: visible;
    }
}

/* Max Width: 850px
==================== */
@media screen and (max-width: 850px) {
    .channel-latest-left,
    .channel-latest-right {
        width: 100%;
    }
}

/* Max Width: 820px
==================== */
@media screen and (max-width: 820px) {
    .secondaryMenu {
        margin-top: -12px;
        width: 63%;
    }
    #search-panel {
        top: 47px;
        width: 100%;
    }
    #login-panel {
        top: 59px;
        width: 56%;
    }
    #login-panel .form-type-textfield {
        width: 74%;
    }
    #contactList .col1,
    #contactList .col2 {
        width: 100%;
    }
    .top_middle {
        width: 29%;
    }
    .region-newsletter .imageonlyblock img {
        width: 275px;
    }
    .node-type-white-paper #content h1.page-title {
        margin-top: 15px;
    }
    .audiopres-top-content .audiopres-side-presentation iframe {
        width: 455px;
        height: 330px;
    }
    .audiopres-top-content .audiopres-main-content .audiopres-side-image img {
        width: 110px;
    }
    .audiopres-main-player #outer-free-audio-player {
        height: 60px;
        background-size: 295px 60px;
    }
    .top_left,
    .top_right {
        width: 100%;
    }
    .login_area {
        width: 100%;
    }
    .user-area,
    .search-bar,
    .subscribe-links {
        text-align: center;
    }
    #logo {
        width: 100%;
        text-align: center;
    }
    #search-panel {
        top: 27px;
    }
    .user-area ul.ua-menu {
        margin: 10px 0 0 0;
    }
    .search_block .search-ramp-search-input input#search-input {
        width: 85%;
    }
    .search_block .search-ramp-search-input input.button_text {
        width: 15%;
    }
}

/* Max Width: 795px
==================== */
@media screen and (max-width: 795px) {
    .eventsBannerImage {
        width: 30%;
    }
    .eventsBannerContentHeader {
        width: 70%;
    }
}

/* Max Width: 770px
==================== */
@media screen and (max-width: 770px) {
    .rampHub-holder {
        width: 46%;
        float: left;
        margin: 0 2% 20px 2%;
    }
    .rampHub-desc {
        min-height: 150px;
    }
    #popup-message-background,
    #popup-message-window {
        display: none;
    }
}

/* Max Width: 768px
==================== */
@media screen and (max-width: 768px) {
    #login-panel .form-type-textfield {
        width: 85%;
    }
    .top_middle {
        width: 30%;
    }
    .audiopres-top-cotnent {
        height: 670px;
        position: relative;
    }
    .audiopres-top-content .audiopres-main-content {
        float: none;
        width: 100%;
    }
    .audiopres-main-content .audiopres-main-player {
        margin-top: 20px;
        bottom: inherit;
    }
    .audiopres-main-content .audiopres-main-player #outer-free-audio-player {
        width: 350px;
        height: 65px;
        background-size: 350px 65px;
        margin-bottom: 10px;
    }
    .audiopres-top-content .audiopres-side-presentation {
        width: 100%;
        bottom: 0;
        position: absolute;
    }
    .audiopres-top-content .audiopres-side-presentation iframe {
        width: 580px;
        height: 430px;
    }
    .span-upcoming-events .content .view .view-content ul li {
        min-width: 200px;
        margin-bottom: 10px;
    }
    #container .content-sidebar-wrap #content .span-19 .home-first-column {
        width: 48%;
        margin-right: 3%;
    }
    #container .content-sidebar-wrap #content .span-19 .home-second-column {
        width: 49%;
        margin-right: 0;
    }
    #container .content-sidebar-wrap #content .span-19 .home-sidebar {
        width: 100%;
    }
    .left-content-columnist,
    .sidebar-columnist {
        width: 100%;
    }
}

/* Max Width: 700px
==================== */
@media screen and (max-width: 700px) {
    .eventPageImage {
        display: none;
    }
    .eventPageContent {
        width: 100%;
        margin: 0;
    }
    .job-title-close {
        width: 50%;
        margin: 0;
    }
    .job-salary {
        width: 48%;
        margin: 0 0 0 2%;
    }
    .job-more-button {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

/* Max Width: 640px
==================== */
@media screen and (max-width: 640px) {
    #login-panel{ width: 71%; }
    #copyright{ padding: 0 12px;}
    body { margin-top: 0; }
    .nivo-caption { bottom: 0%; padding: 5px; font-size: 11px; line-height: 15px; margin: 0; width: 100%; }
    .front .content-sidebar-wrap{ margin: 0; }
    .theme-default .nivo-controlNav{ padding-top: 10px; }
    .nivo-caption h3{ font-size: 14px; margin: 0; }
    .region-front-welcome{ padding: 10px; }
    .flex-control-nav li { margin:0 0 0 10px; }
    .flex-control-nav li:first-child { margin:0; }
    .flex-control-nav li a { box-shadow:none; background:rgba(255, 255, 255, 0.75); }
    #slider .entry-container { position:absolute; left:4%; bottom:6.3%; }
    #slider .entry-header,
    #slider .entry-summary { margin:0; }
    #slider .entry-title { margin-bottom: 0; }
    #slider .entry-title a,
    #slider .entry-summary{ display:inline-block; padding:1% 3%; background:rgba(255, 255, 255, 0.75); }
    #slider .entry-summary { max-width:61.8%; }
    #slider .entry-summary p { max-height:84px; overflow:hidden; }
    #slider .slide-image { float:none; display:block; max-width:100%; padding:0; margin:0; box-shadow:none; }
    .content-sidebar-wrap, #sidebar-first,
    #sidebar-second { float:left; width:auto; }
    .content-sidebar-wrap #content { float: left; width:auto; }
    #sidebar-first .block, #sidebar-second .block,
    #footer-area .column, #top-area .column { float:none !important; width:auto !important; margin-left:0; }
    #sidebar-first { clear:both; }
    #footer-area .column,
    #top-area .column {  margin:10px; }
    #top-area .column:first-child,
    #footer-area .column:first-child{ margin: 10px; }
    .copyright,
    .credits { float:none; text-align:left; }
    .nivo-caption h2{ font-size: 12px; margin: 0; }
    .nivo-directionNav{ display: none; }
    .theme-default .nivo-controlNav{ display: block; }
    #footer_wrapper, #top-area { padding: 0; }
    .region-user-menu{ width: 100%; }
    .top_middle { width: 39%;	width: -moz-calc(100% - 300px);	width: -webkit-calc(100% - 300px); width: 50%; }
    .social-icons{ width: 110px; margin: 0 auto; float: none; }
    .region-newsletter { width: auto; }
    #quicktabs-webinars_tab #quicktabs-tabpage-webinars_tab-2 .views-row{ width: 42%; }
    .node-type-article .span-article,
    .node-type-white-paper .span-article{ width: 100%; }
    .node-type-article .span-side, 
    .node-type-white-paper .span-side {
        margin: 0 auto;
        float: none;
        margin-bottom: 20px;
        min-width: 221px;
    }
    .node-type-white-paper #content .content #wptop,
    .node-type-white-paper #content .content #wpbody,
    .node-type-white-paper #content .node-white-paper iframe,
    .node-type-ramp-content .span-related-content {
        width: 100%;
    }
    .node-type-ramp-content .span-related-keywords {
        width: 100%;
        float: none;
    }
    .audiopres-main-content {
        width: 100%;
        height: auto;
    }
    .audiopres-main-player {
        position: relative;
    }
    .audiopres-side-presentation {
        width: auto;
    }
    .video-top-content .video-main-content .video-desc-content {
        width: 40%;
    }
    .search_block {
        width: 100%;
    }
    .search_block .search-ramp-search-input input.button_text {
        width: 5%;
    }
    .search_block .search-ramp-search-input input#search-input {
        width: 95%;
    }
    .full_top_nav ul.top_nav_left,
    .full_top_nav ul.top_nav_right {
        width: 100%;
        text-align: center;
    }
    .full_top_nav ul.top_nav_left {
        margin: 5px 0 0 0;
    }
    .full_top_nav ul.top_nav_right {
        margin: 0 0 5px 0;
    }
    .full_top_nav li {
        float: none;
        display: inline-block;
    }
    .logo_small_screen {
        margin-top: 190px;
    }
    .logo_small {
        text-align: center;
    }
    .full_top_nav ul.top_nav_right li:first-child a,
    .full_top_nav ul.top_nav_right li:first-child span {
        border-left: none;
    }
    .full_top_nav ul.top_nav_left li:last-child a,
    .full_top_nav ul.top_nav_left li:last-child span {
        border-right: none;
    }
    .full_top_nav ul.top_nav_right,
    .full_top_nav ul.sub_button {
        width: 50%;
        float: left;
        margin: 0;
        padding: 10px 0 0 0;
        text-align: center;
    }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 630                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 630px) {
    .front .top_middle{ width: 25%; }
    .front .top_middle .frontpage-tag{ margin-top: -26px; }
    #login-panel{ width: 80%; z-index: 99; }
    #login-panel .form-type-textfield{ width: 75%; }
    .view-id-featured_cycle .view-content { margin-left: auto; margin-right: auto; width: 304px; }
    #featured-articles { width: 350px !important; }
    #dot-navigation { display: none; }  
    #ramp-related-items-widget #ramp-items .scroll-item .content-item .content-item-image,
    #ramp-related-items-widget #ramp-items .scroll-item .content-item a .title{ width: 135px; }
    .audiopres-top-content .audiopres-side-presentation iframe{ width: 540px; }
    .video-top-content .video-main-content .video-desc-content{ width: 100%; }
    .video-top-content .video-main-content .span-video-related-keywords{ float: left; }
    .video-top-content .span-side-video{ width: 100%; }
    .video-middle-content #ramp-related-items-widget #ramp-items .scroll-item .content-item .content-item-image, 
    .video-middle-content #ramp-related-items-widget #ramp-items .scroll-item .content-item a .title { width: 75px; }
    .view-display-id-page_2 .reports-page-left,
    .view-display-id-page_2 .reports-page-middle { width: 50%; float: left; }
    .view-display-id-page_2 .reports-page-right { width: 100%; float: left; }
    .view-display-id-page_2 .reports-page-right .report-image { text-align: center; margin: 20px 0 0 0; width: 100%; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 620                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 620px) {
    .whitepaper-list-left { width: 100%; text-align: center; }
    .whitepaper-list-right { width: 100%; margin-top: 20px; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 600                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 600px) {
    .view-events-hub div.view-search, .view-events-hub div.site-search { width: 100%; float: left; margin: 0 0 10px 0; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 580                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 580px) {
    .channel-latest-article-big { width: 100%; margin-right: 0; margin-bottom: 10px; }
    .channel-article-img { width: 30%; float: left; }
    .channel-article-desc { width: 70%; float: left; min-height: 130px; }
    .next-read-holder { width: 100%; margin: 0 0 10px 0; }
    .next-read-img { height: 150px; }
    .next-read-desc { min-height: 0; }
    .related-holder { width: 100%; margin: 0 0 10px 0; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 550                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 550px) {
    #quicktabs-webinars_tab #quicktabs-tabpage-webinars_tab-2 .views-row{ width: 65%; }  
    .audiopres-top-content .audiopres-side-presentation iframe{ width: 500px; }
    #ramp-related-items-widget #ramp-items .scroll-item .content-item .content-item-image, 
    #ramp-related-items-widget #ramp-items .scroll-item .content-item a .title { width: 120px; }
    .search_block .search-ramp-search-input input.button_text { width: 10%; }
    .search_block .search-ramp-search-input input#search-input { width: 90%; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 530                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 530px) {
    .view-audio-video-hub #edit-field-primary-event-nid-wrapper, .view-audio-video-hub #edit-combine-wrapper { width: 100%; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 500                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 500px) {
    .featured-article .field-content img { display: none; }
    .front .span-19 .span-19 .span-9, 
    .front .span-19 .span-19 .span-10,
    .parent-featured .span-19 .span-9,
    .parent-featured .span-19 .span-10 { width: 100% !important; }
    .audiopres-top-content{ height: 820px; }
    .audiopres-top-content .audiopres-side-presentation iframe{ width: 450px; }
    .view-in-depth-analysis .analysis-item .analysis-page-left,
    .view-in-depth-analysis .analysis-item .analysis-page-right { width: 100%; text-align: center; } 
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 480                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 480px) {
    .rampHub-holder { width: 100%; float: left; margin: 0 0 20px 0; }
    .rampHub-desc { padding: 20px 10px; min-height: 0; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 475                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 475px) {
    .feat-articles { width: 100%; margin-bottom: 20px; margin-right: 0; }
    .article-image { height: 200px; }
    .article-title-precis { height: auto; min-height: 0; }
    .eventPageDate p, .eventPageLocation p { font-size: 1em; }
    ul.quicktabs-tabs.quicktabs-style-sky li a, ul.quicktabs-tabs.quicktabs-style-sky li a:visited { padding: 10px; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 440                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 440px) {
    .front .top_middle{ width: 95%; }
    .front { height: 30px; }
    .newsletter_block { display:none; }
    .front .top_middle .frontpage-tag{ margin: 0 0 0 10px; }
    .secondaryMenu{ width: 100%; }
    #top_background{ height: 85px; }
    .social-icons ul{ text-align: center; }
    .region-user-menu ul.menu{ float: none; }
    .block-menu ul{ float: none; text-align: center; }
    input.form-text, select.form-select { width: 93%; }
    textarea.form-textarea { width: 100% }
    .block > h2 { font-size: 18px; }
    #top-area h2{ font-size: 14px; }
    #copyright{ padding: 0 5px; }
    .social-icons li{ padding: 0px; text-align: center; }
    .social-icons li img{ display: inline-block; }
    .nivo-caption{ white-space: nowrap; text-overflow: ellipsis; position: relative; }
    .node{ margin-top: 5px; }
    .nivo-caption h2{ font-size: 12px; margin: 0; }
    .nivo-directionNav{ display: none; }
    .theme-default .nivo-controlNav{ display: block; }
    #quicktabs-webinars_tab #quicktabs-tabpage-webinars_tab-2 .views-row{ width: 85%; }  
    .audiopres-top-content{ height: 790px; }
    .audiopres-main-player #outer-free-audio-player{ width: 330px; height: 165px; background-size: 330px 165px; }
    .audiopres-top-content .audiopres-side-presentation iframe{ width: 330px; height: 245px; }
    #ramp-related-items-widget #ramp-items .scroll-item .content-item .content-item-image, 
    #ramp-related-items-widget #ramp-items .scroll-item .content-item a .title { width: 75px; }
    .span-upcoming-events { margin: 0 auto; width: 200px; }
    .page-node-26277 iframe{ width: 100%; }
    #container .content-sidebar-wrap 
    #content .span-19
    .home-first-column, #container 
    .content-sidebar-wrap #content .span-19
    .home-second-column { width: 100%; margin-right: 0; }
    #container .content-sidebar-wrap 
    #content .span-19
    .home-sidebar { width: 100%; }
    .view-display-id-page_2 .reports-page-left,
    .view-display-id-page_2 .reports-page-middle,
    .view-display-id-page_2 .reports-page-right { width: 100%; text-align: center; }
    .view-display-id-block_4 .events-block .event .post-events-left,
    .view-display-id-block_4 .events-block .event .post-events-right,
    .view-display-id-block_5 .events-block .event .post-events-left,
    .view-display-id-block_5 .events-block .event .post-events-right { width: 100%; text-align: center; }
    .left-content-columnist .user-links ul li:first-child,
    .left-content-columnist .user-title .user-image { display: none; }
    .left-content-columnist .user-links ul li { width: 100%; text-align: center; }
    .job-title-close { width: 100%; margin: 0; }
    .job-salary { width: 100%; margin: 10px 0 0 0; }
    .job-more-button { width: 100%; margin: 10px 0 0 0; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 420                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 420px) {
    .login_area { width: 96%; background: #fff; position: fixed; top: 0px; z-index: 998; padding-top: 5px; }
    .top_left { margin-top: 80px; }
    #search-panel .form-item-labeled { margin: 5px 2% !important; width: 96% !important; text-align: left; }
    #search-panel .form-item-labeled label, #search-panel .form-item-labeled select { width: 100% !important; float: left; }
    ul.ua-menu { display: none; }
    nav.float-menu-small { display: inline; margin-top: 5px; }
    nav.float-menu-small ul { list-style-type: none; margin: 0; text-align: center; }
    nav.float-menu-small ul li { display: inline-block; margin: 0; padding: 0 3px; border-right: 1px solid #083e88; }
    nav.float-menu-small ul li:last-child { border-right: none; }
    nav.float-menu-small ul li a, nav.float-menu-small ul li span { color: #083e88; }
    nav.float-menu-small ul li span:hover { cursor: pointer; }
    nav.float-menu-small ul li a.home-float-menu { background: transparent; width: auto; }
    nav.float-menu-small ul li.expanded ul { display: none; }
    nav.float-menu-small ul li.expanded:hover ul { display: block; position: absolute; z-index: 10; width: 50%; text-align: left; }
    nav.float-menu-small ul li.expanded:hover ul li { border-right: none; display: block; margin-left: 0; background: #e0e0e0; color: #327ea2; text-decoration: none; padding: 5px 10px; border-bottom: 1px solid #fff; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 414                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 414px) {
    .user-area ul.ua-menu li a, .user-area ul.ua-menu li span { font-size: 0.8em; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 400                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 400px) {
    .channel-article-img { display: none; }
    .channel-article-desc { width: 100%; height: auto; min-height: 0; }
    .channel-article-right-desc { height: auto; }
    ul.quicktabs-tabs.quicktabs-style-sky li { width: 100%; }
    ul.quicktabs-tabs.quicktabs-style-sky li a, ul.quicktabs-tabs.quicktabs-style-sky li a:visited { width: 100%; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 320                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 320px) {  
    #login-panel{ width: 90%; z-index: 99; left: 5%; }
    #login-panel .form-type-textfield{ width: 75%; }
    .search_block{ width: 100%; }
    #top_background{ height: 95px; } 
    .view-events-hub .views-row{ max-width: 230px; }
    .view-events-hub .views-row #ramp-description{ height: 80px; overflow: hidden; }
    .audiopres-main-content .audiopres-info-content{ overflow: auto; }
    .audiopres-top-content .audiopres-side-image img{ width: 103px; }
    .audiopres-main-player #outer-free-audio-player{ width: 290px; height: 145px; background-size: 290px 145px; }
    .audiopres-top-content .audiopres-side-presentation iframe{ width: 290px; height: 215px; }
    #ramp-related-items-widget #ramp-items .scroll-item .content-item .content-item-image, 
    #ramp-related-items-widget #ramp-items .scroll-item .content-item a .title { width: 65px; }
}

/* Featured Media Queries
============================ */
@media only screen and (max-width: 999px) { 
    .featured { display: block; }
    .feat-left { width: 100%; float: left; }
    .feat-middle { width: 66%; float: left; height: 50.2%; }
    .feat-middle-first, .feat-middle-second { height: 100%; position: relative; width: 50%; float: left; }
    .feat-right { width: 34%; float: left; height: 50.2%; margin-bottom: 20px; }
    .feat-right-image { display: none; }
    .feat-right-desc { width: 100%; height: 100%; float: left; }
}
@media only screen and (max-width: 590px) {
    .feat-middle { width: 100%; }
    .feat-right { width: 100%; height: auto; }
}
@media only screen and (max-width: 440px) {
    .feat-middle { height: auto; }
    .feat-middle-first, .feat-middle-second { height: auto; width: 100%; }
}

/* Parent Featured Media Queries
==================================== */
@media only screen and (max-width: 858px) {
    .parent-feat-image { display: none; }
    .parent-feat-image-description { width: 100%; }
} 
@media only screen and (max-width: 615px) { 
    .parent-article-4 { display: none; }
    .parent-article-1, .parent-article-2, .parent-article-3 { width: 33%; }
}
@media only screen and (max-width: 490px) {
    .parent-article-3 { display: none; }
    .parent-article-1, .parent-article-2 { width: 50%; }
}
@media only screen and (max-width: 370px) {
    .parent-article-2 { display: none; }
    .parent-article-1 { width: 100%; }
}
@media only screen and (max-width: 367px) {
    .parent-feat-image-description { height: auto; }
    .parent-article-1 { display: none; }
}
@media only screen and (max-width: 233px) {
    .parent-feat-image-description { display: none; }
}