/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 1152                        */
/*                                          */
/*------------------------------------------*/
@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,
    .top_left #logo,
    .top_left #logo a { width: 100%; }
    .region-newsletter .content img { width: inherit; max-width: 270px; }
    .view-events-hub #edit-field-primary-event-nid-wrapper { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
    .view-events-hub #edit-field-primary-event-nid { width: 100%; }
    .top_right { width: 35%; }
}


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


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 990                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 990px) {
    #main-menu a { font-size: 1em; }
    .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; }
    .videopres-top-content .videopres-side-presentation iframe{ width: 550px; }
    .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: 965                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 965px) {
    .menu_wrapper { margin-bottom: 60px; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 960                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 960px) {
    .span-19 .span-19 .span-10 { padding-right: 0px; }
    #container { padding-right: 10px; }
    .videopres-top-content,
    .videopres-main-content,
    .videopres-side-presentation,
    .videopres-related-keywords ,
    .videopres-related-content  { width: 100%; }
    .videopres-related-keywords div { margin: 10px auto; }
    .videopres-desc-content { float: left; width: 42%; width: -moz-calc(100% - 360px); width: -webkit-calc(100% - 360px); width: calc(100% - 360px); }
    .videopres-main-video { position: relative !important; }
    .videopres-main-video div { float: right; }
    .videopres-main-content { height: auto; }
    .videopres-side-presentation iframe { margin-top: 10px; margin-left: 10px; }
    .page-node-26277 table { width: 86.5% !important; } 
    .content-sidebar-wrap,
    #content,
    #sidebar-first,
    #sidebar-second { float:left; width:100% !important; }
    #sidebar-first { clear:both; }
    #sidebar-first,
    #sidebar-second,
    #head,
    #foot { padding:0 3.52%; }
    #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: 0px; }
    .span-side-video { float: none; width: 608px; margin-left: auto; margin-right: auto; }
    .secondaryMenu { position: absolute; }
    .search_block { margin-left: 64%; }
    #quicktabs-webinars_tab  #quicktabs-tabpage-webinars_tab-2 .views-row .views-field-field-description{ height: 115px; overflow: hidden; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 895                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 895px) {
    #main-menu a { font-size: 0.9em; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 880                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 880px) {
    .top_right { margin-top: 40px }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 875                         */
/*                                          */
/*------------------------------------------*/
@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; }
    .videopres-main-content .videopres-desc-content{ float: none; }
    .videopres-main-content .videopres-main-video{ float: left; }
    .videopres-main-content .videopres-main-video #outer-free-video-player{ float: none; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 840                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 840px) {
    #main-menu { height: auto; }
    #main-menu ul { height: auto; width: 100%; display: block; }
    #main-menu li { width: 50%; float: left; position: relative; }
    #main-menu li a { border-bottom: 1px solid #000; border-right: 1px solid #000; }
    #main-menu a { text-align: left; width: 100%; text-indent: 25px; font-size: 1.2em; }
    #main-menu li.last { width: 100%; }
    #main-menu li.last a { text-align: center; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 820                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 820px) {
    .secondaryMenu ul { margin-top: 30px; }
    .secondaryMenu { margin-top: -12px; width: 63%; }
    #search-panel{ top: 47px; }
    #login-panel{ top: 59px; width: 56%; }
    #login-panel .form-type-textfield{ width: 74%; }
    #contactList .col1, 
    #contactList .col2 { width: 100%; } 
    .top_left #logo img { padding-right: 20px; } 
    .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; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 768                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 768px) {
    #login-panel .form-type-textfield{ width: 85%; }
    .top_middle{ width: 30%; }
    .audiopres-top-content{ 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; }
    .fcbi_row { width: 24%; }
    .conven_en_row { width: 74%; }
    .new_en_row { width: 100%; border: none; padding: 0; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 755                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 755px) {
    .secondaryMenu { width: 70%; float: left; }
    .search_block { width: 30%; float: left; }
    #block-search-form .form-item-search-block-form input { width: 10em; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 750                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 750px) {
    .top_left, .top_right { width: 100%; text-align: center; margin: 0; }
    .top_right { margin-bottom: 10px; }
    .top_left #logo img { max-width: 45%; padding: 0 !important; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 640                         */
/*                                          */
/*------------------------------------------*/
@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; }
    #site-title,
    #site-description { margin:0; line-height:1.62em; }
    #site-title { padding-top:18px; }
    #site-description { padding-bottom:18px; }
    .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; }
    .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{ width: 100%; }
    .node-type-white-paper #content .node-white-paper iframe{ width: 100%; }
    .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%; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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; }
    .videopres-top-content .videopres-main-content .videopres-desc-content{ width: 50%; }
    .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; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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; }
    .videopres-top-content .videopres-side-presentation iframe{ width: 490px; }
    #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; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 525                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 525px) {
    .search_block { display: none; }
    .secondaryMenu { width: 100%; }
    .top_right { display: none; }
    .top_left { margin: 15px 0; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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 { width: 100% !important; }
    .top_left, .top_middle { width: 100%; }
    .audiopres-top-content{ height: 820px; }
    .audiopres-top-content .audiopres-side-presentation iframe{ width: 450px; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 480                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 480px) {
    #main-menu { border-bottom: 0; }
    #main-menu ul { display: none; height: auto; }
    #main-menu ul li { width: 100%; }
    #main-menu ul li.last a { text-align: left; }
    #main-menu a#pull { display: block; background-color: #0072bb; width: 100%; position: relative; }
    #main-menu a#pull:after {
        content: "";
        background: url('images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    #main-menu a#pull:hover { background-color: #0072bb; color: #fff; }
    .view-featured-cycle { display: none; }
    .top_left #logo img { max-width: 65%; }
    .stripes { display: none; }
    .span-9, .span-10 { border-bottom: 1px solid #c9c9c9; margin-bottom: 20px; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 440                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 440px) {
    .top_left { margin-top: 60px; }
    .top_right { display: none; }
    .top_left #logo img { max-width: 70%; }
    #header_wrapper_top{ top: -4px; }
    #header{ margin-top: 40px; }
    .secondaryMenu{ width: 100%; }
    .search_block{ width: 100%; }
    .search_block .search-ramp-search-input input#search-input{ top: 50px; width: 96%; }
    .search_block .search-ramp-less-button{ margin: -2px 0 0 95%; }
    #search-panel{ top: 85px; width: 310px; height: 180px; }
    #search-panel .form-item-labeled{ width: 35%; margin-left: 10%; }
    .secondaryMenu ul { margin-top: 27px; }
    #site-title{ width: 100%; }
    #site-title a{ width: 100%; text-align: center; }
    .social-icons ul{ text-align: center; }
    .top_right .region-user-menu ul.menu{ float: none; }
    .block-menu ul{ float: none; text-align: center; }
    .top_right .region-search{ width: 100%; padding: 0 31%; }
    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; }
    #logo img{ max-width: 85%; text-align: center; }
    #site-title{ font-size: 18px; display: inline-block; margin: 10px 0 0 0; padding: 0; }
    #site-description{ padding-bottom: 5px; font-size: 10px; }
    .social-icons li{ padding: 0px; text-align: center; }
    .social-icons li img{ display: inline-block; }
    .menu_wrapper{ margin-top: 10px; }
    .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; }
    .videopres-top-content .videopres-main-content .videopres-desc-content{ width: 90%; }
    #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%; }
    .fcbi_row { width: 100%; border: none; padding: 0; }
    .conven_en_row { width: 100%; margin: 0; }
    .logo_holder_fcbi { margin: 0; width: 100%; text-align: center; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 380                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 380px) {
    #top_background { display: none; }
    .top_left { margin: 20px 0 0 0; }
    .top_left #logo img { max-width: 90%; }
}


/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 365                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 365px) {
    #main-menu li { display: block; width: 100%; float: none; }
    #main-menu li a { border-bottom: 1px solid #c9c9c9; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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%; }
    .search_block .search-ramp-search-input input#search-input{ top: 65px; width: 96%; }
    #search-panel{ top: 95px; width: 310px; height: 180px; }
    #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; }
}