/* CSS Document */

@media all and (min-width: 1001px) { /* DEFAULT */
  body {
	font-size: 1.2em;
  }
}

@media all and (max-width: 1000px) and (min-width: 701px) { /* TABLETS */
  body {
	font-size: 1.0em;
  }
  #navigation ul li .searchButton button { 
      height: 28px;
  }
  #navigation ul li .searchBox input#searchHeader {
    height: 40px;
  }
}

@media only screen and (max-width: 699px) { /* PHONES */
  body {
	font-size: 1em;
	line-height: 1.2em;
	min-width: 320px;
  }
  .mobile_hide, #navigation ul li#nav_main_search, #colophon ul#footerSocial li.mobile_hide, #file_upload_drag_drop { 
  	display: none !important;
  }
  .desktop_hide { display: none !important; }
  .mobile_show { display: block !important; }
  #navigation ul li#nav_search { 
  	display: block; 
  }
  .mobile_full, ._100, ._75, ._67, ._50, ._33, ._25 {
    clear: both;
	  width: 95% !important;
  }
  #sortableWrapper ._25, #sortableWrapper ._50, #sortableWrapper ._67, #sortableWrapper ._75, #sortableWrapper ._100 { 
    width: 95%;
  }
  
  #navigation ul li#nav_logo { 
  	width: 150px;
  }
  #navigation ul li#nav_user {
	  width: auto;
  }
  #navigation ul li#nav_user, #navigation ul li#nav_share, #navigation ul li#nav_search, #navigation ul li#nav_support, #navigation ul li#nav_setup, #navigation ul li#nav_oxy_tool_add_new {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
    #navigation ul li .fa {
      font-size: 20px;
    }
    #share_toggle, #search_toggle, #user_toggle, #support_toggle, #setup_toggle, #oxy_tool_add_new_toggle {
      width: 30px; 
      height: 30px;
    }
      #oxy_tool_add_new_toggle {
        padding: 0 5px 0 10px;
      }


  #tool_menu {
    display: none;
  }
  
  ul.news_block { 
  width: 42%;
  }
  
  .footer_container .copy {
	  width: 90%;
  }
  #colophon ul#footerSocial li, #colophon ul li {
    width: 100%;
    clear: both;
    display: block;
    float: left;
    text-align: left;
    margin-top: 5px;
  }
  .submenu, .readerDesktopMenu { display: none; }
  #readerOptionsWrapper #rightReaderOptions { float: right; text-align: right; }
  
  /*** FORM ELEMENTS ***/
  label.error { width: 92%; float: none; }
  input, textarea, select, label {
	  width: 94%;
	  text-align: left;
  }


  .notification { margin-bottom: 10px; }
  #file_upload_drag_drop {
    min-width: 280px;
  }
  .sales_tool_wrapper_price { min-width: 95%; }


  #navigation ul li#nav_main_search { 
  	display: none !important;
  }

  #shelf_sub .mobile_hide {
    display: block !important;
  }
}