/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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;
  }
  
  /* IE crap */
  .region-newsletter,
  .region-newsletter .content a ,
  .top_left #logo,
  .top_left #logo a {
    width: 100%
  }
  
  .region-newsletter .content img{
    width: inherit;   /* More IE crap */
	  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) {

  .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) {
    #main-menu a { font-size: 1.1em; } 
    .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; } /* altered float: none; to left */
  
  #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;
  }
  
  /*position: absolute; old video-desc-content style, will work with none calc browsers
    right: 355px;       but will not expand the content
    left: 0px;
    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: 920                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 920px) {
    /*.article-height { height: 550px; }*/
}

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

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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 a { font-size: 0.9em; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 820                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 820px) {
  /*#header{ padding-top: 22px; }*/
  .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) {
  #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.last { width: 100%; }
  #main-menu li.last a { text-align: center; }
  #main-menu li a { border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; }
  #main-menu a { text-align: left; width: 100%; text-indent: 25px; font-size: 1.2em; }
  .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: 670                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 670px) {
    /*.article-height { height: 750px; }*/
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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; } /* altered float from none to left*/

  .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; }
  
  /*
  .front .span-19 .span-19 { /* reset the dual column padding we did earlier, doesnt work in single column 
    padding-left: 0px;
  }*/
  
  .top_left, .top_middle { width: 100%; }

  .audiopres-top-content{ height: 820px; }
  .audiopres-top-content .audiopres-side-presentation iframe{ width: 450px; }
  /*.article-height { height: 600px; }*/
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   MAX WIDTH: 480                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 480px) {
  #main-menu { border-bottom: 0; }
  #main-menu ul { display: none; height: auto; }
  #main-menu a#pull { display: block; background-color: #0080c0; 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: #0080c0; 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; }

  /*#header{
    padding-top: 15px;
  }*/


   #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: 425                         */
/*                                          */
/*------------------------------------------*/
@media screen and (max-width: 425px) {
    #main-menu li { display: block; width: 100%; float: none; }
    #main-menu li a { border-bottom: 1px solid #c9c9c9; }
    #main-menu li.last a { text-align: left; }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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) {
    /*.article-height { height: 750px; }*/
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*                                          */
/*   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; }
}