/* - ReRNGR-responsive.css - */
@media all {
/*  */
/*  */

@media only screen and (max-width:1200px) {
  #portal-header::before { background-position:60% center; }

  .section-marketplace.template-directory_folder_index_new #content #Results { flex-wrap:wrap; }
  .section-marketplace.template-directory_folder_index_new #content #MapPanel { flex-basis:100%; }
}

@media only screen and (max-width:1000px) {
  #portal-logo { align-items:center; }
  #portal-logo > div { width:200px; bottom:0; }
  #portal-logo > div span { display:inline; }

  #portal-globalnav li { flex:1; }
  #portal-globalnav li:first-of-type { margin-left:0; }
  #portal-globalnav li:last-of-type { margin-right:0; }
  #portal-globalnav li a { padding-left:6px !important; padding-right:6px !important; }

  .template-publications_view #search-wrapper { width:100%; min-width:auto; margin-left:0; }
  .template-publications_view #search-wrapper #AdvancedSearchForm form#searchform .field.range { width:auto; }
}

@media only screen and (max-width:800px) {
  #portal-header { width:100%; }
  #portal-header::before { display:none; }
  #portal-logo { width:calc(100% - 24px); padding:12px; }
  #portal-logo::before { display:block; }

  #portal-searchbox { width:100%; margin:0 4px 4px; }
  #social-media { position:absolute; top:4px; right:4px; }

  .template-sec_login_form fieldset#login-form { width:100%; max-width:100%; }

  .template-front-page #home-leftCol { margin-left:0; margin-right:6px; }
  .template-front-page #home-rightCol { margin-left:6px; margin-right:0; }
  .template-front-page #home-leftCol h2, .template-front-page #home-rightCol h2 { margin-top:12px; }

  .template-apps_view #Apps .app .links a strong { display:none; }

  .section-resources #content .flexRow { flex-direction:column; }
  .section-resources #content .flexRow > div:first-child { width:100%; margin:0; }
  .section-resources #content .flexRow > div:last-child { width:calc(100% - 2em); min-width:auto; margin:0 0 8px !important; }
}

@media only screen and (max-width:600px) {
  #portal-logo { flex-direction:column; align-items:center; }
  #portal-logo > a { position:relative; left:18px; }
  #portal-logo > div { width:calc(100% - 2em); text-align:center; top:0; }
  #portal-logo::before { width:20%; background-position:top right; }
  #portal-header.cones #portal-logo::before { background-size:auto 80%; background-position:100% -90%; }

  #promo { flex-direction:column; }
  #promo > div .flexRow > img { width:64px; }
  #promo > div:first-child { padding-bottom: }
  #promo > div:first-child::before { width:25%; height:64px; background-size:contain; background-position:center; float:right; position:relative; margin-left:1em; }
  #promo #about-rngr { padding:0 1.5em; }

  #portal-column-one { width:100%; max-width:none; }
  #portal-column-one #submenu { width:calc(100% - 3em); margin-bottom:0; }
  #portal-column-one #submenu ul { display:flex; flex-direction:row; flex-wrap:wrap; }
  #portal-column-one #submenu ul li { background:#edeed2; border-radius:4px; text-align:center; width:calc(50% - 0.5em); margin:6px 0.5em 0; padding:0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; display:flex; flex-grow:1; }  
  #portal-column-one #submenu ul li:nth-child(1), #portal-column-one #submenu ul li:nth-child(2) { margin-top:0; }  
  #portal-column-one #submenu ul li:nth-child(odd) { margin-left:0; } 
  #portal-column-one #submenu ul li:nth-child(even) { margin-right:0; }
  #portal-column-one #submenu ul li:nth-child(odd):last-child { margin-right:0; } 
  #portal-column-one #submenu ul li a { border:none !important; width:100%; height:100%; color:#343416; text-decoration:none !important; padding:0 0.5em 8px; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  #portal-column-one #submenu ul li:hover,
  #portal-column-one #submenu ul li.selected { background:#343416; }
  #portal-column-one #submenu ul li:hover a,
  #portal-column-one #submenu ul li.selected a { color:#edeed2 !important; }

  #portal-footer a.sref img:nth-child(1) { display:none; }
  #portal-footer a.sref img:nth-child(2) { display:block; }

  body.template-front-page #portal-column-content .flexRow { flex-direction:column; }
  .template-front-page #home-leftCol { margin-right:0; }
  .template-front-page #home-rightCol { margin-left:0; }
  .template-front-page #home-rightCol h2:first-child { margin-top:12px; }

  .section-resources #MapCanvasWrapper { padding-bottom:100%; }
}

@media only screen and (max-width:500px) {
  #portal-globalnav ul { flex-wrap:wrap; }
  #portal-globalnav li { flex-basis:20%; }
}

@media only screen and (max-width:400px) {
  #portal-logo::before { background-size:auto 66%; }
}

@media only screen and (max-device-width:300px) {

}

/*  */

}